/* ============================================================
   Pepitiva Biolabs — SITE THEME (global retrofit)
   Propaga a linguagem visual da home p/ TODO o site (não-admin).
   Carregado em base.php depois de style.css; só re-skin (cores,
   tipografia, sombras, raios, hover) — sem mexer em layout/grid.
   ============================================================ */

:root{
  /* fontes do padrão novo (portadas de americanpeptides → home) */
  --ff-display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ff-body:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  /* helpers */
  --st-accent:#2563eb; --st-accent-2:#22d3ee; --st-soft:#eff6ff;
  --st-ease:cubic-bezier(.16,1,.3,1);
  --st-sh-sm:0 1px 3px rgba(7,26,47,.08);
  --st-sh-md:0 10px 30px rgba(7,26,47,.10);
  --st-sh-lg:0 20px 60px rgba(7,26,47,.16);
  --st-line:linear-gradient(90deg,#2563eb 0%,#22d3ee 100%);
}

/* ---- Tipografia base ---------------------------------------- */
body{font-family:var(--ff-body)}
h1,h2,h3,h4,h5{font-family:var(--ff-display);letter-spacing:-.02em}

/* ---- Eyebrow / tag (pill refinada) -------------------------- */
.section-header__tag{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--st-accent);
  padding:.4rem .85rem;border-radius:40px;
  background:color-mix(in srgb,var(--st-accent) 8%,#fff);
  border:1px solid color-mix(in srgb,var(--st-accent) 30%,transparent);
}
.page-hero .section-header__tag{
  color:var(--st-accent-2);
  background:color-mix(in srgb,var(--st-accent-2) 12%,transparent);
  border-color:color-mix(in srgb,var(--st-accent-2) 35%,transparent);
}

/* ---- Page hero (navy) — refino + linha de acento ------------ */
.page-hero{
  position:relative;overflow:hidden;
  background:
   radial-gradient(900px 460px at 82% -10%,rgba(37,99,235,.30),transparent 60%),
   radial-gradient(700px 420px at 0% 120%,rgba(34,211,238,.14),transparent 55%),
   linear-gradient(160deg,#071a2f 0%,#0a2540 55%,#0f3460 100%);
}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--st-line)}
.page-hero__title{font-weight:800;letter-spacing:-.015em}
.section-header__title{font-weight:800;color:var(--c-blue-900)}

/* ---- Section rhythm / tint ---------------------------------- */
.content-section--alt{background:linear-gradient(180deg,var(--st-soft) 0%,#fff 70%)}
.content-prose{font-size:1.04rem;line-height:1.8;color:var(--c-text-2)}
.content-prose p{margin-bottom:1.1rem}
.content-block__title{font-weight:800}

/* ---- Botões — polimento ------------------------------------- */
.btn{font-family:var(--ff-body);font-weight:700;border-radius:10px}
.btn--primary{background:var(--st-accent);border-color:var(--st-accent)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,99,235,.35)}
.btn--lg{padding:.95rem 2rem;font-size:1rem}

/* ---- Cards compartilhados (hover-lift + sombra navy) -------- */
.product-card,.trust__card,.quality-card,.account-card,.search-result-card,
.aff-step,.aff-benefit{
  border:1px solid var(--c-border);border-radius:16px;background:#fff;
  box-shadow:var(--st-sh-sm);
  transition:transform .3s var(--st-ease),box-shadow .3s var(--st-ease),border-color .3s var(--st-ease);
}
.product-card:hover,.trust__card:hover,.quality-card:hover,.account-card:hover,
.search-result-card:hover,.aff-step:hover,.aff-benefit:hover{
  transform:translateY(-6px);box-shadow:var(--st-sh-lg);
  border-color:color-mix(in srgb,var(--st-accent) 30%,var(--c-border));
}
.product-card__name,.trust__card-title,.quality-card__title,.account-card__title{font-weight:700}
.product-card__tag{
  font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  background:var(--st-accent);color:#fff;border-radius:6px;
  box-shadow:0 4px 10px rgba(37,99,235,.30);
}
/* ícones de card → acento */
.trust__card-icon,.quality-card__icon,.account-card__icon{
  background:linear-gradient(135deg,var(--st-accent),var(--st-accent-2));color:#fff;
}

/* ---- Catalog product image (frasco maior, como home) ------- */
.product-card__icon img,.product-card img{transition:transform .4s var(--st-ease)}
.product-card:hover .product-card__icon img,.product-card:hover img{transform:scale(1.06)}

/* ---- FAQ (ambos os layouts) -------------------------------- */
.faq__item,.faq-item{
  background:#fff;border:1px solid var(--c-border);border-radius:14px;overflow:hidden;
  transition:border-color .25s,box-shadow .25s;
}
.faq__item[open],.faq-item[open]{
  border-color:color-mix(in srgb,var(--st-accent) 35%,var(--c-border));box-shadow:var(--st-sh-sm);
}
.faq__question,.faq-item__q{font-weight:700}
.faq__chevron,.faq-item__icon{color:var(--st-accent);transition:transform .25s var(--st-ease)}
.faq__item[open] .faq__chevron,.faq-item[open] .faq-item__icon{transform:rotate(180deg)}

/* ---- Forms (inputs estilo home) ---------------------------- */
.form-input,.form-textarea,.form-select,
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="search"],input[type="number"],textarea,select{
  border-radius:10px;
}
.form-input:focus,.form-textarea:focus,.form-select:focus,
input:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--st-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--st-accent) 18%,transparent);
}
.form-label{font-weight:600}

/* ---- Product detail (galeria + doses) ---------------------- */
.product-gallery__main{
  background:radial-gradient(circle at 50% 40%,#fff,var(--st-soft));
  border:1px solid var(--c-border);border-radius:18px;overflow:hidden;
}
.product-gallery__thumb{border-radius:12px;border:1px solid var(--c-border);transition:border-color .2s}
.product-gallery__thumb.is-active{border-color:var(--st-accent)}
.product-doses__btn{border-radius:12px;transition:all .25s var(--st-ease)}
.product-doses__btn.is-active{border-color:var(--st-accent);background:var(--st-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--st-accent) 25%,transparent)}
.breadcrumb a{color:var(--st-accent)}

/* ---- Cart / Checkout (cartões) ----------------------------- */
.cart-summary,.checkout-review,.checkout-form-wrap,.tracking-form-card,
.affd-link-card{
  border:1px solid var(--c-border);border-radius:16px;box-shadow:var(--st-sh-sm);
}
.cart-summary__total{font-weight:800}
.cart-summary__cta,.checkout-form .btn--primary{border-radius:10px}

/* ---- Checkout success / account headers -------------------- */
.checkout-success__title,.cart-summary__title,.checkout-form__heading,
.checkout-review__heading{font-weight:800}

/* ---- Affiliate dashboard ----------------------------------- */
.affd-link-card{background:linear-gradient(135deg,#2563eb,#0f3460);color:#fff}
.affd-stats .affd-stat{border:1px solid var(--c-border);border-radius:14px;box-shadow:var(--st-sh-sm)}

/* ---- Reduced motion ---------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .product-card,.trust__card,.quality-card,.account-card,.search-result-card,
  .btn--primary,.product-card img{transition:none!important}
}