/* ============================================================
   Summer's Boat / Summer's Pool - correcoes 2026-09-29
   1) Galeria PDP contida, sem miniaturas invadindo a descricao
   2) Busca sem resultado nas cores da marca
   3) Dropdown Atendimento branco, opaco e com quebra de texto
   ============================================================ */

/* 1. PDP: a altura da galeria passa a ser definida pela imagem principal.
   As miniaturas ficam contidas na lateral e rolam dentro da propria galeria. */
@media (min-width:768px){
  .aio-product-page .product-gallery{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    padding:0 0 0 100px!important;
    margin:0!important;
    overflow:hidden!important;
  }

  .aio-product-page .product-gallery .product-images{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  .aio-product-page .product-gallery .product-thumbs{
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    width:84px!important;
    height:auto!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .aio-product-page .product-gallery .product-thumbs .thumbs-list{
    width:84px!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 4px 0 0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(0,146,171,.55) transparent!important;
  }

  .aio-product-page .product-gallery .product-thumbs .thumbs-list::-webkit-scrollbar{
    width:4px!important;
  }
  .aio-product-page .product-gallery .product-thumbs .thumbs-list::-webkit-scrollbar-track{
    background:transparent!important;
  }
  .aio-product-page .product-gallery .product-thumbs .thumbs-list::-webkit-scrollbar-thumb{
    background:rgba(0,146,171,.55)!important;
    border-radius:999px!important;
  }

  .aio-product-page .product-gallery .product-thumbs .thumbs-list>.swiper-wrapper{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:80px!important;
    height:auto!important;
    min-height:0!important;
    transform:none!important;
  }

  .aio-product-page .product-gallery .product-thumbs .swiper-slide{
    flex:0 0 80px!important;
    width:80px!important;
    height:80px!important;
    margin:0!important;
  }

  .aio-product-page .product-gallery .product-thumbs .thumb{
    width:80px!important;
    height:80px!important;
  }
}

/* Mobile conserva a faixa horizontal de miniaturas. */
@media (max-width:767px){
  .aio-product-page .product-gallery{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"images" "thumbs"!important;
    gap:10px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .aio-product-page .product-gallery .product-thumbs{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .aio-product-page .product-gallery .product-thumbs .thumbs-list{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .aio-product-page .product-gallery .product-thumbs .thumbs-list>.swiper-wrapper{
    width:auto!important;
    flex-direction:row!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
}

/* 2. Busca sem resultado: identidade Summer's Boat / Summer's Pool. */
.aio-search-empty-v3{
  --aio-summers-primary:#0092ab;
  --aio-summers-primary-dark:#007f95;
  --aio-summers-navy:#1f3552;
  --aio-summers-muted:#5f7085;
}
.aio-search-empty-v3__icon>svg{stroke:var(--aio-summers-navy)!important}
.aio-search-empty-v3__spark i{background:var(--aio-summers-primary)!important}
.aio-search-empty-v3__title{color:var(--aio-summers-navy)!important}
.aio-search-empty-v3__title strong{color:var(--aio-summers-primary)!important}
.aio-search-empty-v3__subtitle{color:var(--aio-summers-muted)!important}
.aio-search-empty-v3__divider{color:var(--aio-summers-primary-dark)!important}
.aio-search-empty-v3__card-icon{color:var(--aio-summers-primary-dark)!important;background:#eef8fa!important}
.aio-search-empty-v3__card strong{color:var(--aio-summers-navy)!important}
.aio-search-empty-v3__card span{color:var(--aio-summers-muted)!important}
.aio-search-empty-v3__back{color:var(--aio-summers-primary-dark)!important}
.aio-search-empty-v3__back:hover{color:var(--aio-summers-primary)!important}

/* 3. Atendimento: dropdown realmente branco e texto sempre dentro da caixa. */
@media (min-width:769px){
  .header .options-wrapper>.dropHelp:hover{
    opacity:1!important;
  }

  .header .dropHelp ul{
    width:430px!important;
    max-width:calc(100vw - 32px)!important;
    min-width:360px!important;
    padding:18px!important;
    background:#fff!important;
    background-color:#fff!important;
    border:1px solid #dce6ee!important;
    border-radius:16px!important;
    box-shadow:0 18px 42px rgba(18,53,82,.18)!important;
    color:#1f3552!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  .header .dropHelp:hover ul{
    opacity:1!important;
    visibility:visible!important;
  }

  .header .dropHelp ul,
  .header .dropHelp ul li,
  .header .dropHelp ul div,
  .header .dropHelp ul span,
  .header .dropHelp ul p,
  .header .dropHelp ul a,
  .header .dropHelp ul b{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .header .dropHelp ul .box-contact,
  .header .dropHelp ul .contact-item,
  .header .dropHelp ul .store-opening-hours,
  .header .dropHelp ul .contact-whats{
    width:100%!important;
    max-width:100%!important;
    background:#fff!important;
    background-color:#fff!important;
  }

  .header .dropHelp ul .store-opening-hours p{
    max-width:100%!important;
    line-height:1.45!important;
    margin:5px 0 0!important;
  }

  .header .dropHelp ul .contact-item>div,
  .header .dropHelp ul .box-contact>div{
    min-width:0!important;
    max-width:100%!important;
  }
}


/* 4. Rodape: horario de atendimento respeita a largura da coluna.
   Corrige a largura fixa antiga de 400px e forca quebra natural do texto. */
.footer .box-infos,
.footer .box-infos .overflow,
.footer .box-infos ul{
  min-width:0!important;
}
.footer .store-opening-hours{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.footer .store-opening-hours span,
.footer .store-opening-hours p{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.footer .store-opening-hours p{
  margin-right:0!important;
  padding-right:0!important;
}

/* 5. Mobile: sobe a pilha de acoes flutuantes da lateral direita.
   Cria folga em relacao a barra fixa inferior "Personalize sua iluminacao". */
@media (max-width:767px){
  .plugoo-wp-float,
  .plugoo-wp-float[data-position="direita"]{
    bottom:114px!important;
  }

  .plugoo-insta-float,
  .plugoo-insta-float[data-position="direita"]{
    bottom:166px!important;
  }

  .aio-video-widget--home .aio-video-launcher,
  .aio-video-widget--home.aio-video-effect-premium .aio-video-launcher,
  .aio-video-widget--home.aio-video-launcher-circle .aio-video-launcher,
  .aio-video-widget--home.aio-video-launcher-card .aio-video-launcher{
    bottom:232px!important;
  }
}

/* 6. PDP: miniaturas com setas, sem barra de rolagem aparente.
   Mantem a lista contida na altura da galeria e usa os controles existentes
   para subir/descer as fotos. */
@media (min-width:768px){
  .aio-product-page .product-gallery .product-thumbs{
    overflow:visible!important;
  }

  .aio-product-page .product-gallery .product-thumbs .thumbs-list{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    scroll-behavior:smooth!important;
  }

  .aio-product-page .product-gallery .product-thumbs .thumbs-list::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:8!important;
    pointer-events:none!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .prev,
  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .next{
    position:absolute!important;
    right:-28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(0,146,171,.22)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#0092ab!important;
    box-shadow:0 4px 12px rgba(18,53,82,.12)!important;
    cursor:pointer!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .18s ease, transform .18s ease, box-shadow .18s ease!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .prev{top:3px!important;}
  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .next{bottom:3px!important;}

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .prev:hover,
  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .next:hover{
    transform:scale(1.06)!important;
    box-shadow:0 6px 16px rgba(18,53,82,.17)!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .prev i,
  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .next i{
    display:block!important;
    width:7px!important;
    height:7px!important;
    border:solid currentColor!important;
    border-width:0 2px 2px 0!important;
    font-size:0!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .prev i{
    transform:rotate(225deg)!important;
    margin-top:4px!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .next i{
    transform:rotate(45deg)!important;
    margin-top:-4px!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .prev.aio-thumb-nav-hidden,
  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .next.aio-thumb-nav-hidden{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* 8. Dropdowns Rastrear pedido e Minha conta: fundo branco 100% opaco.
   Evita qualquer transparencia/efeito de vidro sobre os banners do site. */
@media (min-width:769px){
  .header .orderList ul,
  .header .account .dropdown-account{
    background:#ffffff!important;
    background-color:#ffffff!important;
    background-image:none!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    isolation:isolate!important;
    border:1px solid #dce6ee!important;
    box-shadow:0 18px 42px rgba(18,53,82,.18)!important;
  }

  .header .orderList:hover ul,
  .header .account:hover .dropdown-account{
    opacity:1!important;
    visibility:visible!important;
    background:#ffffff!important;
    background-color:#ffffff!important;
  }

  .header .orderList ul > p,
  .header .orderList ul .tracking-number,
  .header .account .dropdown-account .account-user,
  .header .account .dropdown-account .account-link{
    background-color:#ffffff!important;
  }

  .header .orderList ul .tracking-number input{
    background:#ffffff!important;
    background-color:#ffffff!important;
  }

  /* Mantem os botoes de acao com suas cores originais. */
  .header .account .dropdown-account .btn-login,
  .header .account .dropdown-account .btn-logout{
    background:var(--aio-rs-red,#ff2f3f)!important;
    color:#ffffff!important;
  }
}

/* 9. Acoes flutuantes: afastamento real da barra fixa inferior.
   Aplicado tambem em desktop/tablet, pois a barra inferior existe nessas larguras. */
@media (min-width:768px){
  .plugoo-wp-float,
  .plugoo-wp-float[data-position="direita"]{
    bottom:118px!important;
  }

  .plugoo-insta-float,
  .plugoo-insta-float[data-position="direita"]{
    bottom:182px!important;
  }

  .aio-video-widget--home .aio-video-launcher,
  .aio-video-widget--home.aio-video-effect-premium .aio-video-launcher,
  .aio-video-widget--home.aio-video-launcher-circle .aio-video-launcher,
  .aio-video-widget--home.aio-video-launcher-card .aio-video-launcher{
    bottom:264px!important;
  }
}

@media (max-width:767px){
  .plugoo-wp-float,
  .plugoo-wp-float[data-position="direita"]{
    bottom:124px!important;
  }

  .plugoo-insta-float,
  .plugoo-insta-float[data-position="direita"]{
    bottom:178px!important;
  }

  .aio-video-widget--home .aio-video-launcher,
  .aio-video-widget--home.aio-video-effect-premium .aio-video-launcher,
  .aio-video-widget--home.aio-video-launcher-circle .aio-video-launcher,
  .aio-video-widget--home.aio-video-launcher-card .aio-video-launcher{
    bottom:246px!important;
  }
}

/* 10. Dropdowns do topo: remove a opacidade aplicada no HOVER do item-pai.
   O hover antigo usava opacity:.82 no .orderList/.account; como opacity afeta
   todos os descendentes, o branco do dropdown ficava visualmente transparente. */
@media (min-width:769px){
  .header .options-wrapper > .dropHelp:hover,
  .header .options-wrapper > .orderList:hover,
  .header .options-wrapper > .account:hover{
    opacity:1!important;
  }

  .header .orderList ul,
  .header .account .dropdown-account{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .header .orderList ul::before,
  .header .orderList ul::after,
  .header .account .dropdown-account::before{
    background:#fff!important;
    opacity:1!important;
    filter:none!important;
  }
}

/* ============================================================
   AIO V11 FIX - GALERIA PDP
   Mantem a estrutura original do tema: nenhuma pasta/arquivo novo.
   Setas centralizadas no topo/rodape e scrollbar invisivel.
   ============================================================ */
@media (min-width:768px){
  .aio-product-page .product-gallery .product-thumbs{
    overflow:visible!important;
  }

  .aio-product-page .product-gallery .product-thumbs .thumbs-list,
  .aio-product-page .product-gallery .product-thumbs .thumbs-list.swiper-container{
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    scrollbar-color:transparent transparent!important;
    padding-top:30px!important;
    padding-bottom:30px!important;
  }

  .aio-product-page .product-gallery .product-thumbs .thumbs-list::-webkit-scrollbar,
  .aio-product-page .product-gallery .product-thumbs .thumbs-list.swiper-container::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
    background:transparent!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:84px!important;
    height:100%!important;
    pointer-events:none!important;
    z-index:30!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .prev,
  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .next{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    width:26px!important;
    height:26px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(0,146,171,.28)!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#0092ab!important;
    box-shadow:0 3px 10px rgba(18,53,82,.16)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:31!important;
    transform:translateX(-50%)!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .prev{
    top:2px!important;
    bottom:auto!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .next{
    top:auto!important;
    bottom:2px!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .prev:hover,
  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .next:hover{
    transform:translateX(-50%) scale(1.06)!important;
  }

  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .prev.aio-thumb-nav-hidden,
  .aio-product-page .product-gallery .product-thumbs.show-arrows .controls .next.aio-thumb-nav-hidden{
    opacity:.35!important;
    visibility:visible!important;
    pointer-events:none!important;
  }
}