/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
*/

/* ===================================================================
   MODERN "TAILWIND-INSPIRED" DESIGN SYSTEM
   =================================================================== */

/* --- 1. GLOBAL VARIABLES (Your Design Configuration) --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

:root {
    /* Colors (Dark Mode Palette) */
    --color-bg: #111827; /* Very dark blue-grey */
    --color-bg-card: #1F2937; /* Slightly lighter for cards/sections */
    --color-border: #374151; /* A subtle border color */
    --color-primary: #38bdf8; /* A bright, modern blue for accents */
    --color-text-primary: #e5e7eb; /* Light grey for main text */
    --color-text-secondary: #9ca3af; /* Muted grey for subtitles/meta */

    /* Typography */
    --font-primary: 'Inter', sans-serif;

    /* Spacing & Borders */
    --spacing-unit: 1rem;
    --border-radius: 0.5rem; /* 8px */
}

/* --- 2. GLOBAL RESET & BASE STYLES --- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    background-color: var(--color-bg); color: var(--color-text-primary);
    font-family: var(--font-primary); line-height: 1.6; margin: 0;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.separate-containers .site-main { background-color: transparent; }
.site-footer { display: none; } /* Temporarily hide footer */

/*  
 * /* ===================================================================
   HEADER STYLES v3 (High-Specificity Fix)
   =================================================================== */

/* This targets the header container itself */
.site-header-modern {
    background-color: #1E293B !important; /* The dark blue from your design */
    padding: 1rem 2rem !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    width: 100%;
    box-sizing: border-box;
}

/* This is the inner container that holds the logo and nav */
.site-header-modern-inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
}

/* This styles the "GS" logo */
.site-logo-modern a {
    color: #3B82F6 !important; /* The specific blue from your logo */
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* This styles the navigation menu container */
.site-nav-modern ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 2rem !important; /* Space between menu items */
}

/* This styles the individual links in the navigation menu */
.site-nav-modern ul li a {
    color: #FFFFFF !important; /* White text for links */
    font-family: 'Poppins', sans-serif !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    transition: color 0.3s ease !important;
}

/* This styles the link on hover and the current page link */
.site-nav-modern ul li a:hover,
.site-nav-modern .current-menu-item > a {
    color: #34D399 !important; /* The green accent color from your "ENROLL NOW" button */
}

/* --- 4. TYPOGRAPHY & CONTENT --- */
h1, h2, h3, h4, h5, h6 { color: var(--color-text-primary); font-weight: 700; }
p { margin-bottom: var(--spacing-unit); }
a { color: var(--color-primary); text-decoration: none; transition: opacity 0.3s ease; }
a:hover { opacity: 0.8; }
.site-main .inside-article { padding: calc(var(--spacing-unit) * 2); }

/* --- 5. ANIMATIONS & EFFECTS --- */
.site-main { animation: fadeIn 0.5s ease-in-out; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- 6. WOOCOMMERCE MODERN OVERRIDE --- */
.woocommerce form .form-row input.input-text, .woocommerce textarea {
    background-color: var(--color-bg); border: 1px solid var(--color-border);
    border-radius: var(--border-radius); color: var(--color-text-primary);
    padding: 12px;
}
.woocommerce form .form-row input.input-text:focus { border-color: var(--color-primary); box-shadow: none; outline: none; }

.woocommerce-checkout #customer_details, .woocommerce-checkout #order_review,
.woocommerce-cart-form, .woocommerce .cart-collaterals .cart_totals,
.woocommerce-account .woocommerce-MyAccount-content {
    background-color: var(--color-bg-card); border: 1px solid var(--color-border);
    padding: 2em; border-radius: var(--border-radius);
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 1.5em; background-color: var(--color-bg-card);
    border: 1px solid var(--color-border); border-radius: var(--border-radius);
}

.woocommerce a.button, .woocommerce button.button {
    background-color: var(--color-primary) !important; color: var(--color-bg) !important;
    border-radius: var(--border-radius) !important; font-weight: 700 !important;
    text-transform: none !important; padding: 12px 28px !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover { opacity: 0.8; }