/* SIMORA release design system v1.1 — typography-only compatibility layer.
   Layout containers and shared components intentionally remain page-owned. */
:root{
  --simora-title-xl:clamp(40px,3.8vw,54px);
  --simora-title-lg:clamp(36px,3.35vw,49px);
  --simora-title-md:clamp(30px,2.65vw,38px);
  --simora-section-title:clamp(23px,2vw,29px);
}

/* Canonical page-title scale. Page titles must never compete with the brand mark. */
.destinations-sketch-hero-copy h1,
.home-destinations-v110 .destinations-sketch-hero-copy h1,
.hero h1{
  font-size:var(--simora-title-xl);
  line-height:1.07;
  letter-spacing:-.038em;
}
.destinations-sketch-hero-copy h1 span,
.home-destinations-v110 .destinations-sketch-hero-copy h1 span,
.hero h1 span{
  font-size:clamp(35px,3.25vw,46px);
  line-height:1.1;
  letter-spacing:-.035em;
}
.page-top h1,
.global-hero h1,
.page-hero h1{
  max-width:680px;
  margin-block:13px 15px;
  font-size:var(--simora-title-lg);
  line-height:1.1;
  letter-spacing:-.035em;
  text-wrap:balance;
}
/* Legacy page rules use !important; these overrides are typography-only. */

.country-hero-copy-v2 h1,
.region-hero-copy h1{margin-block:15px 16px;line-height:1.08}
.country-hero-copy-v2 h1 small,
.region-hero-copy h1 small{font-size:clamp(22px,2vw,30px);line-height:1.15}
.country-hero-copy-v2 h1 span,
.region-hero-copy h1 span{font-size:clamp(38px,3.7vw,52px);line-height:1.06;letter-spacing:-.038em}
.article-main-card>h1,.article-layout article h1{font-size:var(--simora-title-lg);line-height:1.12;letter-spacing:-.035em}
.auth-card h1,.auth-twofactor-approved-card h1{font-size:var(--simora-title-md);line-height:1.14;letter-spacing:-.025em}
.auth-login-card-pro .auth-form-inner h1{font-size:var(--simora-title-md);line-height:1.14;letter-spacing:-.025em}
.auth-register-pro-copy h1,.auth-recovery-copy h1{font-size:var(--simora-title-lg);line-height:1.1;letter-spacing:-.035em}
.checkout-headline-copy-v2 h1,.checkout-topbar-v2 h1{font-size:var(--simora-title-md);line-height:1.14;letter-spacing:-.025em}
.section-heading h2,.panel-heading h2{font-size:var(--simora-section-title);line-height:1.18;letter-spacing:-.025em}

@media(max-width:650px){
  :root{--simora-title-xl:39px;--simora-title-lg:35px;--simora-title-md:30px;--simora-section-title:24px}
  .destinations-sketch-hero-copy h1,.home-destinations-v110 .destinations-sketch-hero-copy h1,.hero h1{font-size:39px}
  .destinations-sketch-hero-copy h1 span,.home-destinations-v110 .destinations-sketch-hero-copy h1 span,.hero h1 span{font-size:33px}
  .page-top h1,.global-hero h1,.page-hero h1{font-size:35px}
  
  .country-hero-copy-v2 h1 small,.region-hero-copy h1 small{font-size:22px}
  .country-hero-copy-v2 h1 span,.region-hero-copy h1 span{font-size:35px}
  .article-main-card>h1,.article-layout article h1{font-size:34px}
  .auth-login-card-pro .auth-form-inner h1,.auth-register-pro-copy h1,.auth-recovery-copy h1{font-size:32px}
}

/* Mobile header hotfix, strictly scoped to the header and mobile breakpoint. */
@media(max-width:650px){
  .site-header .header-row{gap:8px}
  .site-header .brand{flex:1 1 auto;min-width:0}
  .site-header .brand img{width:min(155px,100%);height:52px}
  .site-header .header-actions{min-width:0;flex:0 0 auto;gap:6px}
  .site-header .header-language-action{min-width:0;gap:4px}
  .site-header .header-language-action .language-select{min-width:0}
  .site-header .header-language-action .language-select select{width:82px;min-width:0;padding-inline:2px 15px;font-size:11px}
  .site-header .language-submit{display:none}
  .site-header .menu-button{flex:0 0 40px;width:40px;height:40px}
}
