/* Purafiltra Rural — páginas da loja (carrinho, conta, produtos, checkout, pedido, legais) no tema
   "Água boa, onde a rede não chega". Carregado depois de app.css/mobile.css/lp-rural*.css só na vitrine Rural. */
body.theme-rural {
  /* paleta do site atual purafiltra.com.br (mesmos tokens de lp-rural.css) */
  --azul: #0F6E9E; --azul-esc: #0A4A98; --azul-cl: #EAF4FA; --azul-suave: #D3E6F3;
  --verde: #127370; --verde-esc: #0E6B68; --verde-cl: #E3F4F2;
  --texto: #1A1A1A; --font: "Raleway", Arial, sans-serif;
  --cinza: #EAF4FA; --cinza-bd: #D3E6F3; --branco: #fff; --radius: 14px;
  --shadow: 0 1px 2px rgba(10, 74, 152, .05); --shadow-lg: 0 10px 28px rgba(10, 74, 152, .10);
  background: var(--cal, #FFFFFF); color: var(--texto); font-family: var(--font);
}
body.theme-rural main { min-height: 50vh; }
body.theme-rural main h1, body.theme-rural main h2, body.theme-rural main h3 {
  font-family: var(--serif, "Fraunces", Georgia, serif); font-weight: 500; color: var(--agua, #0A4A98); letter-spacing: -.01em;
}
body.theme-rural main h1 { line-height: 1.12; }
body.theme-rural main a:not(.btn) { color: var(--cisterna, #0F6E9E); }
body.theme-rural main .btn:not(.btn-ghost) { color: #fff; }
body.theme-rural .btn:not(.btn-ghost):not(.btn-soc):not(.btn-wa) { background: var(--grad-btn, #127370); border-color: transparent; box-shadow: 0 12px 24px -12px rgba(33, 156, 153, .7); }
body.theme-rural .btn:not(.btn-ghost):not(.btn-soc):not(.btn-wa):hover { background: var(--verde-esc); }
body.theme-rural .btn-ghost { background: transparent; color: var(--agua, #0A4A98); border-color: var(--agua, #0A4A98); }
body.theme-rural .btn-ghost:hover { background: var(--agua, #0A4A98); color: #fff; border-color: var(--agua, #0A4A98); }
body.theme-rural .btn-soc { background: var(--agua, #0A4A98); border-color: var(--agua, #0A4A98); }
body.theme-rural .link-btn { color: var(--cisterna, #0F6E9E); }

/* superfícies: papel/cal com linha fina em vez de cartões brancos com sombra */
body.theme-rural .card, body.theme-rural .summary, body.theme-rural fieldset, body.theme-rural .cart-item,
body.theme-rural .account-card, body.theme-rural .pay-box, body.theme-rural .retry-box, body.theme-rural .sop-card {
  background: #fff; border-color: var(--linha, rgba(10, 74, 152, .14)); box-shadow: none;
}
body.theme-rural .card:hover { box-shadow: var(--shadow-lg); }
body.theme-rural .card-media, body.theme-rural .cart-item img { background: var(--cal-2, #EAF4FA); }
body.theme-rural .card-body .card-title a, body.theme-rural .cart-item-info a { color: var(--agua, #0A4A98); }
body.theme-rural .empty { background: var(--cal-2, #EAF4FA); border: 1px dashed var(--linha, rgba(10, 74, 152, .14)); text-align: center; }
body.theme-rural .notice { background: var(--cal-2, #EAF4FA); color: var(--agua, #0A4A98); }
body.theme-rural input, body.theme-rural select, body.theme-rural textarea { border-color: #C9DCEA; background: #fff; }
body.theme-rural input:focus, body.theme-rural select:focus, body.theme-rural textarea:focus { border-color: var(--cisterna, #0F6E9E); outline: 3px solid rgba(48, 158, 217, .25); }
body.theme-rural .price-box, body.theme-rural .totals { border-color: var(--linha, rgba(10, 74, 152, .14)); }
body.theme-rural .checkout-steps .is-active, body.theme-rural .checkout-steps .active { color: var(--verde, #127370); }
body.theme-rural .account-nav a[aria-current], body.theme-rural .account-nav a.is-active, body.theme-rural .legal-nav a[aria-current] { color: var(--verde, #127370); }
body.theme-rural .prose h2 { font-size: 1.5rem; }

/* rodapé Rural nas páginas da loja: app.css (body.theme-social h2) pintava os títulos de azul sobre o marinho */
body.theme-rural .r-footer-nav h2 { color: rgba(255, 255, 255, .75); }

/* o botão flutuante da loja duplicava o WhatsApp do cabeçalho Rural no computador */
@media (min-width: 769px) { body.theme-rural .wa-float { display: none; } }

/* celular: a barra de abas da loja já ocupa o rodapé; respeita a altura dela (lp-rural-mobile usa 68 px fixos) */
@media (max-width: 768px) {
  body.theme-rural { padding-bottom: calc(var(--m-tabbar-h, 62px) + var(--m-safe, 0px)); font-size: 1rem; }
  body.theme-rural:has(.m-buybar) { padding-bottom: calc(var(--m-tabbar-h, 62px) + 72px + var(--m-safe, 0px)); }
  body.theme-rural main h1 { font-size: 1.7rem; }
  body.theme-rural main h2 { font-size: 1.35rem; }
  /* barra de abas: rótulos de 11 px com contraste AA */
  body.theme-rural .m-tabbar a[aria-current="page"] { color: var(--verde); }
  body.theme-rural .m-tabbar .m-tab-wa { color: var(--wa, #0F7A40); }
}
