/* ============================================================
   BTCPay Server Custom Theme: PayByBTC (Vibrant Gold Edition)
   Versión 2.0: FINAL ESTABLE - Branding, Asimetría y Refinamiento
   ============================================================ */

:root {
    --gold-vibrant: #F2994A;
    --gold-light: #F2C94C;
    --sidebar-bg: #ffffff;
    --sidebar-text: #2c3e50;
    color-scheme: light !important;
}

/* 1. FORZAR MODO CLARO GLOBAL */
body, [data-bs-theme="dark"], [data-bs-theme="light"] {
    background-color: #f8f9fa !important;
    color: #212529 !important;
}
.theme-switch, #ThemeSelector { display: none !important; }

/* 2. MENÚ LATERAL (SIDEBAR) */
.sidebar, aside.sidebar, #mainNav {
    background-color: var(--sidebar-bg) !important;
    border-right: 1px solid #e9ecef !important;
}

.nav-link {
    color: var(--sidebar-text) !important;
    font-weight: 500 !important;
}

.nav-link:hover, .nav-link.active {
    color: var(--gold-vibrant) !important;
    background-color: rgba(242, 153, 74, 0.08) !important;
}

/* 3. LOGOS: EFECTO DE SOMBRA DORADA */
.navbar-brand img, .sidebar-brand img, .header-logo img, img[src*="logo"] {
    filter: drop-shadow(0px 0px 8px rgba(242, 153, 74, 0.6)) !important;
    transition: transform 0.3s ease !important;
}

/* 4. BOTONES PRINCIPALES CON DEGRADADO */
.btn-primary, .btn-success, #CreateInvoice, .btn-grad, .btn-save {
    background-image: linear-gradient(to right, #F2994A 0%, #F2C94C 51%, #F2994A 100%) !important;
    background-size: 200% auto !important;
    color: white !important;
    text-transform: uppercase;
    font-weight: 600;
    border: none !important;
    transition: 0.5s !important;
    border-radius: 8px !important;
}

/* 5. DISEÑO ASIMÉTRICO: BOTÓN SIGN IN */
#LoginButton {
    border-radius: 8px 0 0 8px !important;
}

.btn-primary:hover, .btn-success:hover {
    background-position: right center !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(242, 153, 74, 0.3) !important;
}

/* 6. BOTÓN DE CÁMARA (REFINADO 1PX + HOVER) */
button[data-bs-target="#scanModal"].btn-outline-primary {
    background: transparent !important;
    color: var(--gold-vibrant) !important;
    border: 1px solid var(--gold-vibrant) !important;
    transition: all 0.4s ease !important;
}

button[data-bs-target="#scanModal"].btn-outline-primary:hover {
    background-image: linear-gradient(to right, #F2994A 0%, #F2C94C 51%, #F2994A 100%) !important;
    color: white !important;
    border-color: transparent !important;
    background-position: right center !important;
}

/* 7. TIPOGRAFÍA LOGIN (0.9rem) */
h1.h2.mb-3 {
    font-size: 0.9rem !important;
    margin-top: 0.5rem !important;
}

/* 8. BRANDING PERSONALIZADO EN FACTURA (INVOICE) */
.store-powered-by {
    font-size: 0 !important;
    color: transparent !important;
    text-decoration: none !important;
    pointer-events: none !important; /* Desactiva el link original */
    cursor: default !important;
    display: block !important;
    margin: 20px 0 !important;
    line-height: 0 !important;
}

.store-powered-by svg {
    display: none !important; /* Elimina el logo original de BTCPay */
}

.store-powered-by::before {
    content: "Proporcionado por ";
    font-size: 0.85rem !important;
    color: #6c757d !important;
    visibility: visible;
    line-height: normal !important;
}

.store-powered-by::after {
    content: "PayByBTC.app";
    font-size: 0.85rem !important;
    color: var(--gold-vibrant) !important;
    font-weight: 700 !important;
    visibility: visible;
    line-height: normal !important;
    text-shadow: 0px 0px 10px rgba(242, 153, 74, 0.5) !important; /* Efecto Glow */
    letter-spacing: 0.5px;
}