/* ===========================================================================
   Don Juan Estepa — piel del panel de administración
   ---------------------------------------------------------------------------
   Este archivo es el "skin" que la plantilla ya cargaba al final (id
   colorSkinCSS) y que venía vacío. Se sobreescribe aquí la paleta heredada de
   La Flor (morado #884ffb, azul #2e4765/#2A3951, rojo #EB3F2F) por el negro y
   dorado de la marca. style1.css NO se toca: para volver atrás basta con
   vaciar este archivo.

   Paleta tomada del prototipo aprobado, la misma que usan la tienda y la app.
   =========================================================================== */

:root {
    --dj-gold:        #C4A052;
    --dj-gold-dark:   #a5863a;
    --dj-gold-soft:   rgba(196, 160, 82, .12);
    --dj-dark:        #1c1c1c;
    --dj-darker:      #141414;
    --dj-bg:          #f6f3ed;
    --dj-border:      #e6ded0;
    --dj-text:        #2a2a2a;
}

/* --- Fondo general ------------------------------------------------------- */
body { background: var(--dj-bg); color: var(--dj-text); }

/* --- Barra lateral ------------------------------------------------------- */
.sidebar { background: var(--dj-dark); box-shadow: 0 12px 30px rgba(0, 0, 0, .18); }
.sidebar .logo {
    background: var(--dj-dark);
    border-bottom: 1px solid rgba(196, 160, 82, .22);
}
.sidebar .single_sidebar_tittle:hover { background-color: rgba(255, 255, 255, .05); }
.sidebar .single_sidebar_tittle a::before { background: var(--dj-gold); }

/* Elemento activo: fondo dorado translúcido y filete dorado a la izquierda */
.sidebar #sidebar_menu > li a.active,
.sidebar #sidebar_menu > li.mm-active > a {
    background: var(--dj-gold-soft);
    color: var(--dj-gold);
    box-shadow: inset 3px 0 0 var(--dj-gold);
}
.sidebar #sidebar_menu > li.mm-active > a i,
.sidebar #sidebar_menu > li.mm-active > a::after { color: var(--dj-gold); }

.sidebar #sidebar_menu > li a:hover { background: rgba(255, 255, 255, .05); }

/* Submenús desplegables */
.sidebar #sidebar_menu > li ul { background: var(--dj-darker); }
.sidebar #sidebar_menu > li ul li a { color: #cfc9bd; }
.sidebar #sidebar_menu > li ul li a:hover { color: var(--dj-gold); }

/* Iconos del menú: son PNG blancos, se dejan tal cual sobre el negro */

/* --- Cabecera superior --------------------------------------------------- */
.header_iner {
    background: #fff;
    border: 0;
    border-bottom: 2px solid var(--dj-gold);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
}
.header_iner.default_header { background: var(--dj-dark); }
.header_right { border-right-color: var(--dj-border); }
.admin-profile p { color: var(--dj-gold-dark); font-weight: 600; }
.profile_info .profile_info_iner .profile_author_name {
    background-image: linear-gradient(to bottom right, var(--dj-gold), var(--dj-gold-dark));
}
.profile_info_details a:hover { color: var(--dj-gold-dark); }

/* --- Tarjetas ------------------------------------------------------------ */
.white_card, .white_box_50px {
    border: 1px solid var(--dj-border);
    box-shadow: 0 2px 10px rgba(28, 28, 28, .04);
}

/* Cifras de los contadores del Resumen (antes rojo #EB3F2F) */
.user_crm_wrapper .single_crm .crm_body h4 { color: var(--dj-gold-dark); }
.user_crm_wrapper .single_crm {
    border: 1px solid var(--dj-border);
    transition: border-color .2s ease, box-shadow .2s ease;
}
.user_crm_wrapper .single_crm:hover {
    border-color: var(--dj-gold);
    box-shadow: 0 6px 18px rgba(196, 160, 82, .16);
}

/* --- Botones ------------------------------------------------------------- */
.btn_1,
.btn-primary,
.btn-success,
.btn_1.orange_btn,
.status_btn:not(.yellow_btn):not([style*="background"]) {
    background: var(--dj-gold) !important;
    background-color: var(--dj-gold) !important;
    border-color: var(--dj-gold) !important;
    color: #fff !important;
}
.btn_1:hover,
.btn-primary:hover,
.btn-success:hover,
.btn_1.orange_btn:hover,
.status_btn:not(.yellow_btn):not([style*="background"]):hover,
.btn-primary:focus,
.btn-success:focus {
    background: var(--dj-gold-dark) !important;
    background-color: var(--dj-gold-dark) !important;
    border-color: var(--dj-gold-dark) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(196, 160, 82, .3) !important;
}

/* Variantes "outline" que usan las pantallas de listado */
.btn-success-outline,
.btn_1.light {
    background: transparent !important;
    border: 1px solid var(--dj-gold) !important;
    color: var(--dj-gold-dark) !important;
}
.btn-success-outline:hover,
.btn_1.light:hover {
    background: var(--dj-gold-soft) !important;
    color: var(--dj-gold-dark) !important;
}

/* Se respetan los botones semánticos de peligro/aviso: borrar sigue en rojo */

/* --- Enlaces ------------------------------------------------------------- */
a { color: var(--dj-gold-dark); }
a:hover { color: var(--dj-gold); }
.sidebar a, .sidebar a:hover { color: inherit; }

/* --- Tablas -------------------------------------------------------------- */
.QA_section .QA_table .table thead th {
    color: var(--dj-dark);
    background: #faf7f1;
    border-bottom: 2px solid var(--dj-gold) !important;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.QA_section .QA_table tbody tr:hover { background: rgba(196, 160, 82, .05); }
.table-bordered > :not(caption) > * > * { border-color: var(--dj-border); }

/* --- Paginación de DataTables -------------------------------------------- */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid var(--dj-gold) !important;
    background-color: var(--dj-gold) !important;
    color: #fff !important;
    box-shadow: 0 5px 10px rgba(196, 160, 82, .18) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--dj-gold-soft) !important;
    color: var(--dj-gold-dark) !important;
}
#DataTables_Table_0_info { color: var(--dj-gold-dark); }

/* --- Formularios --------------------------------------------------------- */
.form-control:focus,
.form-select:focus {
    border-color: var(--dj-gold);
    box-shadow: 0 0 0 .2rem rgba(196, 160, 82, .18);
}
.form-check-input:checked {
    background-color: var(--dj-gold);
    border-color: var(--dj-gold);
}
.select2-container--bootstrap-5 .select2-selection--single:focus,
.select2-container--bootstrap-5.select2-container--focus .select2-selection {
    border-color: var(--dj-gold) !important;
    box-shadow: 0 0 0 .2rem rgba(196, 160, 82, .18) !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__option--highlighted {
    background-color: var(--dj-gold) !important;
}

/* --- Títulos y migas ----------------------------------------------------- */
.main-titles h5, .page_title_box h3 { color: var(--dj-dark); font-weight: 600; }
.breadcrumb.page_bradcam.default_bradcam li a { color: var(--dj-gold-dark); }

/* --- Degradado morado suelto de la plantilla ----------------------------- */
.CRM_dropdown.dropdown .dropdown-toggle:hover,
.CRM_dropdown.dropdown .dropdown-toggle:focus {
    background: linear-gradient(90deg, var(--dj-gold-dark) 0%, var(--dj-gold) 100%);
}