/* ============================================================================
   Thème LARITA — surcouche appliquée aux pages existantes quand data-theme="larita".
   Ne réécrit PAS les gabarits : ré-habille (polices Marcellus/League Spartan,
   accent mocha, hero assombri, menu en capitales). Chargé après les CSS de base.
   ============================================================================ */

[data-theme="larita"] {
    --mocha: #916F54;
    --tan: #b98f6d;
    --ink-larita: #241f1b;
    --cream-larita: #f5f0e9;
}

/* --- Typographie --- */
[data-theme="larita"] body {
    font-family: 'League Spartan', system-ui, sans-serif;
    background: var(--cream-larita);
    color: var(--ink-larita);
}

[data-theme="larita"] h1,
[data-theme="larita"] h2,
[data-theme="larita"] h3,
[data-theme="larita"] .brand span,
[data-theme="larita"] .page-lead,
[data-theme="larita"] .hero-content h1,
[data-theme="larita"] .gallery-quote,
[data-theme="larita"] .quote-card blockquote,
[data-theme="larita"] .intro h2,
[data-theme="larita"] .surroundings-content h2,
[data-theme="larita"] .contact h2 {
    font-family: 'Marcellus', Georgia, serif;
    font-weight: 400;
    letter-spacing: 2px;
}

[data-theme="larita"] .hero-content h1,
[data-theme="larita"] .intro h2,
[data-theme="larita"] .page-lead,
[data-theme="larita"] .contact h2 {
    text-transform: uppercase;
    letter-spacing: 3px;
}

/* --- Accents (eyebrows, liens) : mocha --- */
[data-theme="larita"] .eyebrow,
[data-theme="larita"] .eyebrow.terracotta {
    color: var(--mocha);
}

[data-theme="larita"] .text-link {
    color: var(--mocha);
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
[data-theme="larita"] .text-link::after,
[data-theme="larita"] .text-link:hover::after {
    background: var(--mocha);
}

/* --- Menu --- */
[data-theme="larita"] .site-header {
    background: rgba(245, 240, 233, 0.96);
}
[data-theme="larita"] .site-header nav a:not(.nav-cta) {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    color: #4a4238;
    border-bottom-color: transparent;
}
/* Survol : on colore SEULEMENT le texte. Le soulignement animé ::after d'origine suffit.
   On ne colore PAS le bord 2px ici, sinon il double le trait du ::after (bug des deux barres). */
[data-theme="larita"] .site-header nav a:not(.nav-cta):hover {
    color: var(--mocha);
}
/* Page active : un seul trait fixe (le bord 2px). Le ::after est déjà masqué par booking.css. */
[data-theme="larita"] .site-header nav a:not(.nav-cta).active {
    color: var(--mocha);
    border-bottom-color: var(--mocha);
}
[data-theme="larita"] .site-header nav a.nav-cta {
    background: var(--mocha);
    color: #fff;
    border-color: var(--mocha);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
}
[data-theme="larita"] .site-header nav a.nav-cta:hover {
    background: #7d5f47;
    color: #fff;
}

/* --- Boutons --- */
[data-theme="larita"] .button,
[data-theme="larita"] .booking-open,
[data-theme="larita"] .button.dark,
[data-theme="larita"] .button.light {
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 0;
}
[data-theme="larita"] .button.dark,
[data-theme="larita"] .booking-open,
[data-theme="larita"] .button.light {
    background: var(--mocha);
    border: 1px solid var(--mocha);
    color: #fff;
}
[data-theme="larita"] .button.dark:hover,
[data-theme="larita"] .button.light:hover,
[data-theme="larita"] .booking-open:hover {
    background: #7d5f47;
    color: #fff;
}

/* --- Hero : ambiance sombre, texte blanc --- */
[data-theme="larita"] .hero-media {
    /* brightness piloté par le réglage back-office (variable posée sur .hero). Défaut 0.5. */
    filter: brightness(var(--hero-brightness, 0.5)) saturate(0.9);
}
[data-theme="larita"] .hero-shade {
    background: linear-gradient(to bottom, rgba(20, 16, 13, 0.5), rgba(20, 16, 13, 0.2) 45%, rgba(20, 16, 13, 0.72));
}
[data-theme="larita"] .hero-content .eyebrow,
[data-theme="larita"] .hero-content h1,
[data-theme="larita"] .hero-content h1 em,
[data-theme="larita"] .hero-content p {
    color: #fff;
}
[data-theme="larita"] .hero-facts strong { color: var(--tan); }
[data-theme="larita"] .hero-facts { color: #fff; }

/* Lien secondaire du hero : capitales espacées, comme les autres liens du thème larita. */
[data-theme="larita"] .hero-link {
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* --- Galerie / citations --- */
[data-theme="larita"] .gallery-quote { color: #4a4238; }

/* --- Sélecteur de langue : accent mocha sur la langue active --- */
[data-theme="larita"] .site-header nav .lang-switch a.active {
    color: var(--mocha);
    background: rgba(145, 111, 84, .12);
}

/* --- Bandeau conversion : accent mocha au lieu de la terracotta --- */
[data-theme="larita"] .topbar {
    background: var(--mocha);
    letter-spacing: 2px;
}
[data-theme="larita"] .topbar:hover {
    background: #7d5f47;
}

/* --- Modale de réservation : accents mocha --- */
[data-theme="larita"] .nights-hint { color: var(--mocha); }
[data-theme="larita"] .consent a,
[data-theme="larita"] .cancellation-terms strong { color: var(--mocha); }