/* =========================================================
   ARQUETIPO THEME - BASE STYLES & OVERRIDES
   ========================================================= */

/* --- 1. OVERRIDES DE BOOTSTRAP (Color Principal: #4f95ca) --- */
#topnav .navbar-custom {
    background-color: #4f95ca !important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding-left: 0;
}

#topnav .navigation-menu > li .submenu li a:hover {
    color: #4f95ca;
}

/* --- 2. ELEMENTOS GLOBALES --- */
hr {
    border: 2px solid #4f95ca !important;
}

/* Tablas con borde corporativo */
table {
    border: #4f95ca 1px solid !important;
}

td, th {
    text-align: center !important;
}

/* Tarjetas con borde doble */
.card-color {
    border: 7px double #4f95ca !important;
}

.text {
    padding: 5px;
}

/* --- 3. PANTALLA DE CARGA (SPLASHSCREEN) --- */
.splashscreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: white;
    z-index: 9999;
}

    .splashscreen h1 {
        text-align: center;
        margin-top: 150px;
    }

/* --- 4. PAGINACIÓN --- */
.page-link {
    color: #4f95ca;
}

.page-item.active .page-link {
    background-color: #4f95ca;
    border-color: #4f95ca;
}

/* --- 5. BOTONES --- */
.btn-primary {
    background-color: #4f95ca;
    border: 1px solid #4f95ca;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active,
    .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-color: #4557e5;
        border: 1px solid #4557e5;
    }

/* --- 6. AJUSTES DATATABLES RESPONSIVE --- */
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
    white-space: normal !important;
    text-align: center !important;
}

@media (max-width: 576px) {
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin-top: 0.5rem !important;
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            flex-wrap: wrap !important;
            justify-content: center !important;
        }

            div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
                margin: 2px 4px !important;
            }
}

/* --- 7. TOMSELECT — OVERRIDE DE COLISIÓN CON .SPINNER DEL TEMA --- */
/* Mannatthemes define .spinner sin scope con position:absolute 
   y desplazamiento centrado que afecta el spinner de carga AJAX.
   Además usa :before (no ::after) para el ring azul animado. */
.ts-dropdown .spinner {
    position: static !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

    .ts-dropdown .spinner::before {
        content: none !important;
    }

    .ts-dropdown .spinner::after {
        position: static !important;
        top: auto !important;
        left: auto !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        background-color: transparent !important;
    }