/* v17.13 — alternância premium claro/escuro */
.theme-toggle{
  position:relative;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  padding:0;
  border-radius:50%;
  border:1px solid var(--line);
  background:#0a0b0c;
  color:#e7e7e4;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;
}
.theme-toggle:hover{border-color:rgba(224,181,90,.55);color:var(--gold2);transform:translateY(-1px)}
.theme-toggle:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.theme-toggle svg{position:absolute;width:19px;height:19px;transition:opacity .2s ease,transform .25s ease}
.theme-toggle .theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}
.theme-toggle .theme-icon-moon{opacity:0;transform:rotate(-24deg) scale(.7)}
body.theme-light .theme-toggle .theme-icon-sun{opacity:0;transform:rotate(24deg) scale(.7)}
body.theme-light .theme-toggle .theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}

body,
header,
.hero,
.catalog,
.premium-manifesto,
.tips-section,
.how-section,
.about-copy,
.about-photo,
footer,
.beer-card,
.beer-meta,
.tips-form,
.cart-drawer,
.cart-item,
.modal-wrap,
.modal-info,
.metric,
.good-for,
.circle-btn,
.theme-toggle{
  transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease;
}

/* Claro premium: marfim, carvão e latão. A geladeira permanece escura como peça de produto. */
body.theme-light{
  --bg:#f4f0e8;
  --panel:#fbf8f1;
  --panel2:#eee8dd;
  --text:#1d1a17;
  --muted:#6f675d;
  --line:rgba(53,43,31,.15);
  --glass:rgba(255,255,255,.62);
  background:#f4f0e8;
  color:#1d1a17;
}
body.theme-light::before{opacity:.18;mix-blend-mode:multiply}
body.theme-light header{background:rgba(247,243,235,.90)!important;border-bottom-color:rgba(58,46,32,.13)!important;box-shadow:0 8px 30px rgba(44,34,22,.045)}
body.theme-light nav a{color:#625b52!important}
body.theme-light nav a:hover,
body.theme-light nav a.active{color:#8d6b31!important}
body.theme-light .circle-btn,
body.theme-light .theme-toggle{background:#fffaf2!important;color:#302b25!important;border-color:rgba(62,49,33,.16)!important}
body.theme-light .circle-btn:hover,
body.theme-light .theme-toggle:hover{color:#9a7535!important;border-color:rgba(154,117,53,.46)!important}
body.theme-light .cart-trigger #cartCount{color:#15120d!important}

body.theme-light .hero{
  background:radial-gradient(circle at 76% 35%,rgba(185,145,71,.11),transparent 29%),linear-gradient(90deg,#f6f2ea 0 53%,#eee7db 53% 100%)!important;
  border-bottom-color:rgba(58,46,32,.12)!important;
}
body.theme-light .hero h1{color:#24201b}
body.theme-light .hero h1 span{color:#9a7535!important}
body.theme-light .eyebrow,
body.theme-light .feature b,
body.theme-light .hero-cta{color:#9a7535!important}
body.theme-light .hero-intro{color:#5e574f!important}
body.theme-light .feature span{color:#756e65!important}
body.theme-light .feature-icon{border-color:rgba(154,117,53,.38)!important;color:#9a7535!important}
body.theme-light .hero-visual:before{background:linear-gradient(90deg,#eee7db 0%,transparent 16%,transparent 88%,rgba(80,62,38,.05))!important}

body.theme-light .premium-manifesto{background:#e9e0d2!important;border-color:rgba(72,56,36,.12)!important}
body.theme-light .premium-manifesto p{color:#29231c!important}
body.theme-light .manifesto-note{color:#6a6157!important}

body.theme-light .catalog{background:linear-gradient(#f7f3ec,#efe8dd)!important}
body.theme-light .catalog h2{color:#211e19!important}
body.theme-light .catalog h2 span{color:#9a7535!important}
body.theme-light .catalog p{color:#6f675d!important}
body.theme-light .catalog-search-wrap input,
body.theme-light #catalogSearch{background:#fffaf3!important;color:#26211b!important;border-color:rgba(61,48,32,.18)!important}
body.theme-light #catalogSearch::placeholder{color:#918779!important}
body.theme-light .filter-btn{background:transparent!important;color:#514a42!important;border-color:rgba(54,43,30,.22)!important}
body.theme-light .filter-btn.active,
body.theme-light .filter-btn:hover{background:#a77e37!important;color:#fffaf0!important;border-color:#a77e37!important}
body.theme-light .catalog-filter-status{background:#eee4d5!important;color:#50483e!important;border-color:rgba(110,83,41,.18)!important}

body.theme-light .beer-card{background:linear-gradient(180deg,#fffdf8,#f4eee4)!important;border-color:rgba(61,48,32,.14)!important;color:#211d18!important;box-shadow:0 12px 32px rgba(67,50,29,.055)}
body.theme-light .beer-card:hover{border-color:rgba(154,117,53,.42)!important;box-shadow:0 20px 44px rgba(67,50,29,.11)!important}
body.theme-light .beer-art{background:radial-gradient(circle at 50% 35%,rgba(183,145,76,.10),transparent 55%)!important}
body.theme-light .beer-meta{border-top-color:rgba(61,48,32,.11)!important}
body.theme-light .beer-identity strong,
body.theme-light .beer-meta strong,
body.theme-light .beer-card .beer-meta strong{color:#2c261f!important}
body.theme-light .beer-identity span,
body.theme-light .beer-meta span,
body.theme-light .beer-card .beer-meta span{color:#756b5f!important}
body.theme-light .beer-style{color:#8b6a31!important}
body.theme-light .beer-price{color:#8e6728!important}
body.theme-light .beer-volume{color:#786f64!important}
body.theme-light .card-metric-label{color:#6b6258!important}
body.theme-light .card-metric-value,
body.theme-light .card-metric-descriptor{color:#71685e!important}
body.theme-light .card-scale{background:rgba(69,54,36,.10)!important}
body.theme-light .card-add{color:#7f602d!important;border-color:rgba(127,96,45,.30)!important}
body.theme-light .stock-badge{box-shadow:none!important}
body.theme-light .beer-card.is-sold-out{background:#eee9e1!important}

body.theme-light .tips-section,
body.theme-light .how-section{background:#f4efe6!important;border-color:rgba(62,48,31,.12)!important}
body.theme-light .tips-section h2,
body.theme-light .how-section h2{color:#211d18!important}
body.theme-light .tips-grid>div>p,
body.theme-light .how-lead{color:#696158!important}
body.theme-light .tips-form{background:#fffaf2!important;border-color:rgba(61,48,32,.15)!important}
body.theme-light .tips-form label{color:#4c453d!important}
body.theme-light .tips-form input,
body.theme-light .tips-form textarea{background:#f8f2e8!important;color:#231f1a!important;border-color:rgba(61,48,32,.18)!important}
body.theme-light .tips-form input::placeholder,
body.theme-light .tips-form textarea::placeholder{color:#978c7d!important}
body.theme-light .how-steps{border-color:rgba(61,48,32,.13)!important}
body.theme-light .how-steps article{border-color:rgba(61,48,32,.12)!important}
body.theme-light .how-steps article strong{color:#302a23!important}
body.theme-light .how-steps article p{color:#70675d!important}

body.theme-light .about-photo{background:radial-gradient(circle at 50% 35%,rgba(181,143,73,.12),transparent 44%),#e9e0d3!important}
body.theme-light .about-copy{background:#f8f4ec!important}
body.theme-light .about-copy h2{color:#29231c!important}
body.theme-light .about-copy .about-lead{color:#4b4034!important}
body.theme-light .about-copy p{color:#6b6258!important}
body.theme-light .about-copy .tagline{color:#8b6a31!important}
body.theme-light .about-photo-nav{background:rgba(255,250,241,.78)!important;color:#73572d!important;border-color:rgba(84,64,37,.20)!important}
body.theme-light .about-photo-dot{border-color:rgba(80,61,37,.28)!important}

body.theme-light footer{background:#e9e1d5!important;border-color:rgba(61,48,32,.12)!important;color:#70685e!important}
body.theme-light .footer-links a{color:#675e54!important}
body.theme-light .footer-links a:hover{color:#8b6a31!important}

body.theme-light .beer-modal{color:#211d18!important}
body.theme-light .beer-modal::backdrop{background:rgba(32,27,21,.52)!important}
body.theme-light .modal-wrap{background:#fcf8f0!important;border-color:rgba(139,106,49,.24)!important}
body.theme-light .modal-visual{background:radial-gradient(circle at 50% 35%,rgba(174,133,58,.13),transparent 55%)!important}
body.theme-light .modal-info h2{color:#745725!important}
body.theme-light .modal-info h3{color:#8b6a31!important}
body.theme-light .specs div{border-color:rgba(61,48,32,.13)!important}
body.theme-light .specs b{color:#81776b!important}
body.theme-light .metric{background:#f2eadf!important;border-color:rgba(61,48,32,.13)!important;color:#2f2922!important}
body.theme-light .good-for{background:rgba(154,117,53,.08)!important;border-color:rgba(154,117,53,.20)!important}
body.theme-light .close{background:#fffaf2!important;color:#302a23!important;border-color:rgba(61,48,32,.16)!important}

body.theme-light .cart-backdrop{background:rgba(38,31,24,.42)!important}
body.theme-light .cart-drawer{background:#fbf7ef!important;color:#29231d!important;border-left-color:rgba(139,106,49,.20)!important;box-shadow:-30px 0 65px rgba(54,42,28,.18)!important}
body.theme-light .cart-head{border-color:rgba(61,48,32,.13)!important}
body.theme-light .cart-head span,
body.theme-light .cart-item strong{color:#8b6a31!important}
body.theme-light .cart-head button{background:#f4ede2!important;color:#30291f!important;border-color:rgba(61,48,32,.16)!important}
body.theme-light .cart-item{background:#f3ece1!important;border-color:rgba(61,48,32,.13)!important}
body.theme-light .cart-item-actions button{background:#fffaf2!important;color:#352e26!important;border-color:rgba(61,48,32,.16)!important}
body.theme-light .cart-empty{color:#766d62!important}
body.theme-light .delivery-check{color:#514a42!important;border-color:rgba(61,48,32,.13)!important}
body.theme-light .continue-btn{color:#3f382f!important;border-color:rgba(61,48,32,.20)!important}

@media(max-width:560px){
  .theme-toggle{width:42px;height:42px;min-width:42px;min-height:42px}
  .theme-toggle svg{width:18px;height:18px}
}
@media(max-width:390px){
  .theme-toggle{width:40px;height:40px;min-width:40px;min-height:40px}
  .header-actions{gap:5px!important}
}