/* DinhoS Reef Shop Brand v0.2.44 — camada MOBILE dos 16 temas oficiais.
 * CSS-only: Global Navigation e Shop Slider continuam responsáveis por interações.
 * A herança é visual; nada modifica os eventos, visibilidade ou estados de abertura.
 */
@media screen and (max-width:768px) {
  /* The PHP theme sets nav/accent tokens with an allowlisted palette.
   * Do NOT redeclare defaults here after the PHP-generated palette: that used
   * to turn REEF BLACK blue when the stylesheet finished loading. */
  html body.drsb-mobile-seasonal-ui {
    --drsb-mob-fg:#f6fbff;
    --drsb-mob-border:color-mix(in srgb,var(--drsb-mob-accent,#22c7f3) 45%,transparent);
    --drsb-mob-light:color-mix(in srgb,var(--drsb-mob-accent,#22c7f3) 8%,#ffffff);
  }
  /* Core visual surfaces, leave GN fixed/sticky geometry and scroll reveal alone. */
  html body.drsb-mobile-seasonal-ui #dr-premium-menu-wrapper > div:first-child,
  html body.drsb-mobile-seasonal-ui #dr-mobile-shop-search,
  html body.drsb-mobile-seasonal-ui #dr-bottom-nav {
    background-color:var(--drsb-mob-nav)!important;
    background-image:none!important;
    color:var(--drsb-mob-fg)!important;
    border-color:var(--drsb-mob-border)!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-premium-menu-wrapper > div:first-child {
    border-bottom:1px solid var(--drsb-mob-border)!important;
    box-shadow:0 4px 18px rgb(0 12 29 / .20)!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-premium-menu-wrapper > div:first-child :is(#dr-menu-trigger-top,#dr-user-trigger) {
    border-radius:13px!important;
    border:1px solid var(--drsb-mob-border)!important;
    background:rgba(255,255,255,.075)!important;
    color:var(--drsb-mob-fg)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-premium-menu-wrapper > div:first-child #dr-menu-trigger-top :is(span,svg),
  html body.drsb-mobile-seasonal-ui #dr-premium-menu-wrapper > div:first-child #dr-user-trigger :is(span,svg) {
    color:var(--drsb-mob-fg)!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-premium-menu-wrapper > div:first-child :is(button,a):focus-visible,
  html body.drsb-mobile-seasonal-ui #dr-bottom-nav .dr-nav-item:focus-visible,
  html body.drsb-mobile-seasonal-ui #dr-mobile-shop-search :is(input,button):focus-visible {
    outline:3px solid var(--drsb-mob-accent)!important;
    outline-offset:2px!important;
  }
  /* Search stays high-contrast with comfortable touch area. */
  html body.drsb-mobile-seasonal-ui #dr-mobile-shop-search {
    border-bottom:1px solid var(--drsb-mob-border)!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-mobile-shop-search :is(input[type="search"],input[type="text"],.dgwt-wcas-search-input) {
    box-sizing:border-box!important;
    min-height:44px!important;
    border:1px solid var(--drsb-mob-accent)!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#17354d!important;
    box-shadow:0 1px 9px rgba(0,9,22,.12)!important;
    -webkit-text-fill-color:#17354d;
  }
  html body.drsb-mobile-seasonal-ui #dr-mobile-shop-search input::placeholder {color:#63778b!important;opacity:1!important;}
  /* Drawer: WHITE neutral original, merely a thin accent and readable focus.
   * Do not darken submenus or change GN state classes/overflow/position. */
  html body.drsb-mobile-seasonal-ui #dr-premium-menu-wrapper #dr-mobile-menu {
    background:#fff!important;
    color:#17354d!important;
    border-right:2px solid var(--drsb-mob-accent)!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-premium-menu-wrapper #dr-mobile-menu .dr-categories-menu li>a,
  html body.drsb-mobile-seasonal-ui #dr-premium-menu-wrapper #dr-mobile-menu .drgn-mobile-managed-menu li>a {
    color:#193b56!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-premium-menu-wrapper #dr-mobile-menu .dr-categories-menu li>a:focus-visible,
  html body.drsb-mobile-seasonal-ui #dr-premium-menu-wrapper #dr-mobile-menu .drgn-mobile-managed-menu li>a:focus-visible {
    outline:2px solid var(--drsb-mob-accent)!important;
    outline-offset:1px!important;
  }
  /* Bottom navigation: inherited theme, readable white labels, bright active tab. */
  html body.drsb-mobile-seasonal-ui #dr-bottom-nav {
    box-shadow:0 -4px 22px rgba(0,9,22,.22)!important;
    border-top:1px solid var(--drsb-mob-border)!important;
    border-radius:17px 17px 0 0!important;
    padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-bottom-nav > .dr-nav-item {
    color:var(--drsb-mob-fg)!important;
    border-radius:12px!important;
    min-width:0!important;
    opacity:.92!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-bottom-nav > .dr-nav-item :is(.nav-label,.nav-icon,.nav-icon svg) {
    color:inherit!important;
    stroke:currentColor!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-bottom-nav > .dr-nav-item.active,
  html body.drsb-mobile-seasonal-ui #dr-bottom-nav > .dr-nav-item[aria-current="page"] {
    color:var(--drsb-mob-accent)!important;
    background:rgba(255,255,255,.095)!important;
    box-shadow:inset 0 0 0 1px var(--drsb-mob-border)!important;
    opacity:1!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-bottom-nav :is(.dr-cart-count,.cart-badge) {
    background:var(--drsb-mob-accent)!important;
    color:var(--drsb-mob-ink)!important;
    border:2px solid var(--drsb-mob-nav)!important;
  }
  /* Shop Slider: reusable geometry, text and controls; do NOT change swipe/autoplay.
   * The full-width hero remains photography-driven per slide. */
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper {
    box-sizing:border-box!important;
    width:100%!important;
    height:clamp(400px,58svh,650px)!important;
    min-height:400px!important;
    margin:8px auto 18px!important;
    border-radius:18px!important;
    border:1px solid var(--drsb-mob-border)!important;
    background-color:var(--drsb-mob-nav)!important;
    box-shadow:0 10px 30px rgba(11,30,51,.19)!important;
  }
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper .reef-content {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    padding:18px clamp(16px,5vw,28px)!important;
  }
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper .reef-content :is(h2,p) {
    color:#fff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.66)!important;
    overflow-wrap:break-word!important;
  }
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper .reef-content h2 {
    font-size:clamp(23px,7vw,35px)!important;
    line-height:1.13!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;
  }
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper .reef-content p {
    font-size:clamp(13px,3.6vw,16px)!important;
    line-height:1.5!important;
    max-width:38ch!important;
  }
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper .reef-content :is(.btn-primary,.btn-secondary) {
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    min-height:46px!important;
    max-width:100%!important;
    border-radius:999px!important;
    padding:11px 19px!important;
    font-size:14px!important;
    font-weight:780!important;
    text-decoration:none!important;
    box-shadow:0 7px 24px rgba(0,0,0,.25)!important;
  }
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper .reef-content .btn-primary {
    background:var(--drsb-mob-accent)!important;
    color:var(--drsb-mob-ink)!important;
    border-color:var(--drsb-mob-accent)!important;
  }
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper .reef-content .btn-secondary {
    background:rgba(8,18,30,.62)!important;
    border:1px solid rgba(255,255,255,.55)!important;
    color:#fff!important;
  }
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper .reef-dots {
    bottom:12px!important;
    padding:6px 11px!important;
    gap:8px!important;
    border-radius:999px!important;
    background:rgba(0,13,27,.48)!important;
  }
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper .reef-dot {
    width:9px!important;
    height:9px!important;
    min-width:9px!important;
    min-height:9px!important;
    background:rgba(255,255,255,.6)!important;
    border-radius:50%!important;
  }
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper .reef-dot.active {
    background:var(--drsb-mob-accent)!important;
    box-shadow:0 0 0 3px rgba(255,255,255,.16)!important;
  }
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper :is(button,a):focus-visible {
    outline:3px solid var(--drsb-mob-accent)!important;
    outline-offset:3px!important;
  }
  html body.drsb-mobile-seasonal-ui .drsb-season-ribbon {
    border-color:var(--drsb-mob-border)!important;
  }
}
@media screen and (max-width:390px) {
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper {
    height:clamp(360px,57svh,560px)!important;
    min-height:360px!important;
    border-radius:14px!important;
  }
  html body.drsb-mobile-seasonal-ui #dr-bottom-nav > .dr-nav-item .nav-label {
    font-size:10px!important;
    font-weight:720!important;
  }
}
@media screen and (max-width:768px) and (prefers-reduced-motion:reduce) {
  html body.drsb-mobile-seasonal-ui :is(#dr-bottom-nav,#dr-premium-menu-wrapper,#dr-mobile-shop-search) *,
  html body.drsb-mobile-seasonal-ui .reef-slider-wrapper :is(.reef-content,.reef-dot) {
    animation:none!important;
    transition:none!important;
  }
}