/* style.css · socle du site adibalkhalidey.com
   Conception Dar Alkhalidey · réécrit de zéro le 13 octobre 2026.
   Rôle : les couleurs, la typographie et les quelques réglages de base.
   Tout le reste (mise en page 2026, effets, braise) vit dans style-2026.css et effets.css. */

/* La police Ibarra Real Nova est appelée directement dans le <head> de chaque page (plus tôt qu'un @import). */

/* ---------- Palette ---------- */
:root {
    --site-background: #170A0E;   /* la nuit */
    --site-text: #FFB287;         /* le texte, couleur pêche */
    --site-highlight: #EF6F22;    /* la braise */
    --site-gradient: linear-gradient(90deg, #D05A1C 0%, #3C0500 52%, #170A0E 100%);
    --plexus-baby-blue: var(--site-highlight);   /* ancien nom, encore utilisé dans deux titres */
}

/* ---------- Page ---------- */
body {
    margin: 0;
    font-family: 'Ibarra Real Nova', serif;
    line-height: .9;
    color: var(--site-text);
    background-color: var(--site-background);
    /* un filet de feu tout en haut de la page */
    border-top: 4px solid transparent;
    border-image: var(--site-gradient) 1;
}
section { overflow: hidden; }

/* ---------- Titres ---------- */
h1 {
    font-size: 6rem;
    line-height: .5;
    letter-spacing: -.67rem;
    color: var(--site-text);
}
h1.h1-gold {   /* titre plus sobre des pages secondaires */
    font-size: 4rem;
    line-height: 1;
    letter-spacing: 0;
}
h2 {
    font-size: 2rem;
    font-style: italic;
    line-height: .7;
    letter-spacing: -2px;
    color: var(--site-highlight);
}

/* ---------- Le nom, en haut à gauche ---------- */
span.logo {
    font-size: 2rem;
    font-weight: 300;
    line-height: .6;
    letter-spacing: -2px;
    color: var(--site-text);
}

/* ---------- Billetterie : une date programmée reste cachée jusqu'à sa mise en vente ---------- */
.scheduled-ticket { display: none; }

/* ---------- Partenaires du pied de page ---------- */
.logo-sponsor {
    width: 200px;
    height: 100px;
    padding: 15px;
    object-fit: contain;
}

/* ---------- Pied de page : une lueur qui descend du bord ---------- */
footer {
    line-height: 1.1;
    letter-spacing: 0;
    color: var(--site-text);
    background-image: linear-gradient(180deg, rgba(208, 90, 28, .28) 0, rgba(60, 5, 0, .24) 38px, rgba(23, 10, 14, 0) 120px);
}

/* ---------- Bootstrap, à nos couleurs ---------- */
body .text-white,
body .text-light,
body .btn-outline-light { color: var(--site-text) !important; }
body .border-top { border-color: rgba(255, 178, 135, .38) !important; }
body .btn-light {
    color: var(--site-background);
    background-color: var(--site-text);
    border-color: var(--site-text);
}
body .btn-outline-light { border-color: var(--site-text); }
body .btn-outline-light:hover,
body .btn-outline-light:focus {
    color: var(--site-background) !important;
    background-color: var(--site-highlight);
    border-color: var(--site-highlight);
}

/* ---------- Contacts du pied de page ---------- */
.pied-contact { margin: 0 0 1.9rem; font-size: .875em; line-height: 1.257; }
.pied-contact:last-child { margin-bottom: 0; }

/* ---------- Pages secondaires (infolettre, merci, politique) ---------- */
.page-simple main { min-height: 60vh; }
.page-simple-bloc { max-width: 40rem; margin: 3rem auto 4rem; }
.page-simple-titre { font-size: clamp(2.6rem, 8vw, 4.2rem); font-style: italic; line-height: 1; letter-spacing: -2px; margin: 0 0 1.4rem; color: var(--site-highlight); }
.page-simple-chapeau { font-size: 1.3rem; line-height: 1.35; margin: 0 0 2rem; }
.page-simple-note { margin-top: 1.2rem; font-size: .95rem; line-height: 1.4; opacity: .8; }
.page-simple-texte { line-height: 1.5; font-size: 1.12rem; }
.page-simple-texte h2 { margin: 2.6rem 0 .9rem; line-height: 1.1; }
.page-simple-texte p { margin-bottom: 1rem; }
.credit-simple i { color: var(--site-highlight); }
.page-simple .btn { font-family: inherit; font-size: 1.1rem; border-radius: 999px; padding: .45rem 1.3rem .5rem; }
.page-simple nav .marque { text-decoration: none; }