/**
 * WP Ads - Frontend Alignment Styles
 */

/* ========================================
   VIEWPORT DETECTION (RESPONSIVE)
   ======================================== */

/* Viewport breakpoints:
 * Mobile:  0px - 767px
 * Tablet:  768px - 979px
 * Desktop: 980px+
 */

/* Hide all viewport-specific content by default */
.wpads-viewport-desktop,
.wpads-viewport-tablet,
.wpads-viewport-mobile {
    display: none;
}

/* Mobile: 0px - 767px */
@media (max-width: 767px) {
    .wpads-viewport-mobile {
        display: block;
    }
}

/* Tablet: 768px - 979px */
@media (min-width: 768px) and (max-width: 979px) {
    .wpads-viewport-tablet {
        display: block;
    }
}

/* Desktop: 980px+ */
@media (min-width: 980px) {
    .wpads-viewport-desktop {
        display: block;
    }
}

/* Default content (no viewport specified) - always visible unless viewport content exists */
.wpads-viewport-default {
    display: block;
}

/* Hide default content when viewport-specific content is present and visible */
@media (max-width: 767px) {
    .wp-ad .wpads-viewport-mobile ~ .wpads-viewport-default {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .wp-ad .wpads-viewport-tablet ~ .wpads-viewport-default {
        display: none;
    }
}

@media (min-width: 980px) {
    .wp-ad .wpads-viewport-desktop ~ .wpads-viewport-default {
        display: none;
    }
}

/* ========================================
   ALIGNMENT STYLES
   ======================================== */

/* Default - no special alignment */
.wp-ad.wpads-default {
    display: block;
    margin: 10px 0;
}

/* Align Left */
.wp-ad.wpads-align-left {
    display: block;
    text-align: left;
    margin: 10px 0;
}

/* Align Right */
.wp-ad.wpads-align-right {
    display: block;
    text-align: right;
    margin: 10px 0;
}

/* Center */
.wp-ad.wpads-center {
    display: block;
    text-align: center;
    margin: 10px auto;
}

/* Float Left - content wraps around */
.wp-ad.wpads-float-left {
    float: left;
    display: block;
    width: 300px;
    min-height: 250px;
    margin: 5px 10px 0px 0px;
    clear: left;
    position: relative;
}

/* Float Right - content wraps around */

.wp-ad.wpads-float-right {
    float: right;
    display: block;
    width: 300px;
    min-height: 250px;
    margin: 5px 0px 0px 10px;
    clear: right;
    position: relative;
}

/* Note: Random Float (alignment = 8) randomly applies either wpads-float-left or wpads-float-right */

/* No wrapping - block display, no float */
.wp-ad.wpads-no-wrapping {
    display: block;
    clear: both;
    margin: 10px 0;
}

/* Custom CSS - user-defined styles applied via inline style attribute */
.wp-ad.wpads-custom-css {
    display: block;
}

/* Clearfix for floated ads */
.wp-ad.wpads-float-left::after,
.wp-ad.wpads-float-right::after {
    content: "";
    display: table;
    clear: both;
}