/* ============================================================
   WP Banner Rotator v5.2 — Frontend Styles
   ============================================================ */

.wbr-group-wrap {
    width: 100%;
    margin: 30px auto;
}

.ad-block {
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 0;
}

/* Etiqueta colada acima do banner */
.ad-label {
    display: block;
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0.5;
    margin-bottom: 2px;
    line-height: 1;
}
.ad-label.left   { text-align: left; }
.ad-label.center { text-align: center; }
.ad-label.right  { text-align: right; }

/* Tamanhos desktop */
.ad-728x90  { max-width: 728px;  aspect-ratio: 728/90;   margin: 0 auto; }
.ad-970x90  { max-width: 970px;  aspect-ratio: 970/90;   margin: 0 auto; }
.ad-970x250 { max-width: 970px;  aspect-ratio: 970/250;  margin: 0 auto; }
.ad-300x250 { max-width: 300px;  aspect-ratio: 300/250;  margin: 0 auto; }

/* Tamanhos mobile */
.ad-320x50  { max-width: 320px;  aspect-ratio: 320/50;   margin: 0 auto; }
.ad-300x50  { max-width: 300px;  aspect-ratio: 300/50;   margin: 0 auto; }
.ad-320x100 { max-width: 320px;  aspect-ratio: 320/100;  margin: 0 auto; }

/* Rotator */
.ad-rotator {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: transparent;
}

.ad-item {
    display: none;
    width: 100%;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}
.ad-item.is-active {
    display: block !important;
    opacity: 1 !important;
}

.ad-item img,
.ad-item video {
    width: 100%;
    height: auto;
    display: block;
    border: 0;
}

/* ============================================================
   SLOTS MOBILE / DESKTOP
   Breakpoint: 767px (compatível com a maioria dos temas WP)

   Grupo misto → classes restritivas aplicadas
   Grupo com só um tipo → sem classe → aparece em tudo
   ============================================================ */

/* Padrão (desktop): mostra desktop, oculta mobile */
.wbr-desktop-only { display: block; }
.wbr-mobile-only  { display: none;  }

/* Mobile: ≤ 767px */
@media (max-width: 767px) {
    .wbr-desktop-only { display: none  !important; }
    .wbr-mobile-only  { display: block !important; }

    /* Banners wide adaptam largura no mobile */
    .ad-728x90,
    .ad-970x90,
    .ad-970x250 {
        max-width: 100%;
        aspect-ratio: auto;
    }
}

/* Desktop: ≥ 768px */
@media (min-width: 768px) {
    .wbr-mobile-only  { display: none  !important; }
    .wbr-desktop-only { display: block !important; }
}