/*
Theme Name:  Greenlight Child
Theme URI:   https://greenlightbuilder.pro/
Description: Child theme for the Greenlight FSE block theme.
Author:      Vishal Gohel
Template:    greenlight
Version:     1.0.1
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: greenlight-child
Tags:        full-site-editing, block-patterns, e-commerce
*/


/* ==========================================================================
   GOOGLE FONTS (loads Bebas Neue, DM Sans, Cormorant Garamond)
   These are loaded via functions.php wp_enqueue_style — this is the fallback
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');


/* ==========================================================================
   1. GLOBAL FIXES
   ========================================================================== */

/* Body & base typography */
body,
body.gspb-bodyfront {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    background-color: #0A0A0A;
    color: #F5F0E8;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Fix the GreenShift local font empty src issue */
:root h1, :root h2, :root h3, :root h4, :root h5,
h1.wp-block-heading, h2.wp-block-heading, h3.wp-block-heading,
h4.wp-block-heading, h5.wp-block-heading {
    font-family: 'Bebas Neue', Impact, sans-serif !important;
}

h4.wp-block-heading {
    font-family: 'Bebas Neue', Impact, sans-serif !important;
}

p, .has-s-font-size, .has-r-font-size, .has-m-font-size,
.has-xs-font-size, body p {
    font-family: 'DM Sans', -apple-system, sans-serif !important;
}

/* Film-grain texture overlay (from HTML design) */
body::after {
    content: '';
    position: fixed;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 9999;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}


/* ==========================================================================
   2. SECTION LABEL PATTERN — Gold uppercase micro-text
   ========================================================================== */

/* The 11px gold labels used at start of every section */
.has-brand-color.has-text-color[style*="font-size:11px"],
.has-brand-color.has-text-color[style*="font-size: 11px"] {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
}


/* ==========================================================================
   3. SEPARATOR / ACCENT LINE
   ========================================================================== */

.wp-block-separator.has-brand-background-color {
    width: 60px !important;
    max-width: 60px !important;
    border-bottom-width: 2px !important;
    opacity: 1 !important;
    margin-left: 0 !important;
}


/* ==========================================================================
   4. BUTTONS
   ========================================================================== */

.wp-block-button__link {
    transition: all 0.3s ease !important;
    border-radius: 0px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
}

/* Gold filled button */
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
    background-color: #C8A84E !important;
    color: #0A0A0A !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    background-color: #E8D5A0 !important;
    color: #0A0A0A !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(200,168,78,0.2);
}

/* Outline button */
.wp-block-button.is-style-outline .wp-block-button__link {
    border-color: rgba(200,168,78,0.3) !important;
    color: #F5F0E8 !important;
    background: transparent !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    border-color: #C8A84E !important;
    color: #C8A84E !important;
    background: rgba(200,168,78,0.05) !important;
}


/* ==========================================================================
   5. CARDS — Service cards, contact cards, product cards
   ========================================================================== */

/* GreenShift element cards with gold top border */
.ph-card,
[style*="background-color:#181818"][style*="border-top"] {
    transition: transform 0.3s ease, border-color 0.3s ease !important;
}

.ph-card:hover,
[style*="background-color:#181818"][style*="border-top"]:hover {
    transform: translateY(-4px) !important;
}


/* ==========================================================================
   6. EVENT ROWS — Tour date listings
   ========================================================================== */

.ph-event-row {
    transition: padding-left 0.3s ease, border-color 0.3s ease !important;
}

.ph-event-row:hover {
    padding-left: 15px !important;
    border-bottom-color: rgba(200,168,78,0.2) !important;
}


/* ==========================================================================
   7. HEADER FIXES
   ========================================================================== */

/* Sticky header with glass effect */
.ph-header-wrap,
.site-header {
    background-color: rgba(10,10,10,0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

/* Nav links */
.ph-nav-link {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #F5F0E8 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.ph-nav-link:hover {
    color: #C8A84E !important;
}

/* Logo styling */
.ph-logo {
    font-family: 'Bebas Neue', Impact, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 6px !important;
    color: #C8A84E !important;
}

/* Mobile panel styling */
.ph-mobile-panel a,
.ph-panel-overlay a {
    font-family: 'DM Sans', sans-serif !important;
    font-size: clamp(18px, 4vw, 24px) !important;
    font-weight: 500 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    color: #F5F0E8 !important;
    display: block !important;
    padding: 15px 0 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.ph-mobile-panel a:hover,
.ph-panel-overlay a:hover {
    color: #C8A84E !important;
}


/* ==========================================================================
   8. FOOTER FIXES
   ========================================================================== */

.ph-footer-wrap,
.site-footer {
    background-color: #0A0A0A !important;
    border-top: 1px solid rgba(200,168,78,0.08) !important;
}

.ph-footer-link {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #888 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.ph-footer-link:hover {
    color: #C8A84E !important;
}


/* ==========================================================================
   9. LINK COLOR FIX — All links inside dark sections
   ========================================================================== */

.ph-header-wrap a,
.ph-footer-wrap a,
.ph-header-inner a,
.ph-footer-main a {
    color: inherit !important;
    text-decoration: none !important;
}

.ph-header-wrap a:hover,
.ph-footer-wrap a:hover {
    color: #C8A84E !important;
}


/* ==========================================================================
   10. COLLABORATION TAGS / PILL BADGES
   ========================================================================== */

.has-border-color[style*="border-color:#C8A84E"] {
    transition: all 0.3s ease !important;
}

.has-border-color[style*="border-color:#C8A84E"]:hover {
    border-color: #C8A84E !important;
    color: #C8A84E !important;
}


/* ==========================================================================
   11. STAT NUMBERS — Large gold counters
   ========================================================================== */

.has-brand-color.has-giga-font-size[style*="font-weight:700"] {
    font-family: 'Bebas Neue', Impact, sans-serif !important;
}


/* ==========================================================================
   12. RESPONSIVE — Match HTML design breakpoints
   ========================================================================== */

@media (max-width: 991.98px) {
    /* Cards stack */
    .ph-cards-row {
        flex-direction: column !important;
    }

    /* Story grid stacks */
    .ph-story-grid {
        flex-direction: column !important;
    }

    /* Footer stacks */
    .ph-footer-main {
        flex-direction: column !important;
        text-align: center;
    }

    /* Desktop nav hides */
    .ph-desktop-nav {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    /* Event rows stack */
    .ph-event-row {
        flex-direction: column !important;
        row-gap: 15px !important;
        text-align: center;
    }

    /* Stats stack */
    .ph-stats-row {
        flex-direction: column !important;
        row-gap: 25px !important;
    }

    /* Hero padding */
    .ph-hero-section {
        padding-top: 100px !important;
        padding-bottom: 80px !important;
        min-height: 90vh !important;
    }

    /* Reduce section padding */
    .ph-services-section,
    .ph-story-section,
    .ph-events-section,
    .ph-cta-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}


/* ==========================================================================
   13. HERO BACKGROUND GLOW
   ========================================================================== */

.ph-hero-glow {
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(ellipse at 20% 80%, rgba(200,168,78,0.08) 0%, transparent 60%),
                radial-gradient(ellipse at 80% 20%, rgba(200,168,78,0.05) 0%, transparent 60%) !important;
    pointer-events: none !important;
}


/* ==========================================================================
   14. ITALIC TAGLINE (Cormorant Garamond from HTML design)
   ========================================================================== */

.has-m-font-size[style*="font-style:italic"],
.has-m-font-size[style*="font-style: italic"] {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
}


/* ==========================================================================
   15. COVER BLOCK IMAGE PLACEHOLDERS
   ========================================================================== */

.wp-block-cover.is-light[style*="background-color:#181818"] {
    border: 1px solid rgba(200,168,78,0.1) !important;
}