/* =========================================================
   FINALMENTE ACHEI — main.css
   Tokens da marca + base + componentes do WooCommerce.
   Linguagem: estrutura iFood + disciplina Apple. Mobile-first.
   ========================================================= */

:root{
  --accent:#F89818; --accent-press:#D97F0A;
  --ink:#201820; --ink-2:#6B6B70;
  --bg:#FFFFFF; --bg-2:#F5F5F7;
  --separator:#E5E5EA; --success:#1B7A33; --danger:#FF3B30;
  --radius-card:18px; --radius-btn:14px;
  --shadow:0 4px 24px rgba(32,24,32,.08);
  --shadow-lg:0 12px 40px rgba(32,24,32,.14);
  --maxw:1100px;
}

/* ---------- BASE ---------- */
body,
button,
input,
select,
textarea,
.site-title,
h1,h2,h3,h4,h5,h6{
  font-family:"Inter",-apple-system,system-ui,"Segoe UI",sans-serif;
}
body{
  color:var(--ink);
  background:var(--bg-2);
  -webkit-font-smoothing:antialiased;
  letter-spacing:-.005em;
}
a{ color:var(--accent); }
a:hover{ color:var(--accent-press); }

h1,h2,h3{ letter-spacing:-.02em; font-weight:800; color:var(--ink); }

/* container central no desktop */
.col-full,
.storefront-full-width-content .col-full{ max-width:var(--maxw); }

/* ---------- BOTÕES (marca) ---------- */
button,
input[type="button"],
input[type="submit"],
.button,
a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt{
  background:var(--accent);
  color:#fff;
  border:none;
  border-radius:var(--radius-btn);
  font-weight:700;
  letter-spacing:-.01em;
  padding:.85em 1.4em;
  box-shadow:0 8px 22px rgba(248,152,24,.28);
  transition:background .15s ease, transform .05s ease;
}
button:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{
  background:var(--accent-press);
  color:#fff;
}
button:active,.button:active{ transform:translateY(1px); }

/* botão secundário (contorno) */
.woocommerce a.button.fa-ghost{
  background:#fff; color:var(--ink);
  border:1.5px solid var(--separator); box-shadow:none;
}

/* ---------- HEADER (Storefront) ---------- */
.site-header{
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid rgba(229,229,234,.7);
  position:sticky; top:0; z-index:50;
  padding-top:.6em; padding-bottom:.6em;
}
.site-branding .site-title a,
.site-branding .custom-logo-link{ font-weight:800; letter-spacing:-.02em; }
.site-header .site-header-cart .cart-contents{ color:var(--ink); font-weight:700; }
.site-header .site-header-cart .count{ background:var(--accent); }

/* busca arredondada */
.site-search .widget_product_search input[type="search"],
.woocommerce-product-search input[type="search"]{
  border-radius:14px; background:var(--bg-2); border:none; padding:.8em 1em;
}

/* ---------- LOOP DE PRODUTOS (cards estilo v2) ---------- */
.woocommerce ul.products{ gap:12px; }
.woocommerce ul.products li.product{
  background:#fff;
  border:1px solid var(--separator);
  border-radius:var(--radius-card);
  overflow:hidden;
  padding:0 0 12px;
  text-align:left;
  margin-bottom:12px;
}
.woocommerce ul.products li.product a img{
  border-radius:0; margin:0 0 8px; background:var(--bg-2);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:14px; font-weight:700; line-height:1.25; padding:0 12px; min-height:36px;
}
.woocommerce ul.products li.product .price{
  padding:0 12px; color:var(--success); font-weight:800; font-size:15px; display:block;
}
.woocommerce ul.products li.product .price del{
  color:var(--ink-2); font-weight:400; font-size:12px; opacity:1; margin-right:6px;
}
.woocommerce ul.products li.product .price ins{ text-decoration:none; }
.woocommerce ul.products li.product .star-rating{ margin:6px 12px; font-size:.8em; color:#FFB300; }
.woocommerce ul.products li.product .button{
  margin:8px 12px 0; display:block; text-align:center; border-radius:11px; font-size:13px;
}

/* selo de oferta */
.woocommerce span.onsale{
  background:var(--ink); color:#fff; border-radius:999px;
  font-size:11px; font-weight:800; min-height:auto; min-width:auto;
  padding:4px 10px; top:10px; left:10px; line-height:1.4;
}

/* ---------- PRODUTO ÚNICO ---------- */
.single-product div.product .product_title{ font-size:22px; }
.single-product div.product p.price,
.single-product div.product span.price{
  color:var(--success); font-weight:900; font-size:26px;
}
.single-product div.product p.price del{ color:var(--ink-2); font-weight:400; font-size:16px; }
.single-product .quantity .qty{
  border:1.5px solid var(--separator); border-radius:12px; height:46px; background:#fff;
}
.single_add_to_cart_button{ width:100%; height:54px; font-size:16px; }
.woocommerce-tabs ul.tabs li{ border-radius:999px; }

/* ---------- FORMULÁRIOS / INPUTS ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout input,
.select2-container .select2-selection{
  border:1.5px solid var(--separator);
  border-radius:12px;
  padding:.7em 1em;
  min-height:46px;
}
.woocommerce form .form-row input.input-text:focus{ outline:none; border-color:var(--accent); }

/* ---------- CHECKOUT / CARRINHO ---------- */
.woocommerce-checkout #payment{ background:#fff; border-radius:var(--radius-card); }
.woocommerce-info,
.woocommerce-message{ border-top-color:var(--accent); border-radius:12px; }
.woocommerce-message::before,
.woocommerce-info::before{ color:var(--accent); }
.cart_totals,
.woocommerce-checkout-review-order{ background:#fff; border-radius:var(--radius-card); padding:8px 16px; }

/* faixa de "frete grátis" / avisos */
.woocommerce .free-shipping-bar{ background:#E7F9EC; color:var(--success); border-radius:12px; padding:12px 14px; font-weight:700; }

/* ---------- FOOTER ---------- */
.site-footer{ background:var(--ink); color:rgba(255,255,255,.7); }
.site-footer a{ color:rgba(255,255,255,.8); }
.fa-credit{ text-align:center; font-size:12px; color:rgba(255,255,255,.5); padding:8px 0; }

/* ---------- UTILIDADES ---------- */
.fa-pill{ display:inline-flex; align-items:center; gap:6px; background:#FDF0DD; color:#8a5a12;
  font-weight:600; font-size:13px; padding:8px 14px; border-radius:999px; }
.fa-pix{ display:inline-flex; align-items:center; gap:7px; background:#E7F9EC; color:var(--success);
  font-weight:700; font-size:13px; padding:8px 12px; border-radius:10px; }
.fa-card{ background:#fff; border-radius:var(--radius-card); box-shadow:var(--shadow); }