/* AJUSTES_TOPO_WHATSAPP_CARRINHO_LOGO_20260814 */

/* Logomarca oficial maior no topo */
.site-header .header-main{
  gap:16px!important;
}
.site-header .brand.brand-official{
  flex:0 0 auto!important;
}
.site-header .brand-official-logo,
.site-header img.brand-official-logo[src*="logo-oficial-minhavitrine"]{
  width:min(460px, 34vw)!important;
  max-width:460px!important;
  min-width:285px!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
}
.site-header .search-form{
  flex:1 1 430px!important;
  min-width:300px!important;
  max-width:650px!important;
}

/* Botões do topo */
.site-header .top-actions,
.site-header .top-actions-oficial{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}

/* WhatsApp do topo: botão ao lado do carrinho com o ícone enviado */
.top-whatsapp-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:42px!important;
  padding:7px 12px!important;
  border-radius:12px!important;
  background:#111827!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.16)!important;
  font-weight:900!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.top-whatsapp-pill img{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  flex:0 0 28px!important;
}
.top-whatsapp-pill span{
  color:#fff!important;
  font-weight:900!important;
}

/* Carrinho no modelo enviado: ícone + nome + contador dinâmico */
.cart-pill.cart-pill-oficial{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:42px!important;
  padding:7px 13px 7px 10px!important;
  border-radius:12px!important;
  background:#111827!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(15,23,42,.18)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.cart-pill.cart-pill-oficial .cart-pill-icon{
  position:relative!important;
  width:34px!important;
  height:27px!important;
  flex:0 0 34px!important;
  display:inline-block!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:33px 27px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h8l7 26h29l7-18H17'/%3E%3Ccircle cx='25' cy='40' r='3.5' fill='%23ffffff' stroke='none'/%3E%3Ccircle cx='45' cy='40' r='3.5' fill='%23ffffff' stroke='none'/%3E%3C/g%3E%3C/svg%3E")!important;
}
.cart-pill.cart-pill-oficial .cart-pill-title{
  color:#fff!important;
  font-weight:900!important;
  line-height:1!important;
}
.cart-pill.cart-pill-oficial strong{
  position:absolute!important;
  left:29px!important;
  top:1px!important;
  min-width:auto!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  display:block!important;
  border-radius:0!important;
  background:transparent!important;
  color:#ff8a00!important;
  font-size:16px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:none!important;
}

/* Esconde qualquer botão Painel antigo que ainda esteja em cache no topo */
.site-header .top-actions a[href*="admin/login.php"],
.site-header .top-actions a[href*="/admin/"]:not(.cart-pill){
  display:none!important;
}

/* WhatsApp flutuante: usa exatamente o ícone enviado, sem balão/texto */
.floating-whatsapp.floating-whatsapp-oficial,
.floating-whatsapp{
  position:fixed!important;
  right:18px!important;
  bottom:88px!important;
  z-index:85!important;
  width:62px!important;
  height:62px!important;
  padding:0!important;
  border-radius:999px!important;
  background:transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  color:transparent!important;
  box-shadow:0 16px 34px rgba(37,211,102,.35)!important;
  overflow:visible!important;
}
.floating-whatsapp::before,
.floating-whatsapp span{
  display:none!important;
  content:none!important;
}
.floating-whatsapp img{
  width:62px!important;
  height:62px!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:999px!important;
}

/* Rodapé sem o texto técnico */
.footer-bottom span:empty{
  display:none!important;
}

/* Área Layout > Círculos mais compacta */
.layout-circulos-admin .circle-library,
.layout-circulos-admin .visual-grid .circle-library{
  grid-template-columns:repeat(auto-fill,minmax(116px,1fr))!important;
  gap:10px!important;
}
.layout-circulos-admin .visual-thumb.circle{
  padding:8px!important;
  border-radius:12px!important;
}
.layout-circulos-admin .visual-thumb.circle.active{
  border-width:2px!important;
}
.layout-circulos-admin .visual-thumb.circle img{
  width:86px!important;
  height:86px!important;
  max-width:86px!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  object-fit:cover!important;
  border-radius:999px!important;
}
.layout-circulos-admin .visual-thumb.circle small{
  height:22px!important;
  margin:6px 0!important;
  font-size:10px!important;
  line-height:1.12!important;
}
.layout-circulos-admin .visual-thumb.circle .visual-actions{
  gap:5px!important;
}
.layout-circulos-admin .visual-thumb.circle .visual-actions button{
  padding:7px 8px!important;
  font-size:11px!important;
  border-radius:8px!important;
  line-height:1.1!important;
}
.layout-circulos-admin .upload-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  padding-top:10px!important;
  margin-top:10px!important;
}
.layout-circulos-admin .upload-line input[type=file]{
  max-width:230px!important;
  width:auto!important;
  padding:6px 8px!important;
  font-size:12px!important;
}
.layout-circulos-admin .upload-line label{
  white-space:nowrap!important;
  font-size:12px!important;
  margin:0!important;
}
.layout-circulos-admin .upload-line button{
  padding:8px 10px!important;
  font-size:12px!important;
  border-radius:8px!important;
  white-space:nowrap!important;
}
@media(max-width:1080px){
  .site-header .brand-official-logo,
  .site-header img.brand-official-logo[src*="logo-oficial-minhavitrine"]{
    width:min(340px, 40vw)!important;
    min-width:220px!important;
  }
  .top-whatsapp-pill span{display:none!important}
}
@media(max-width:860px){
  .site-header .header-main{
    flex-wrap:wrap!important;
  }
  .site-header .search-form{
    order:3!important;
    flex:1 1 100%!important;
    min-width:100%!important;
  }
}
@media(max-width:720px){
  .site-header .brand-official-logo,
  .site-header img.brand-official-logo[src*="logo-oficial-minhavitrine"]{
    width:225px!important;
    min-width:190px!important;
  }
  .layout-circulos-admin .circle-library{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .layout-circulos-admin .upload-line{
    flex-wrap:wrap!important;
  }
}