/* Tema 2026 „modern + medieval”: fonturi, antet și subsol comune tuturor paginilor.
   Fonturile vin din /assets/fonts.css (găzduite local). */
:root{
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --display:'Cinzel',Georgia,serif;
  --gothic:'UnifrakturCook','Cinzel',serif;
  --night:#120f0d;
  --gold-2:#f0c674;
}
body{font-family:var(--sans)}
h1,h2,h3{font-family:var(--serif);font-weight:600}

/* Antet: bandă de noapte cu blazon și buton auriu */
.site-header{background:rgba(18,15,13,.94);border-bottom:1px solid rgba(240,198,116,.18);color:#fff}
.site-header nav a{color:rgba(255,255,255,.86)}
.site-header nav a:hover{color:var(--gold-2)}
.brand{letter-spacing:.16em}
.brand:before{width:26px;height:31px;flex:0 0 26px;transform:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M2 2h30v18c0 9-7 15-15 18C9 35 2 29 2 20z' fill='%23842f30' stroke='%23f0c674' stroke-width='2'/%3E%3Cpath d='M11 10h3v4h2v-4h2v4h2v-4h3v14H11z' fill='%23f0c674'/%3E%3C/svg%3E") center/contain no-repeat}
.brand b{font:700 14px/1.05 var(--display);letter-spacing:.16em}
.site-header .guide-btn{border-radius:999px;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#2a1a07;box-shadow:0 8px 24px rgba(210,155,61,.3)}
.site-header .guide-btn:hover{background:linear-gradient(135deg,#f6d58f,var(--gold))}
.mobile-menu summary{color:#fff;font-family:var(--display);letter-spacing:.12em}
.mobile-menu>div{border-radius:12px;overflow:hidden}
.mobile-menu>div a{color:var(--ink)}
@media(max-width:620px){.brand:before{width:22px;height:27px;flex-basis:22px}.brand b{font-size:12px}}

/* Subsol: zid de cetate și noapte */
.footer-cta{position:relative;background:var(--gold)}
.footer-cta h2{font-family:var(--serif)}
.site-footer{position:relative;background:var(--night)}
.site-footer:before{content:"";position:absolute;left:0;right:0;top:-15px;height:16px;background:var(--night);-webkit-mask:linear-gradient(90deg,#000 0 50%,transparent 50%) 0 0/56px 16px repeat-x;mask:linear-gradient(90deg,#000 0 50%,transparent 50%) 0 0/56px 16px repeat-x}
.site-footer>div>b{font-family:var(--display);letter-spacing:.12em;color:var(--gold-2)}

/* Selector de limbă în antet */
.lang-menu{position:relative;margin-left:auto;font:700 12px var(--display);letter-spacing:.12em}
.lang-menu summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid rgba(240,198,116,.45);border-radius:999px;color:var(--gold-2)}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary:after{content:" ▾"}
.lang-menu>div{position:absolute;right:0;top:44px;z-index:70;min-width:180px;padding:6px;background:var(--cream);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.lang-menu>div a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font:500 15px var(--sans);letter-spacing:0}
.lang-menu>div a:hover,.lang-menu>div a[aria-current]{background:rgba(210,155,61,.16)}
.site-header nav{margin-left:auto}
@media(max-width:620px){.lang-menu summary{padding:7px 10px}}

/* Chineză și japoneză: fără italic fals, titluri mai potrivite pentru ideograme */
:lang(zh) em,:lang(ja) em{font-style:normal}
html:lang(zh) .hm-hero h1,html:lang(ja) .hm-hero h1{font-size:clamp(38px,5.4vw,72px);line-height:1.18;letter-spacing:.02em}
html:lang(zh) .hm-h2,html:lang(ja) .hm-h2{font-size:clamp(30px,4vw,54px);line-height:1.2}
html:lang(zh) h1,html:lang(ja) h1,html:lang(zh) h2,html:lang(ja) h2,html:lang(zh) h3,html:lang(ja) h3{font-family:var(--sans);font-weight:700}

/* Paginile interioare: deschidere de noapte cu creneluri, etichete în stil Cinzel */
.page-hero,.discover-hero,.visit-hero{position:relative;background:linear-gradient(rgba(18,15,13,.74),rgba(18,15,13,.88)),url(/assets/sighisoara-hero-1600.jpg) center/cover;color:#fff;padding-bottom:96px}
.page-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:16px;background:var(--paper);-webkit-mask:linear-gradient(90deg,#000 0 50%,transparent 50%) 0 0/56px 16px repeat-x;mask:linear-gradient(90deg,#000 0 50%,transparent 50%) 0 0/56px 16px repeat-x}
.page-hero h1 em{color:var(--gold-2)}
.page-hero small,.journal-hero small,.section-head small,.manifesto small,.experience-band small,.family-cta small,.taste-grid small,.routes small,.newsletter small,.guide-box small{font-family:var(--display);letter-spacing:.22em}
.page-hero small{color:var(--gold-2)}
.journal-hero h1 em{color:var(--wine)}
.blog-more{margin-top:28px;color:var(--muted)}
.blog-more a{color:var(--wine);font-weight:700}