@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --gold: #d4af37;
    --gold-light: #f5df8b;
    --gold-deep: #bc8f27;
    --charcoal: #1a1a1a;
    --ink: #2d2d2d;
    --ink-light: #555555;
    --ink-muted: #888888;
    --paper: #ffffff;
    --paper-elevated: #fcfcfc;
    --border: #eaecf0;
    --success: #12b76a;
}

/* Force dark theme on body if WooCommerce */
body.woocommerce-page {
    background-color: var(--charcoal) !important;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

body.woocommerce-page h1, 
body.woocommerce-page h2, 
body.woocommerce-page h3, 
body.woocommerce-page h4, 
body.woocommerce-page h5, 
body.woocommerce-page h6 {
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Reset default theme main wrappers */
.woocommerce-page .site-main,
.woocommerce-page .wp-site-blocks,
.woocommerce-page .wp-block-group {
    background-color: transparent !important;
    color: inherit !important;
}

/* Forms, Tables, Order Details in dark mode */
.woocommerce-page table.shop_table, 
.woocommerce-page table.shop_table th, 
.woocommerce-page table.shop_table td {
    border-color: rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    background: transparent !important;
}

.woocommerce-page table.shop_table th {
    background-color: rgba(255,255,255,0.05) !important;
}

.woocommerce-page .woocommerce-order-details,
.woocommerce-page .woocommerce-customer-details,
.woocommerce-page .woocommerce-MyAccount-content {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
}

.woocommerce-page .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}

.woocommerce-page .woocommerce-MyAccount-navigation li {
    margin-bottom: 0.5rem;
}

.woocommerce-page .woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 1rem;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    color: var(--gold) !important;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.1);
    transition: all 0.3s;
}

.woocommerce-page .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-page .woocommerce-MyAccount-navigation li.is-active a {
    background: var(--gold);
    color: var(--charcoal) !important;
}

/* WooCommerce Notices */
.woocommerce-page .woocommerce-message, 
.woocommerce-page .woocommerce-info {
    border-top-color: var(--gold) !important;
    background-color: rgba(255,255,255,0.05) !important;
    color: #ffffff !important;
    border-radius: 8px;
}

.woocommerce-page .woocommerce-message::before, 
.woocommerce-page .woocommerce-info::before {
    color: var(--gold) !important;
}

.woocommerce-page .woocommerce-error {
    border-top-color: #f44336 !important;
    background-color: rgba(255,255,255,0.05) !important;
    color: #ffffff !important;
    border-radius: 8px;
}

/* Links & Buttons */
.woocommerce-page a {
    color: var(--gold);
    text-decoration: none;
}

.woocommerce-page a:hover {
    color: var(--gold-light);
}

.woocommerce-page a.button, 
.woocommerce-page button.button, 
.woocommerce-page input.button,
.woocommerce-page #respond input#submit {
    background-color: var(--gold) !important;
    color: var(--charcoal) !important;
    border-radius: 50px !important;
    padding: 1rem 2rem !important;
    font-weight: 700 !important;
    border: none !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
}

.woocommerce-page a.button:hover, 
.woocommerce-page button.button:hover, 
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover {
    background-color: var(--gold-light) !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
    transform: translateY(-2px);
}

/* Inputs */
.woocommerce-page input.input-text, 
.woocommerce-page textarea {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 0.8rem !important;
}

.woocommerce-page input.input-text:focus, 
.woocommerce-page textarea:focus {
    border-color: var(--gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2) !important;
}

/* Order Again / Downloads buttons */
.woocommerce-page .order-again .button,
.woocommerce-page .woocommerce-button.button.view {
    font-size: 0.85rem !important;
    padding: 0.5rem 1rem !important;
}

/* Hide default theme header and footer on WooCommerce pages for a frictionless funnel */
.woocommerce-page header.wp-block-template-part,
.woocommerce-page footer.wp-block-template-part,
.woocommerce-page header#masthead,
.woocommerce-page footer#colophon,
.woocommerce-page .site-header,
.woocommerce-page .site-footer,
.woocommerce-page .wp-site-blocks > header,
.woocommerce-page .wp-site-blocks > footer,
.woocommerce-page footer:not(.fse-custom-footer),
.woocommerce-form-coupon-toggle,
form.checkout_coupon {
    display: none !important;
}

/* Add custom footer styles so we can inject ours */
.fse-custom-footer {
    padding: 3rem 1.5rem;
    text-align: center;
    background-color: var(--charcoal);
    border-top: 1px solid rgba(255,255,255,0.05);
    margin-top: 4rem;
}
.fse-custom-footer-logo {
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: 1rem;
    color: #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
}
.fse-custom-footer-logo span {
    color: var(--gold);
}
.fse-custom-footer-nav {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}
.fse-custom-footer-nav a {
    color: var(--ink-muted) !important;
    font-size: 0.9rem;
    text-decoration: none;
    font-family: 'Plus Jakarta Sans', sans-serif;
}
.fse-custom-footer-nav a:hover {
    color: var(--gold) !important;
}
.fse-custom-footer-copy {
    color: var(--ink-muted);
    font-size: 0.85rem;
    font-family: 'Plus Jakarta Sans', sans-serif;
}