/* 
===================================================
Apex Global Theme Override
Forces the entire site to follow the Apex Premium Dark Identity
===================================================
*/

/* 1. Global Backgrounds and Text */
body, html, .site, .site-content, .site-main, .wp-site-blocks {
    background-color: var(--apex-bg, #0a0a0a) !important;
    color: var(--apex-text, #ffffff) !important;
    font-family: 'Cairo', sans-serif !important;
}

/* 2. Typography */
h1, h2, h3, h4, h5, h6, 
.entry-title, .wp-block-heading {
    color: var(--apex-text, #ffffff) !important;
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
}

p, span, li, div {
    font-family: 'Cairo', sans-serif !important;
    color: var(--apex-text-muted, #a3a3a3);
    line-height: 1.8;
}

strong, b {
    color: var(--apex-text, #ffffff) !important;
}

/* 3. Links */
a {
    color: var(--apex-accent, #ff2a2a) !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

a:hover {
    color: var(--apex-accent-hover, #ff4a4a) !important;
}

/* 4. Forms and Inputs (My Account / Login) */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea,
select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background: var(--apex-surface, #141414) !important;
    border: 1px solid var(--apex-border, #2a2a2a) !important;
    color: var(--apex-text, #ffffff) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-family: 'Cairo', sans-serif !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--apex-accent, #ff2a2a) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 42, 42, 0.2) !important;
}

/* 5. Buttons */
button,
input[type="submit"],
input[type="button"],
.button,
.wp-block-button__link,
.woocommerce button.button,
.woocommerce input.button {
    background: var(--apex-accent, #ff2a2a) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
}

button:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover,
.woocommerce button.button:hover {
    background: var(--apex-accent-hover, #ff4a4a) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 42, 42, 0.3) !important;
}

/* 6. Blocks and Cards */
.wp-block-group.has-background,
.wp-block-column,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation {
    background: var(--apex-surface, #141414) !important;
    border: 1px solid var(--apex-border, #2a2a2a) !important;
    border-radius: 12px !important;
    padding: 24px;
}

/* 7. Images */
img {
    border-radius: 12px;
}

/* 8. Fix Woo Forms specific (from screenshot) */
.woocommerce form.login, 
.woocommerce form.register {
    background: var(--apex-surface, #141414) !important;
    border: 1px solid var(--apex-border, #2a2a2a) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    margin: 40px auto !important;
    max-width: 500px !important;
}

.woocommerce-form-login label,
.woocommerce-form-register label {
    color: var(--apex-text-muted, #a3a3a3) !important;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

/* Fix Blog Post Titles */
.entry-title a {
    color: var(--apex-text, #ffffff) !important;
}
.entry-title a:hover {
    color: var(--apex-accent, #ff2a2a) !important;
}

/* General Layout Fixes */
.ast-container, .site-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}