/**
 * File maintenance note
 * File: assets/css/page-hero.css
 * Purpose: Theme style module.
 * Usage: Loaded through the theme enqueue system.
 * Note: Keep selectors scoped and avoid unrelated global changes.
 */


:root{
  --pagehero-container-bg:#ffffff;
  --pagehero-container-border:#d8d9ce;
  --pagehero-title-text:#174632;
  --pagehero-sub-text:#5f6f67;
  --pagehero-accent:#d1a238;
  --pagehero-radius:22px;
  --pagehero-panel-bg:#f5f1e4;
  --pagehero-logo-size:clamp(210px,21vw,270px);
}
.page-hero{margin:0 0 var(--layout-section-gap);padding:clamp(16px,2.4vw,26px);border:1px solid var(--pagehero-container-border);border-top:5px solid var(--pagehero-accent);border-radius:var(--pagehero-radius);background:radial-gradient(circle at 10% 5%,rgba(210,162,56,.11),transparent 30%),linear-gradient(135deg,var(--pagehero-container-bg),var(--pagehero-panel-bg));box-shadow:0 18px 44px rgba(22,62,46,.1);overflow:hidden}
.page-hero__shell{display:grid;grid-template-columns:var(--pagehero-logo-size) minmax(0,1fr);gap:clamp(18px,2.4vw,28px);align-items:stretch}
.page-hero__shell.is-text-only{grid-template-columns:1fr}
.page-hero__media{display:grid;place-items:center;padding:6px;border:1px solid rgba(210,162,56,.5);border-radius:50%;background:#073426;box-shadow:0 14px 34px rgba(22,62,46,.16);align-self:center;min-width:0;overflow:hidden}
.page-hero__logo{width:var(--pagehero-logo-size);max-width:100%;height:auto;aspect-ratio:1;border-radius:50%;background:#073426;padding:0;object-fit:cover;box-shadow:none}
.page-hero__body{min-width:0;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:12px;min-height:var(--pagehero-logo-size)}
.page-hero__badge{display:none}
.page-hero .entry-title,.page-hero__title{width:100%;max-width:none;margin:0;padding-inline:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--theme-h1-text);font-size:var(--theme-h1-size);line-height:var(--theme-h1-line-height);letter-spacing:var(--theme-h1-letter-spacing);text-wrap:balance;text-align:center}
.page-hero__content{max-width:900px;color:var(--pagehero-sub-text);font-weight:650;text-align:center;margin-inline:auto;margin-block:auto}
.page-hero__content p{margin:.2em 0 .45em}
.page-hero__actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0;width:100%;margin-top:auto}
.page-hero__cta{flex:1 1 0;min-width:0;width:auto;white-space:nowrap;padding-inline:14px}
.page-hero__cta span:last-child{min-width:0;white-space:normal;overflow:visible;text-overflow:clip;text-wrap:balance}
.page-hero__cta-ico{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 20px;color:currentColor;line-height:0}
.page-hero__cta-ico svg{width:100%;height:100%;display:block;fill:currentColor}
@media(max-width:980px){
  .page-hero__actions,.page-hero__actions.has-bonus{flex-wrap:wrap}
  .page-hero__cta{flex:1 1 min(100%,220px)}
}
@media(max-width:860px){
  .page-hero__shell{grid-template-columns:1fr}
  .page-hero__media{justify-content:center}
  .page-hero__logo{width:188px}
  .page-hero__body{min-height:auto;gap:11px}
  .page-hero__actions,.page-hero__actions.has-bonus{display:grid;grid-template-columns:1fr}
  .page-hero__cta{width:100%}
  .page-hero__cta span:last-child{overflow:visible;text-overflow:clip;white-space:normal}
}
@media(max-width:560px){
  .page-hero{padding:12px;border-radius:22px}
  .page-hero .entry-title,.page-hero__title{font-size:var(--theme-h1-size-mobile)}
}