/* site-chrome.css — Cabeçalho + rodapé públicos partilhados (marca Zona Agro).
   Fonte única do chrome: home_guest, loja e páginas institucionais usam o mesmo.
   Portal do Cliente (logado) é a ÚNICA exceção. */

:root{
  --green:#2f9e2e; --green-d:#1f7a20; --green-deep:#12551f; --green-l:#e4f3db;
  --leaf:#7DBA00; --leaf-d:#5f9a00; --grey:#3b4247; --greyl:#eef0ee;
  --ink:#232823; --muted:#69706a; --line:#e3e6e0; --surface:#fff; --surface2:#edf4e4;
  --shadow:0 1px 3px rgba(30,45,25,.06),0 6px 20px rgba(30,45,25,.05);
  --shadow-l:0 14px 40px rgba(20,50,20,.13);
  --maxw:1200px; --font:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --disp:'Manrope',var(--font);
  /* aliases de compatibilidade (CSS institucional antigo) */
  --forest:#2f9e2e; --forest-d:#1f7a20; --mut:#69706a;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(16px,4vw,34px)}

/* Botões */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:800;font-size:.95rem;border-radius:12px;padding:13px 22px;cursor:pointer;border:1.5px solid transparent;transition:transform .15s,background .2s;text-decoration:none}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:16px;height:16px}
.btn-green{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(47,158,46,.3)}.btn-green:hover{background:var(--green-d)}
.btn-out{background:transparent;border-color:var(--line);color:var(--ink)}.btn-out:hover{border-color:var(--green);color:var(--green-d)}

/* ===== CABEÇALHO ===== */
header.top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:18px;height:70px;max-width:var(--maxw);margin:0 auto;padding:0 clamp(16px,4vw,34px)}
.top .brand{margin-right:auto;display:flex;align-items:center}
.top .brand img{height:46px;width:auto;display:block}
nav.mainnav{display:none;gap:22px}
nav.mainnav a{font-weight:600;font-size:.94rem;opacity:.82;color:var(--ink);text-decoration:none}
nav.mainnav a:hover,nav.mainnav a.on{opacity:1;color:var(--green-d)}
.enterpill{display:inline-flex;align-items:center;gap:7px;background:var(--green-l);color:var(--green-d);font-family:var(--disp);font-weight:800;font-size:.86rem;border-radius:11px;padding:9px 15px;text-decoration:none;white-space:nowrap}
.enterpill:hover{background:#d2ebc4}
.enterpill-ic{height:20px;width:auto;display:block}
/* Carrinho no cabeçalho (visível quando tem itens) */
.cartlink{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:var(--green-l);color:var(--green-d);text-decoration:none;flex:0 0 auto}
.cartlink[hidden]{display:none}
.cartlink:hover{background:#d2ebc4}
.cartlink svg{width:21px;height:21px}
.cart-badge{position:absolute;top:-5px;right:-5px;background:var(--green);color:#fff;font-family:var(--disp);font-weight:800;font-size:.66rem;line-height:1;min-width:19px;height:19px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
@media(min-width:980px){ nav.mainnav{display:flex} }

/* ===== FAIXA DE CONFIANÇA ===== */
.trust{background:var(--surface2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-in{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:26px 0;max-width:var(--maxw);margin:0 auto;padding-left:clamp(16px,4vw,34px);padding-right:clamp(16px,4vw,34px)}
@media(min-width:820px){ .trust-in{grid-template-columns:repeat(4,1fr)} }
.tcol{display:flex;gap:12px;align-items:flex-start}
.tcol .ic{flex:0 0 40px;height:40px;border-radius:11px;background:var(--green-l);color:var(--green-d);display:flex;align-items:center;justify-content:center}
.tcol .ic svg{width:21px;height:21px}
.tcol b{font-family:var(--disp);font-size:.92rem}.tcol span{font-size:.81rem;color:var(--muted)}

/* ===== RODAPÉ (verde escuro) ===== */
footer.foot{background:#123f22;color:#b7c9b3}
.foot-in{display:grid;gap:26px;grid-template-columns:1fr;padding:42px 0 26px;max-width:var(--maxw);margin:0 auto;padding-left:clamp(16px,4vw,34px);padding-right:clamp(16px,4vw,34px)}
@media(min-width:720px){ .foot-in{grid-template-columns:1.6fr 1fr 1fr 1fr} }
.foot img.flogo{height:52px;width:auto;display:block}
.foot .lead{color:#a7bfa3;font-size:.9rem;max-width:34ch;margin:15px 0 0}
.foot h5{color:#fff;font-family:var(--disp);font-weight:800;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}
.foot a{display:block;color:#b7c9b3;font-size:.9rem;padding:3px 0;text-decoration:none}.foot a:hover{color:#fff}
.fsoc{display:flex;gap:10px;margin-top:14px}
.fsoc a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;padding:0}
.fsoc a:hover{background:rgba(255,255,255,.22)}
.fsoc svg{width:18px;height:18px;color:#fff}
.fcon{color:#9fb99b;font-size:.83rem;line-height:1.7;margin-top:12px}
.fcon b{color:#dfe9df;font-weight:700}
.foot-bot{border-top:1px solid rgba(255,255,255,.13);padding:16px 0 calc(16px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;font-size:.78rem;color:#93a98e;max-width:var(--maxw);margin:0 auto;padding-left:clamp(16px,4vw,34px);padding-right:clamp(16px,4vw,34px)}
.pays{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pay-logo{height:30px;width:auto;background:#fff;border-radius:6px;padding:4px 7px}
.pay-livro{display:inline-flex;background:rgba(255,255,255,.12);border-radius:7px;padding:5px 9px}
.pay-livro img{height:20px;width:auto;display:block}
/* Créditos de desenvolvimento (ZA Labs · SPLNET) */
.foot-dev{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding:15px 0 calc(15px + env(safe-area-inset-bottom));max-width:var(--maxw);margin:0 auto;padding-left:clamp(16px,4vw,34px);padding-right:clamp(16px,4vw,34px)}
.foot-dev img{height:32px;width:auto;display:block;opacity:.9;transition:opacity .2s}
.foot-dev a:hover img{opacity:1}

/* ===== BARRA INFERIOR (app · só telemóvel) ===== */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;justify-content:space-around;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:7px 6px calc(7px + env(safe-area-inset-bottom))}
.tabbar .tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:.64rem;font-weight:700;flex:1;text-decoration:none}
.tabbar .tab .circ{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:transparent}
.tabbar .tab .circ svg{width:21px;height:21px;stroke:currentColor}
.tabbar .tab.active{color:var(--green-d)}
.tabbar .tab.active .circ{background:var(--green-l)}
.tabbar .tab.enter .circ{background:var(--green);color:#fff}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
@media(min-width:980px){ .tabbar{display:none} body{padding-bottom:0} }