/* ========================================
   GLOBAL HERO LANDING - Page d'accueil
   Style hero pour index.html
   Source : landing.css (référence)
   ======================================== */

/* ========================================
   HERO SECTION - Structure de base
   ======================================== */

.hero,
.landing-hero {
    min-height: 100vh;
    background: linear-gradient(to bottom, rgba(255, 56, 92, 0.45) 0%, rgba(255, 56, 92, 0.3) 40%, rgba(255, 56, 92, 0.2) 70%, rgba(255, 56, 92, 0.15) 100%),
                url('../assets/images/hero-restaurant-landing.jpeg') center bottom/cover no-repeat;
    display: flex;
    flex-direction: column;
    position: relative;
    background-attachment: fixed;
    color: #FFFFFF;
}

.hero > *:not(header):not(.landing-header),
.landing-hero > *:not(header):not(.landing-header) {
    position: relative;
    z-index: 2;
}

/* ========================================
   HERO CONTENT - Espacement élégant
   ======================================== */

.landing-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 100px 24px 64px; /* padding-top: 100px pour compenser le header fixe */
    color: white;
    font-family: var(--font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}

/* ========================================
   TITRE PRINCIPAL - Style et espacement
   ======================================== */

.landing-content h1,
.landing-title {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 1rem;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: white;
    font-family: var(--font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}

/* ========================================
   SOUS-TITRE - Style et espacement
   ======================================== */

.landing-content p,
.landing-subtitle {
    font-size: 1.375rem;
    margin-bottom: 2.5rem; /* Espacement élégant avant boutons */
    opacity: 0.95;
    font-weight: 400;
    color: white;
    font-family: var(--font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}

/* ========================================
   BOUTONS CTA - Espacement élégant
   ======================================== */

.landing-content > div {
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0; /* Espacement déjà géré par margin-bottom du sous-titre */
}