/* ==========================================================================
   TUSCANY — chrome partajat (header + meniu fullscreen + footer)
   Folosit pe paginile interioare pentru a se potrivi cu prima pagină.
   Paletă: Charcoal #17181A · Chartreuse #C8DB4A · Cream #ECEDE6 · Olive #5F6E10
   Fonturi: Bodoni Moda (display) + Archivo (body/labels)
   ========================================================================== */

/* Asigură dezvăluirea paginii chiar dacă scriptul legacy eșuează */
html.js body { opacity: 1; }
body.menu-open { overflow: hidden; }

/* ---------- HEADER BAR ---------- */
.tsc-hdr { position: sticky; top: 0; z-index: 200; background: #17181A; border-bottom: 1px solid rgba(236,237,230,0.12); }
.tsc-hdr__in { max-width: 1440px; margin: 0 auto; padding: 16px 4vw; display: flex; align-items: center; gap: 32px; box-sizing: border-box; }
.tsc-hdr__logo { display: flex; align-items: center; gap: 11px; flex: 0 0 auto; }

.tsc-emblem { width: 36px; height: 36px; border: 1px solid #C8DB4A; border-radius: 18px 18px 2px 2px; position: relative; overflow: hidden; flex: 0 0 auto; }
.tsc-emblem span { position: absolute; background: #C8DB4A; }
.tsc-emblem__base { left: 0; right: 0; bottom: 8px; height: 1px; }
.tsc-emblem__l1 { left: 50%; bottom: 8px; transform: translateX(-50%); width: 1px; height: 20px; }
.tsc-emblem__l2 { left: 50%; bottom: 8px; transform: translateX(-50%) translateX(-8px); width: 1px; height: 12px; opacity: 0.75; }
.tsc-emblem__l3 { left: 50%; bottom: 8px; transform: translateX(-50%) translateX(8px); width: 1px; height: 9px; opacity: 0.55; }

.tsc-hdr__word { font-family: 'Bodoni Moda', serif; font-weight: 400; font-size: 22px; letter-spacing: 0.3em; text-transform: uppercase; color: #ECEDE6; line-height: 1; }
.tsc-hdr__nav { margin-left: auto; display: flex; align-items: center; gap: clamp(16px, 1.8vw, 30px); }
.tsc-hdr__link { font-family: 'Archivo', sans-serif; font-size: 12.5px; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(236,237,230,0.82); display: flex; align-items: center; gap: 8px; transition: color 0.2s ease; }
.tsc-hdr__link:hover { color: #ECEDE6; }
.tsc-hdr__link.is-active { color: #C8DB4A; }
.tsc-hdr__link.is-active::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #C8DB4A; flex: 0 0 auto; }
.tsc-hdr__divider { width: 1px; height: 22px; background: rgba(236,237,230,0.2); display: block; }
.tsc-hdr__burger { display: flex; flex-direction: column; gap: 5px; cursor: pointer; padding: 6px 0; margin-left: 6px; background: none; border: 0; }
.tsc-hdr__burger span { width: 26px; height: 1.5px; background: #ECEDE6; display: block; transition: background 0.2s ease; }
.tsc-hdr__burger span:last-child { width: 17px; }
.tsc-hdr__burger:hover span { background: #C8DB4A; }

@media (max-width: 900px) {
  .tsc-hdr__nav .tsc-hdr__link,
  .tsc-hdr__divider { display: none; }
}

/* ---------- FULLSCREEN MENU OVERLAY ---------- */
.tsc-menu { position: fixed; inset: 0; z-index: 300; background: #17181A; display: flex; flex-direction: column; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 560ms cubic-bezier(0.33, 1, 0.68, 1), visibility 560ms; }
.tsc-menu.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.tsc-chrome { opacity: 0; transition: opacity 400ms ease; }
.tsc-menu.is-open .tsc-chrome { opacity: 1; transition: opacity 400ms ease 320ms; }
.tsc-menu.is-open .tsc-chrome--bottom { transition-delay: 520ms; }

.tsc-prev { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 520ms ease; }
.tsc-prev.is-active { opacity: 0.6; }

.tsc-row { overflow: hidden; cursor: pointer; }
.tsc-row-inner { display: flex; align-items: baseline; gap: 16px; transform: translateY(115%); opacity: 0; transition: transform 760ms cubic-bezier(0.16, 1, 0.3, 1), opacity 400ms ease; }
.tsc-menu.is-open .tsc-row-inner { transform: translateY(0); opacity: 1; }
.tsc-menu.is-open .tsc-row:nth-child(1) .tsc-row-inner { transition-delay: 60ms; }
.tsc-menu.is-open .tsc-row:nth-child(2) .tsc-row-inner { transition-delay: 115ms; }
.tsc-menu.is-open .tsc-row:nth-child(3) .tsc-row-inner { transition-delay: 170ms; }
.tsc-menu.is-open .tsc-row:nth-child(4) .tsc-row-inner { transition-delay: 225ms; }
.tsc-menu.is-open .tsc-row:nth-child(5) .tsc-row-inner { transition-delay: 280ms; }
.tsc-menu.is-open .tsc-row:nth-child(6) .tsc-row-inner { transition-delay: 335ms; }
.tsc-menu.is-open .tsc-row:nth-child(7) .tsc-row-inner { transition-delay: 390ms; }
.tsc-row-label { font-family: 'Bodoni Moda', serif; font-weight: 400; font-size: clamp(26px, min(6.4vw, 8.4vh), 92px); line-height: 1.14; letter-spacing: 0.02em; text-transform: uppercase; color: #ECEDE6; transition: color 320ms ease; }
.tsc-rows:hover .tsc-row-label { color: rgba(236,237,230,0.34); }
.tsc-rows .tsc-row:hover .tsc-row-label { color: #ECEDE6; }
.tsc-rows .tsc-row.is-active .tsc-row-label { color: #C8DB4A; }
.tsc-script { transform: translateY(130%); transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1) 520ms; }
.tsc-menu.is-open .tsc-script { transform: translateY(0); }
