/**
Theme Name: ppassion
*/

/* ============================================
   VARIABLES
   ============================================ */
:root {
  --passion-red: #E21F26;
  --royal-blue: #003366; /* Le bleu foncé pour le mini-titre */
  --orange-but: #FF8C00;
  --orange-but-hover: #e07d00;
  --white-pure: #FFFFFF;
}

/* ============================================
   ACCUEIL : HEADER & FOND
   ============================================ */
body.home {
    background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), 
                url('./images/content.jpg') no-repeat top center;
    background-size: cover;
}

/* CACHE LE LOGO DU BANDEAU (ast-header-html-1) */
.home .ast-header-html-1, 
.home .site-branding, 
.home .custom-logo-link {
    display: none !important;
}

/* Header transparent */
.home .ast-primary-header-bar, .home .site-header {
    background: transparent !important;
    position: absolute;
    width: 100%;
    border-bottom: none !important;
}

.home .main-header-menu .menu-link {
    color: #ffffff !important;
}

/* AJUSTEMENT DE LA HAUTEUR : On descend le contenu par rapport au menu */
.home #content {
    padding-top: 100px !important; /* Augmenté de 140px à 200px pour laisser respirer */
}

/* ============================================
   ALIGNEMENT VERTICAL DES COLONNES
   ============================================ */
.home .wp-block-columns {
    display: flex !important;
    align-items: center !important; 
}

/* ============================================
   TYPOGRAPHIE HERO (COLONNE DROITE)
   ============================================ */

.hero-text-side {
    text-align: center;
    padding: 30px;
}

/* 1. RETOUR AU BLEU FONCÉ POUR LA PREMIÈRE PHRASE */
.hero-mini-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--royal-blue) !important; /* Rétabli en bleu foncé */
    margin-bottom: 8px !important;
    text-shadow: none; /* On enlève l'ombre pour garder la netteté du bleu */
    display: block;
}

/* 2. TITRE PRINCIPAL (BLANC) */
.hero-main-title {
    font-family: 'Playfair Display', serif;
    font-size: 2.8rem;
    line-height: 1.2;
    color: #ffffff !important;
    margin: 0 0 15px 0 !important;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}

/* 3. TEXTE PASSION (JAUNE CLAIR) */
.hero-passion-text {
    font-family: 'Montserrat', sans-serif;
    color: #ffda79 !important; 
    font-weight: 600;
    font-size: 1.2rem;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}

.hero-separator {
    display: block !important;
    height: 2px; /* Un peu plus épais pour la visibilité */
    width: 100%;
    max-width: 350px;
    margin: 20px auto !important;
    /* Dégradé : Transparent -> Blanc Pur (100%) -> Transparent */
    background: linear-gradient(to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 1) 50%, 
        rgba(255, 255, 255, 0) 100%) !important;
    border: none !important;
    opacity: 1 !important;
    clear: both;
}

/* Ajustement pour le mobile pour bien centrer les lignes */
@media (max-width: 850px) {
    .hero-separator {
        margin: 20px auto !important;
    }
}
/* ============================================
   DESCRIPTION ET BOUTON
   ============================================ */
.hero-description {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    line-height: 1.6;
    max-width: 850px;
    margin: 50px auto 30px auto;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.wp-block-button__link {
    background: var(--orange-but) !important;
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 6px !important;
    padding: 16px 40px !important;
}

/* RESPONSIVE */
@media (max-width: 850px) {
    .home #content { padding-top: 120px !important; }
    .hero-text-side { text-align: center; padding-left: 0; }
    .hero-main-title { font-size: 2rem; }
}

/* ============================================
   FOOTER TRANSPARENT (HOME UNIQUEMENT)
   ============================================ */

/* Rendre le fond transparent */
.home .site-footer, 
.home .site-primary-footer-wrap,
.home .ast-builder-grid-row-container-inner {
    background: transparent !important;
    background-color: transparent !important;
    border-top: none !important;
}

/* Forcer le texte en blanc pour la lisibilité sur fond rosé */
.home .site-footer,
.home .site-footer p,
.home .site-footer .ast-footer-copyright,
.home .site-footer .ast-footer-copyright p {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5); /* Légère ombre pour décoller du fond */
}

/* Forcer les liens du menu pied de page en blanc */
.home .site-footer a,
.home .site-footer .footer-navigation .menu-item a {
    color: #ffffff !important;
    transition: all 0.3s ease;
}

/* Effet au survol des liens du footer */
.home .site-footer a:hover,
.home .site-footer .footer-navigation .menu-item a:hover {
    color: var(--orange-but) !important; /* Rappel de l'orange de vos boutons */
    text-decoration: underline;
}