/* ============================================================
 * Layout 8 — «Signature serratura» (direzione D, FLAGSHIP). SKIN keyhole.
 *
 * Si carica DOPO layout-2.css e layout-6.css. TUTTO sotto `body.lt6-keyhole`
 * → zero effetto sugli altri layout. La palette (Fraunces + navy/oro/crema) la
 * porta lib/layout_themes.php ('layout-8'); qui c'è la FIRMA visiva = il motivo
 * SERRATURA del brand: filigrana nella testata navy, emblema sull'assistente,
 * pallino-serratura sulle teste-sezione, chip ottone/verde sulle 2 azioni.
 * D è una veste CHIARA (corpo crema) → chat/sezione/login/Ordina ereditano la
 * palette come la direzione B; qui si decora soprattutto la HOME.
 * Mockup di riferimento: signature-serratura.png.
 * ============================================================ */

body.lt6-keyhole {
    /* serratura piena (oro) per i pallini-sezione */
    --kh-gold: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2026%2030'%3E%3Cpath%20d='M13%202C7.5%202%203%206.5%203%2012c0%203.6%201.9%206.7%204.7%208.5L5.5%2028h15l-2.2-7.5C21.1%2018.7%2023%2015.6%2023%2012%2023%206.5%2018.5%202%2013%202z'%20fill='%23B98A3C'/%3E%3Ccircle%20cx='13'%20cy='11.5'%20r='3.6'%20fill='%23FBF9F3'/%3E%3C/svg%3E");
    /* serratura a contorno (oro chiaro) per la filigrana della testata */
    --kh-line: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Cpath%20d='M50%2014c-13%200-23%2010-23%2023%200%208%204%2015%2011%2019l-7%2026h38l-7-26c7-4%2011-11%2011-19%200-13-10-23-23-23z'%20stroke='%23E9D8B6'%20stroke-width='2'/%3E%3Ccircle%20cx='50'%20cy='37'%20r='9'%20stroke='%23E9D8B6'%20stroke-width='2'/%3E%3C/svg%3E");
    --kh-brass: linear-gradient(155deg, #F0E2C4 0%, #E9D8B6 38%, #B98A3C 100%);
    --kh-teal: linear-gradient(150deg, #2E847B 0%, #1E5C57 60%, #123B37 100%);
}

/* =====================================================================
 * HOME — testata «hero» navy con la serratura + corpo crema
 * ===================================================================== */

/* TESTATA: diventa un hero NAVY a tutta larghezza (la firma di D). */
body.lt6.lt6-keyhole .lt6-masthead {
    position: relative;
    overflow: hidden;
    background: radial-gradient(150% 90% at 50% -24%, #233A52 0%, rgba(23,40,58,.33) 52%, transparent 74%),
                linear-gradient(180deg, #13202E 0%, #162739 58%, #18293E 100%);
    color: #fff;
    padding: 30px 26px 54px;
    margin-bottom: 0;
    box-shadow: 0 1px 0 rgba(233,216,182,.0);
}
/* cucitura d'oro sul bordo basso della testata */
body.lt6.lt6-keyhole .lt6-masthead::before {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; z-index: 3;
    background: linear-gradient(90deg, transparent, rgba(233,216,182,.45) 28%, rgba(233,216,182,.6) 50%, rgba(233,216,182,.45) 72%, transparent);
}
/* filigrana serratura dietro la testata */
body.lt6.lt6-keyhole .lt6-masthead::after {
    content: ""; position: absolute; right: -52px; top: -44px;
    width: 240px; height: 240px; opacity: .09; pointer-events: none;
    background: var(--kh-line) center/contain no-repeat;
}
body.lt6.lt6-keyhole .lt6-masthead > * { position: relative; z-index: 2; }
body.lt6.lt6-keyhole .lt6-hotel-name {
    color: #FFFFFF;
    /* Fraunces è più largo di Cormorant → misura un filo più contenuta, niente taglio */
    font-size: clamp(28px, 8vw, 42px);
    letter-spacing: -.02em;
}
body.lt6.lt6-keyhole .lt6-hotel-sub  { color: #C9B896; }
body.lt6.lt6-keyhole .lt6-guestline {
    border-top: 1px solid rgba(233,216,182,.28);
    border-bottom: none;
    margin-top: 4px;
}
body.lt6.lt6-keyhole .lt6-glabel { color: #94A6B5; }
body.lt6.lt6-keyhole .lt6-gval   { color: #FFFFFF; }
body.lt6.lt6-keyhole .lt6-gcol + .lt6-gcol { border-left-color: rgba(255,255,255,.14); }
/* logo: vetrino chiaro condiviso (layout-6.css) — niente più inversione (fix logo 20/06) */

/* selettore lingua: pillola glass (solo sulla HOME, sopra la testata navy) */
body.lt6.lt6-keyhole .lt2-lang-current {
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    color: #FFFFFF;
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}

/* HERO: niente blocco-gradiente vuoto; l'assistente scavalca la testata navy */
body.lt6-keyhole .lt6-hero-frame { display: none; }
body.lt6-keyhole .lt6-hero { margin: 0 18px; }
body.lt6-keyhole .lt6-ai { margin: -30px 0 0; }

/* CARD ASSISTENTE — accenti keyhole su carta crema */
body.lt6-keyhole .lt6-ai {
    border-radius: 20px;
    overflow: hidden;
}
body.lt6-keyhole .lt6-ai::after {
    content: ""; position: absolute; right: -22px; bottom: -40px;
    width: 120px; height: 120px; opacity: .05; pointer-events: none;
    background: var(--kh-gold) center/contain no-repeat;
}
body.lt6-keyhole .lt6-ai-send {
    background: var(--kh-brass);
    color: #13202E;
}

/* AZIONI — chip ottone/verde + emblema serratura (echo dei tile del mockup) */
body.lt6-keyhole .lt6-actions {
    border: 0; background: transparent; box-shadow: none; overflow: visible; gap: 13px;
}
body.lt6-keyhole .lt6-action {
    border: 1px solid var(--v6-line);
    border-radius: 20px;
    background: var(--v6-card);
    box-shadow: 0 16px 32px -22px rgba(19,32,46,.32), 0 2px 5px -3px rgba(19,32,46,.06);
    overflow: hidden;
    position: relative;
}
body.lt6-keyhole .lt6-action + .lt6-action { border-left: 1px solid var(--v6-line); }
body.lt6-keyhole .lt6-act-ico {
    width: 44px; height: 44px; border-radius: 13px;
    display: flex; align-items: center; justify-content: center;
    margin: 0 0 auto;
    color: #FFFFFF;
    box-shadow: 0 8px 16px -6px rgba(19,32,46,.5), inset 0 1px 0 rgba(255,255,255,.4);
}
body.lt6-keyhole .lt6-act-ico svg { width: 22px; height: 22px; }
body.lt6-keyhole .lt6-action:first-child .lt6-act-ico { background: linear-gradient(150deg,#CC9A5D,#9C6B36 60%,#6B4622); }
body.lt6-keyhole .lt6-action:nth-child(2) .lt6-act-ico { background: var(--kh-teal); }
body.lt6-keyhole .lt6-act-no    { color: var(--v6-gold-ink); }  /* oro-testo su card bianca: AA (fix 20/06) */
body.lt6-keyhole .lt6-act-arrow { color: var(--v6-gold-ink); }
body.lt6-keyhole .lt6-action::after {
    content: ""; position: absolute; right: -14px; top: -10px;
    width: 78px; height: 78px; opacity: .05; pointer-events: none;
    background: var(--kh-gold) center/contain no-repeat;
}

/* TESTE SEZIONE — pallino serratura + filo (al posto del bordo pieno) */
body.lt6-keyhole .lt6-index-head {
    border-bottom: 1px solid var(--v6-line);
    align-items: center;
    gap: 11px;
}
body.lt6-keyhole .lt6-index-head::before {
    content: ""; flex: 0 0 auto;
    width: 15px; height: 17px;
    background: var(--kh-gold) center/contain no-repeat;
    filter: drop-shadow(0 1px 1px rgba(168,124,50,.25));
}
body.lt6-keyhole .lt6-ih-t { flex: 0 0 auto; }
body.lt6-keyhole .lt6-ih-c { margin-left: auto; color: var(--v6-gold-ink); }

/* righe directory: card morbida con icona "chiave" tono crema */
body.lt6-keyhole .lt6-e-ico { color: var(--v6-gold-deep); }
body.lt6-keyhole .lt6-entry.is-feat .lt6-e-no { color: var(--v6-gold-ink); }

/* COLOPHON + CATBAR (crema) — tocco serratura sull'indicatore attivo */
body.lt6-keyhole .lt6-colo-mark { color: var(--v6-gold-ink); }  /* nome hotel colophon su crema: AA (fix 20/06) */
body.lt6-keyhole .lt6-catbar-item.is-active { color: var(--v6-ink); }

/* =====================================================================
 * SEZIONE / LOGIN — restano CHIARE (crema) come B: la palette basta.
 * Solo un tocco keyhole sull'icona di sezione.
 * ===================================================================== */
body.lt6-keyhole .lt2-sec-iconwrap { color: var(--v6-gold); }