/* Estilos propios de Flemington (complementan Tabler) */

.loader-overlay {
    position: fixed; inset: 0; z-index: 2000;
    background: rgba(0, 0, 0, .25);
    display: flex; align-items: center; justify-content: center;
}

/* Ajustes Select2 en modo oscuro */
[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
    background-color: var(--tblr-bg-forms, #151f2c);
    color: var(--tblr-body-color);
    border-color: var(--tblr-border-color);
}
[data-bs-theme="dark"] .select2-dropdown {
    background-color: #182433; color: #dce1e7; border-color: var(--tblr-border-color);
}

/* Tabla de detalle de cotizacion */
.tabla-detalle input[type=number] { max-width: 90px; }
.tabla-detalle .form-control { min-width: 70px; }

/* Vista de impresion */
@media print {
    .d-print-none, .navbar, aside, footer, #loader { display: none !important; }
    body { background: #fff !important; }
}

/* Editor de texto enriquecido simple */
.rte-toolbar .btn { padding: .25rem .5rem; }
.rte-area {
    min-height: 180px; border: 1px solid var(--tblr-border-color);
    border-radius: 0 0 var(--tblr-border-radius) var(--tblr-border-radius);
    padding: .75rem; background: var(--tblr-bg-forms, #fff);
}
.rte-area:focus { outline: 2px solid var(--tblr-primary); }

/* =====================================================
   Identidad Flemington: paleta dorada del logo
   Oro principal #C9A227 · Oro oscuro #A8861D · Fondo profundo #14161F
   ===================================================== */
:root {
    --fl-oro: #c9a227;
    --fl-oro-oscuro: #a8861d;
    --fl-oro-claro: #e6c65a;
    --fl-tinta: #241c04;
    --tblr-primary: var(--fl-oro);
    --tblr-primary-rgb: 201, 162, 39;
    --tblr-link-color: #a8861d;
    --tblr-link-hover-color: #8a6d15;
}
[data-bs-theme="dark"] {
    --tblr-link-color: #e6c65a;
    --tblr-link-hover-color: #f0d67d;
}

/* Botones primarios en oro con texto oscuro (mejor contraste) */
.btn-primary {
    --tblr-btn-bg: var(--fl-oro);
    --tblr-btn-border-color: var(--fl-oro);
    --tblr-btn-hover-bg: var(--fl-oro-oscuro);
    --tblr-btn-hover-border-color: var(--fl-oro-oscuro);
    --tblr-btn-active-bg: var(--fl-oro-oscuro);
    --tblr-btn-active-border-color: var(--fl-oro-oscuro);
    --tblr-btn-color: var(--fl-tinta);
    --tblr-btn-hover-color: var(--fl-tinta);
    --tblr-btn-active-color: var(--fl-tinta);
    font-weight: 600;
}
.bg-primary { background-color: var(--fl-oro) !important; }
.text-primary { color: var(--fl-oro-oscuro) !important; }
[data-bs-theme="dark"] .text-primary { color: var(--fl-oro-claro) !important; }
.bg-primary-lt { background-color: rgba(201, 162, 39, .15) !important; color: var(--fl-oro-oscuro) !important; }

/* Barra lateral profunda con acentos dorados */
aside.navbar-vertical {
    background: linear-gradient(180deg, #14161f 0%, #1a1c26 100%) !important;
}
aside.navbar-vertical .nav-item.active .nav-link,
aside.navbar-vertical .nav-link:hover {
    color: var(--fl-oro-claro) !important;
}
aside.navbar-vertical .nav-item.active {
    box-shadow: inset 3px 0 0 var(--fl-oro);
}
.marca-dorada {
    font-weight: 700;
    letter-spacing: .08em;
    background: linear-gradient(120deg, #a8861d, #e6c65a 45%, #c9a227);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Elementos de foco y seleccion */
.form-control:focus, .form-select:focus {
    border-color: var(--fl-oro);
    box-shadow: 0 0 0 .25rem rgba(201, 162, 39, .18);
}
.page-link { color: var(--fl-oro-oscuro); }
.page-item.active .page-link {
    background-color: var(--fl-oro);
    border-color: var(--fl-oro);
    color: var(--fl-tinta);
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection {
    border-color: var(--fl-oro) !important;
    box-shadow: 0 0 0 .25rem rgba(201, 162, 39, .18) !important;
}
.spinner-border.text-primary { color: var(--fl-oro) !important; }