/* ============================================================
   THEME VARIABLES (DARK MODE DEFAULT)
   ============================================================ */

:root {
    --bg: #0d0d0d;
    --text: #f5f5f5;
    --text-secondary: #d4d4d4;

    --gold: #d4af37;
    --panel: #050505;
    --input-bg: #111111;
    --shadow-gold: rgba(212,175,55,0.45);

    --link: #d4af37;
    --link-hover: #f7d774;
    --highlight-bg: #222;
    --highlight-text: #ffffff;

    --card-bg: #0a0a23;
    --border-color: #d4af37;

    --toggle-bg: var(--gold);
    --toggle-text: #000;
    --toggle-shadow: rgba(212,175,55,0.65);
}

/* ============================================================
   GLOBAL LAYOUT
   ============================================================ */

body > div {
    /* max-width: 100% !important; */
}

/* ============================================================
   SAFE-MODE: GLOBAL MOBILE URL WRAP FIX
   ============================================================ */
@media (max-width: 768px) {
    a {
        word-break: break-all !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
    }
}

/* ============================================================
   SAFE-MODE: KEEP COLUMN TEXT INSIDE CONTAINER ON MOBILE
   ============================================================ */
@media (max-width: 768px) {

    .row,
    .columns,
    .product-columns,
    .footer-col,
    .wp-block-columns,
    .elementor-row {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .row > div,
    .columns > div,
    .product-columns > div,
    .footer-col > div,
    .wp-block-column,
    .elementor-column,
    .elementor-widget-container {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
        white-space: normal !important;
    }
}

/* ============================================================
   DARK MODE BASE
   ============================================================ */

html {
    background:#000;
    color:#fff;
    transition: background 0.3s ease, color 0.3s ease;
}

/* ============================================================
   LIGHT MODE BASE
   ============================================================ */

html.light,
html.light body {
    background:#ffffff !important;
    color:#000000 !important;
}

/* Gold buttons invert */
html.light .gold-btn {
    background:#000 !important;
    color:#ffcc00 !important;
    border-color:#ffcc00 !important;
    box-shadow:0 0 20px rgba(0,0,0,0.4) !important;
}

/* Containers */
html.light .gold-menu-wrapper,
html.light .footer-wrapper,
html.light .footer-bottom,
html.light .footer-col,
html.light .footer-columns,
html.light main,
html.light section,
html.light div {
    background-color:#ffffff !important;
    color:#000000 !important;
}

/* Headings */
html.light h1,
html.light h2,
html.light h3,
html.light h4,
html.light h5,
html.light h6 {
    color:#000000 !important;
}

/* Paragraphs */
html.light p {
    color:#000000 !important;
}

/* Links */
html.light a {
    color:#000000 !important;
}

/* Footer policy buttons */
html.light .footer-policy-links a {
    background:#000000 !important;
    color:#ffcc00 !important;
    border:2px solid #ffcc00 !important;
}

/* ============================================================
   NUCLEAR OVERRIDE — ENSURES FULL PAGE SWITCHES
   ============================================================ */

html.light *,
html.light body {
    background-color:#ffffff !important;
    color:#000000 !important;
    border-color:#000000 !important;
    box-shadow:none !important;
}

/* ============================================================
   UNIVERSAL CENTERING FOR ALL INLINE GOLD FRAMES
   ============================================================ */
@media (max-width: 2000px) {

    /* Match ANY inline gold frame, regardless of spacing */
    div[style*="border"][style*="#ffcc00"],
    div[style*="box-shadow"][style*="#ffcc00"] {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ============================================================
   GLOBAL OVERRIDE — MAKE ALL TEXT LINKS GOLD (NO UNDERLINE)
   ============================================================ */

/* All links that are NOT buttons */
a:not([style*="background"]):not(.gold-btn):not(.button):not(.nav-btn):not(.menu-btn) {
    color: var(--gold) !important;
    text-decoration: none !important;
}

a:not([style*="background"]):not(.gold-btn):not(.button):not(.nav-btn):not(.menu-btn):hover {
    color: #f7d774 !important;
    text-decoration: none !important;
}

/* ============================================================
   GLOBAL OVERRIDE — MAKE ALL TEXT LINKS GOLD (NO UNDERLINE)
   ============================================================ */

a:not(.gold-btn):not(.button):not(.nav-btn):not(.menu-btn):not([style*="background"]) {
    color: #D4AF37 !important;
    text-decoration: none !important;
}

a:not(.gold-btn):not(.button):not(.nav-btn):not(.menu-btn):not([style*="background"]):hover {
    color: #f7d774 !important;
    text-decoration: none !important;
}