/* ══════════════════════════════════════════════════════════════════════
   Custom overrides — Suite Menú Inteligente
   ══════════════════════════════════════════════════════════════════════ */

/* ── Color primario: naranja (#e67e22) ──────────────────────────────── */
:root {
    --primary: #fc4b08;
    --secondary: #3F9AE0;
    --primary-hover: #d13e06;
    --primary-dark: #8f2a04;
    --rgba-primary-1: rgba(252, 75, 8, 0.1);
    --rgba-primary-2: rgba(252, 75, 8, 0.2);
    --rgba-primary-3: rgba(252, 75, 8, 0.3);
    --rgba-primary-4: rgba(252, 75, 8, 0.4);
    --rgba-primary-5: rgba(252, 75, 8, 0.5);
    --rgba-primary-6: rgba(252, 75, 8, 0.6);
    --rgba-primary-7: rgba(252, 75, 8, 0.7);
    --rgba-primary-8: rgba(252, 75, 8, 0.8);
    --rgba-primary-9: rgba(252, 75, 8, 0.9);
}

/* Botones */
.btn-primary,
.btn-primary:focus {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}
.btn-outline-primary {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

/* Enlaces, badges e íconos */
a { color: var(--primary); }
a:hover { color: var(--primary-hover); }
.text-primary { color: var(--primary) !important; }
.bg-primary { background-color: var(--primary) !important; }
.badge-primary, .badge.bg-primary { background-color: var(--primary) !important; }
.badge.light.badge-primary { background: var(--rgba-primary-1) !important; color: var(--primary) !important; }

/* Formularios */
.form-control,
.form-select,
textarea.form-control,
input.form-control {
    color: #1f2937 !important;
}
.form-control::placeholder,
.form-select::placeholder {
    color: #9ca3af !important;
    opacity: 1;
}
.form-control:focus,
.form-select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 .25rem var(--rgba-primary-2) !important;
    color: #1f2937 !important;
}
[data-theme-version="dark"] .form-control,
[data-theme-version="dark"] .form-select,
[data-theme-version="dark"] textarea.form-control {
    color: #e5e7eb !important;
}
[data-theme-version="dark"] .form-control::placeholder {
    color: #6b7280 !important;
}
.form-check-input:checked {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* Breadcrumb activo */
.breadcrumb-item.active a,
.breadcrumb-item a { color: var(--primary); }

/* ── Sidebar: menos interlínea ───────────────────────────────────────── */
[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li,
.deznav .metismenu > li {
    padding: 0 0 0 6px !important;
    margin-bottom: 0 !important;
}
[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li > a,
.deznav .metismenu > li > a {
    padding: 4px 14px !important;
    line-height: 1.2;
}
.deznav .metismenu > li > a i {
    font-size: 18px;
    margin-right: 8px;
}
.deznav .metismenu ul a {
    padding: 6px 0 6px 42px !important;
    font-size: 13.5px;
    line-height: 1.3;
}
.deznav .metismenu .nav-label {
    padding: 8px 20px 4px !important;
    font-size: 10.5px;
    letter-spacing: .5px;
    margin-top: 4px;
}
.deznav .copyright {
    padding: 12px 20px !important;
    font-size: 10.5px;
}

/* Hover / activo del sidebar → naranja */
.deznav .metismenu > li > a:hover,
.deznav .metismenu > li.mm-active > a,
.deznav .metismenu > li.active > a {
    color: var(--primary) !important;
}

/* ── Breadcrumb / page-titles más compactos ──────────────────────────── */
.content-body .page-titles {
    padding: 10px 15px !important;
    margin: 0 0 15px !important;
    min-height: 0 !important;
}
.content-body .page-titles .breadcrumb {
    margin-bottom: 0 !important;
    padding: 0 !important;
}
.content-body .page-titles .breadcrumb-item + .breadcrumb-item::before {
    padding: 0 6px;
}

/* ── Brand logo: tamaño razonable si usa imagen ──────────────────────── */
.nav-header .brand-logo .brand-img {
    max-height: 44px;
    max-width: 160px;
    object-fit: contain;
}
/* Por defecto (modo claro): mostrar light, ocultar dark */
.nav-header .brand-logo .logo-dark { display: none; }
.nav-header .brand-logo .logo-light { display: inline-block; }
/* En modo dark: invertir */
[data-theme-version="dark"] .nav-header .brand-logo .logo-light { display: none; }
[data-theme-version="dark"] .nav-header .brand-logo .logo-dark { display: inline-block; }