/*
Theme Name: Ezra Labs Child Theme
Theme URI: https://ezralabs.co.za
Author: Ezra Labs
Author URI: https://ezralabs.co.za
Description: Ezra Labs dark modern child theme for Kadence. Built for plugin showcase and digital product sales.
Template: kadence
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ezralabs-child
Requires PHP: 7.4
*/

/* ============================================================
   Ezra Labs Brand Variables
   ============================================================ */
:root {
    /* Brand Colours */
    --ezra-bg-primary: #0f0f13;
    --ezra-bg-secondary: #1a1a23;
    --ezra-bg-tertiary: #24243a;
    --ezra-bg-card: #1e1e2e;
    --ezra-text-primary: #f0f0f5;
    --ezra-text-secondary: #a0a0b8;
    --ezra-text-muted: #6b6b80;
    --ezra-accent: #7c5cfc;
    --ezra-accent-hover: #9b7cff;
    --ezra-accent-subtle: rgba(124, 92, 252, 0.12);
    --ezra-success: #34d399;
    --ezra-warning: #fbbf24;
    --ezra-error: #f87171;
    --ezra-border: #2a2a3e;
    --ezra-border-hover: #3a3a54;
    --ezra-radius: 12px;
    --ezra-radius-sm: 8px;
    --ezra-radius-lg: 16px;
    --ezra-font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --ezra-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --ezra-font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
    --ezra-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --ezra-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --ezra-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    --ezra-transition: 200ms ease;
}

/* ============================================================
   Base Reset & Typography
   ============================================================ */
body {
    background-color: var(--ezra-bg-primary);
    color: var(--ezra-text-primary);
    font-family: var(--ezra-font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: var(--ezra-accent);
    transition: color var(--ezra-transition);
}

a:hover {
    color: var(--ezra-accent-hover);
}

/* ============================================================
   Header & Navigation
   ============================================================ */
.site-header {
    background-color: var(--ezra-bg-secondary) !important;
    border-bottom: 1px solid var(--ezra-border);
}

.header-navigation a {
    color: var(--ezra-text-secondary) !important;
}

.header-navigation a:hover {
    color: var(--ezra-accent) !important;
}

/* ============================================================
   Content Areas
   ============================================================ */
.content-area {
    background-color: var(--ezra-bg-primary);
}

.entry-content-wrap {
    background-color: var(--ezra-bg-card);
    border: 1px solid var(--ezra-border);
    border-radius: var(--ezra-radius);
    padding: 2rem;
    box-shadow: var(--ezra-shadow-md);
}

/* ============================================================
   Buttons
   ============================================================ */
.button,
.wp-block-button__link,
.added_to_cart,
.woocommerce a.button,
.woocommerce button.button {
    background-color: var(--ezra-accent) !important;
    color: #ffffff !important;
    border-radius: var(--ezra-radius-sm) !important;
    font-weight: 600 !important;
    transition: all var(--ezra-transition) !important;
    border: none !important;
}

.button:hover,
.wp-block-button__link:hover,
.added_to_cart:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: var(--ezra-accent-hover) !important;
    transform: translateY(-1px);
    box-shadow: var(--ezra-shadow-md);
}

/* ============================================================
   WooCommerce Overrides
   ============================================================ */
.woocommerce div.product {
    background-color: var(--ezra-bg-card);
    border: 1px solid var(--ezra-border);
    border-radius: var(--ezra-radius);
    padding: 2rem;
}

.woocommerce-tabs {
    background-color: var(--ezra-bg-card);
    border: 1px solid var(--ezra-border);
    border-radius: var(--ezra-radius);
    padding: 1.5rem;
    margin-top: 2rem;
}

/* ============================================================
   Kadence Blocks & Global Overrides
   ============================================================ */
.kt-blocks-info-box-link-wrap,
.wp-block-kadence-rowlayout {
    background-color: var(--ezra-bg-card) !important;
    border: 1px solid var(--ezra-border) !important;
    border-radius: var(--ezra-radius) !important;
}

.kt-blocks-info-box-link-wrap:hover {
    border-color: var(--ezra-border-hover) !important;
}

/* ============================================================
   Footer
   ============================================================ */
.site-footer {
    background-color: var(--ezra-bg-secondary) !important;
    border-top: 1px solid var(--ezra-border);
}

/* ============================================================
   Scrollbar (WebKit)
   ============================================================ */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--ezra-bg-primary);
}

::-webkit-scrollbar-thumb {
    background: var(--ezra-bg-tertiary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--ezra-border-hover);
}

/* ============================================================
   Selection
   ============================================================ */
::selection {
    background-color: var(--ezra-accent-subtle);
    color: var(--ezra-text-primary);
}