/*
Theme Name: ymaje-theme_child
Template: ymaje-theme
*/

/* ============================================
   VARIABLES GLOBALES
   ============================================ */
:root {
    /* Couleurs principales, thème principal */
    --color-gold: #A7864D;
    --color-blue: rgb(22, 48, 88);
    --color-purple: #3E3B90;

    /* Fonds */
    --color-bg-white-broken:#FAF9F6; 
    --color-bg-cream: #F6F2ED;
    --color-bg-alt: #F9F6F1;
    --color-white: #ffffff;
    --color-bg-light: #F8F6F3;
    --color-test : #FAFAFC;
    --color-bg-nd : #EBE3D5;
    --color-bg-blue : rgba(22, 48, 88, 0.1); 


    /*Polices*/
    --color-text-dark: #2C2C2C;
    --color-text-gray: #666;
    --color-text-medium: #4A4A4A;
    --color-text-red : #dc2626;

    /* Couleurs secondaires, déclinaisons pour effets */ 
    --color-gold-light: #C4A661;
    --color-gold-dark: #8f6f3d;
    
    /* Espacements globaux */
    --spacing-xs: 10px;
    --spacing-sm: 20px;
    --spacing-md: 40px;
    --spacing-lg: 60px;
    --spacing-xl: 80px;
    
    /* Ombres */
    --shadow-sm: 0 4px 15px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.1);
    
    /* Transitions */
    --transition-base: all 0.3s ease;
    
    /* Border radius */
    --radius-sm: 12px;
    --radius-md: 15px;
    --radius-lg: 20px;
    --radius-full: 50px;
}

/* ============================================
   RESET & BASE
   ============================================ */
body {
    padding-top: 90px;
    background-color: var(--color-bg-cream) !important;  /* beige clair */
    position: relative;
}

body::before {
    content: '';
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    background-image: url('images/LOGO_SECONDAIRE.png');  /* Ajustez le chemin */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.05;
    pointer-events: none;
    z-index: 0;
}

.page .entry-title,
.entry-header .entry-title,
h1.entry-title,
.page-header,
.entry-header {
    display: none;
}

/* Gestion spécifique de .page-title */
body:not(.page-mentions-legales):not(.page-politique-confidentialite):not(.page-cookies) .page-title {
    display: none;
}

/* Forcer l'affichage sur pages légales */
body.page-mentions-legales h1.page-title,
body.page-politique-confidentialite h1.page-title,
body.page-cookies h1.page-title {
    display: block !important;
    font-size: clamp(2.5rem, 5vw, 3.5rem) !important;
    color: #3E3B90 !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: clamp(2rem, 4vw, 3rem) !important;
    line-height: 1.2 !important;
}

.entry-content,
.page-content {
    padding-top: var(--spacing-xs);
    margin-top: 0;
}

.container,
article {
    padding-top: 0;
    margin-top: 0;
}

/* ============================================
   BOUTONS GLOBAUX
   ============================================ */
.btn,
.btn-primary,
.btn-secondary {
    display: inline-block;
    padding: 14px 30px;
    text-decoration: none;
    border-radius: var(--radius-full);
    font-weight: 600;
    font-size: 1rem;
    transition: var(--transition-base);
    cursor: pointer;
    border: none;
}

/* Bouton principal */
.btn-primary {
    background: var(--color-gold);
    color: var(--color-white);
    box-shadow: var(--shadow-md);
}

.btn-primary:hover {
    background: var(--color-gold-dark);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Bouton secondaire */
.btn-secondary {
    background: transparent;
    border: 2px solid var(--color-gold);
    color: var(--color-gold);
}

.btn-secondary:hover {
    background: var(--color-gold);
    color: var(--color-white);
}

/* ============================================
   TITRES GLOBAUX
   ============================================ */
.section-title {
    font-size: clamp(2rem, 4vw, 3rem);
    color: var(--color-text-dark);
    margin-bottom: 25px;
    font-weight: 700;
    line-height: 1.2;
}

.section-subtitle {
    font-size: 1.1rem;
    color: var(--color-text-gray);
    line-height: 1.6;
}

/* ============================================
   SECTIONS COMMUNES
   ============================================ */
.section {
    padding: var(--spacing-xl) var(--spacing-sm);
}

.section-bg-light {
    background: var(--color-bg-light);
}

.container-max {
    max-width: 1200px;
    margin: 0 auto;
}

/* ============================================
   UTILITAIRES
   ============================================ */
.text-center {
    text-align: center;
}

.hide-mobile {
    display: block;
}

/* ============================================
   CORRECTION FOOTER
   ============================================ */
footer.site-footer,
#colophon,
.site-footer {
    padding-top: 2rem !important;
    margin-top: 0 !important;
}