/*
 * UAT-style overrides for landing pages:
 * personal-chef.php, private-chef.php, airbnb-chef.php, bachelorette-party-chef.php
 * Removes card boxes, applies Playfair Display headings, cleans up hero layout.
 */

/* ── Transparent header: dark text on light card heroes ──── */
.transparent-header .nav-desktop-links > a,
.transparent-header .nav-desktop-links .nav-drop > a {
    color: #5a504a !important;
}
.transparent-header .nav-desktop-links > a:hover,
.transparent-header .nav-desktop-links .nav-drop > a:hover,
.transparent-header .nav-desktop-links .nav-drop:hover > a {
    background: rgba(0,0,0,0.06) !important;
    color: #2c2825 !important;
}
.transparent-header .pf-hdr-login {
    color: #5a504a !important;
}
.transparent-header .pf-hdr-login:hover {
    background: rgba(0,0,0,0.06) !important;
    color: #2c2825 !important;
}

/* ── Page background: warm cream ────────────────────────── */
.landing-chef-page {
    background: #eee9e2 !important;
    padding-top: 92px;
}

/* ── Hero: remove card boxes ─────────────────────────────── */
.landing-hero-copy,
.landing-hero-media {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.landing-hero-copy {
    background: transparent !important;
    padding: 0 32px 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    text-align: left !important;
}

.landing-hero-media {
    background: transparent !important;
    padding: 0 !important;
}

/* ── H1: Playfair Display, left-aligned ──────────────────── */
.landing-hero-copy h1 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
    font-weight: 700 !important;
    text-align: left !important;
    max-width: none !important;
    letter-spacing: -0.03em !important;
    line-height: 0.96 !important;
    color: #1a1a1a !important;
    font-size: clamp(2.6rem, 4.8vw, 4.8rem) !important;
    margin: 16px 0 18px !important;
}

/* ── Kicker pill: terracotta accent ──────────────────────── */
.landing-hero-kicker {
    background: rgba(196, 92, 62, 0.1) !important;
    color: #c45c3e !important;
    border: none !important;
}

/* ── Photo shots: clean rounded cards ────────────────────── */
.landing-hero-shot {
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(50, 31, 14, 0.12) !important;
}

/* ── Section title: remove card box ─────────────────────── */
.section-chef .section-title {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 0 18px !important;
    border-radius: 0 !important;
}

/* ── Section headings: Playfair Display ──────────────────── */
.section-chef .section-title h1,
.section-process .section-title h2,
.section-title h2,
.section-title h3 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
}

/* ── Action buttons: pill shape ──────────────────────────── */
.landing-hero-actions .btn-primary-custom {
    background: #c45c3e !important;
    border-color: #c45c3e !important;
}
.landing-hero-actions .btn-primary-custom:hover {
    background: #a84f3b !important;
}
.landing-hero-actions .btn-outline-custom {
    border-color: rgba(36, 29, 23, 0.18) !important;
    color: #211b16 !important;
    background: rgba(255,255,255,0.85) !important;
}

/* ── Wider hero container on large screens ───────────────── */
@media (min-width: 1200px) {
    .landing-chef-page .container {
        max-width: min(1360px, calc(100vw - 48px));
    }
}

/* ── Mobile: stack vertically ────────────────────────────── */
@media (max-width: 991px) {
    .landing-hero {
        grid-template-columns: 1fr !important;
    }
    .landing-hero-copy {
        padding: 0 0 28px !important;
    }
    .landing-hero-copy h1 {
        font-size: clamp(2.2rem, 9vw, 3.4rem) !important;
        line-height: 1 !important;
    }
}