/*
 Theme Name:   Hello Elementor Child - Ciné Rencontres Prades
 Description:  Thème enfant sur-mesure respectant la charte graphique CRP 2025.
 Template:     hello-elementor
 Version:      1.0.0
 Author:       Ciné Rencontres Prades
 Text Domain:  hello-elementor-child
*/

/* =========================================
   1. VARIABLES & CHARTE (Source of Truth)
   ========================================= */
:root {
    /* Couleurs Charte */
    --crp-yellow: #F3A314;      /* CMJN 2/42/94/0 */
    --crp-dark-blue: #1A1C35;   /* RVB 26/28/53 - Bleu Nuit Profond */
    --crp-black: #2E2D2C;       /* Noir/Gris Charte */
    --crp-white: #FFFFFF;
    
    /* Typographies (Noms à faire correspondre avec vos fichiers) */
    --font-titles: 'DIN 2014', 'Roboto', sans-serif; /* Titres, Chiffres */
    --font-body: 'Avenir', 'Nunito', sans-serif;     /* Textes courants */
    --font-script: 'Adventure', cursive;             /* Phrases exergue */

    /* Espacements & Design */
    --border-radius-sm: 4px;
    --transition-fast: 0.3s ease;
}

/* =========================================
   2. TYPOGRAPHIE GLOBALE
   ========================================= */

body {
    font-family: var(--font-body);
    color: var(--crp-black);
    line-height: 1.6;
    background-color: var(--crp-white);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-titles);
    color: var(--crp-dark-blue);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
}

/* Style manuscrit pour les exergues (classe à utiliser dans Elementor) */
.text-handwritten {
    font-family: var(--font-script);
    color: var(--crp-yellow);
    font-size: 1.5rem;
    transform: rotate(-2deg); /* Petit effet dynamique */
}

/* =========================================
   3. ÉLÉMENTS D'INTERFACE
   ========================================= */

/* Boutons (Base Elementor override) */
.elementor-button {
    font-family: var(--font-titles) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    border-radius: 0 !important; /* Design carré "Cinéma" ou var(--border-radius-sm) */
    transition: var(--transition-fast) !important;
}

/* Bouton Primaire (Jaune) */
.btn-primary .elementor-button {
    background-color: var(--crp-yellow) !important;
    color: var(--crp-dark-blue) !important;
}

.btn-primary .elementor-button:hover {
    background-color: var(--crp-dark-blue) !important;
    color: var(--crp-yellow) !important;
}

/* Liens */
a {
    color: var(--crp-dark-blue);
    transition: color var(--transition-fast);
}
a:hover {
    color: var(--crp-yellow);
}

/* =========================================
   4. STRUCTURE & HEADER
   ========================================= */

/* Ajustement du menu pour correspondre au PDF (Menu de tête) */
.site-header {
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Pour le footer noir mentionné implicitement */
.site-footer {
    background-color: var(--crp-dark-blue);
    color: var(--crp-white);
}