/* =========================================================
GGBV SOVEREIGN NODE THEME
Architecture: Dark Mode + Gold Accents (Glassmorphism)
=========================================================
*/

/* Import the Sovereign Typography */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap');

:root {
    /* Base Backgrounds - Deep Dark */
    --btcpay-body-bg: #050505;
    --btcpay-bg-color: #050505;
    
    /* Typography Colors */
    --btcpay-body-text-color: #f8fafc;
    --btcpay-body-text-muted: #94a3b8;
    
    /* The Sovereign Gold / Yellow Accent */
    --btcpay-brand-primary: #eab308;
    --btcpay-primary: #eab308;
    --btcpay-primary-text-color: #000000;
    --btcpay-primary-border: #eab308;
    
    /* Navigation / Header */
    --btcpay-header-bg: #050505;
    --btcpay-header-text: #f8fafc;
    
    /* Cards and Containers (Glassmorphism feel) */
    --btcpay-card-bg: rgba(15, 23, 42, 0.4);
    --btcpay-bg-tile: rgba(15, 23, 42, 0.4);
    --btcpay-border-color: rgba(255, 215, 0, 0.15);
    
    /* Global Font Override */
    --btcpay-font-family-base: 'Plus Jakarta Sans', sans-serif;
}

/* Force Typography Globally */
body, h1, h2, h3, h4, h5, h6, .navbar-brand, .btn, .nav-link {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.text-monospace, code, pre {
    font-family: 'JetBrains Mono', monospace !important;
}

/* Button Overrides - Aggressive Styling
   Making primary buttons look like gold bars 
*/
.btn-primary {
    background-color: #eab308 !important;
    border-color: #eab308 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-radius: 0.5rem !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 0 15px rgba(234, 179, 8, 0.1) !important;
}

.btn-primary:hover {
    transform: scale(1.02);
    box-shadow: 0 0 20px rgba(234, 179, 8, 0.3) !important;
}

/* Input Fields - Stealth Mode
*/
.form-control, .form-select {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 215, 0, 0.2) !important;
    color: #f8fafc !important;
    border-radius: 0.5rem !important;
}

.form-control:focus, .form-select:focus {
    border-color: #eab308 !important;
    box-shadow: 0 0 0 0.25rem rgba(234, 179, 8, 0.15) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Card & Panel Overrides
*/
.card {
    background: rgba(15, 23, 42, 0.4) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 215, 0, 0.1) !important;
    border-radius: 1rem !important;
}

.card-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 215, 0, 0.1) !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em;
}

/* Checkout Page Specific Overrides */
.payment-box {
    background-color: #050505 !important;
    border: 1px solid rgba(255, 215, 0, 0.2) !important;
}