/* ============================================================
   Paleta Distribuidora Milking
   Azul marino  #012A78   (primary)
   Naranja      #F18A0C   (acento)
   Sobreescribe el color "primary" de AdminLTE.
   Cargar DESPUÉS de adminlte.css
   ============================================================ */
:root {
    --milking-navy:        #012A78;
    --milking-navy-dark:   #001C54;
    --milking-navy-light:  #1E47A0;
    --milking-orange:      #F18A0C;
    --milking-orange-dark: #D5780A;
    --primary:             #012A78;
}

/* ---------- Fondos / botones / badges primary ---------- */
.bg-primary,
.bg-gradient-primary {
    background-color: var(--milking-navy) !important;
    background-image: none !important;
}
.bg-primary, .bg-gradient-primary { color: #fff !important; }

.btn-primary {
    background-color: var(--milking-navy);
    border-color: var(--milking-navy);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--milking-navy-dark) !important;
    border-color: var(--milking-navy-dark) !important;
}
.btn-outline-primary {
    color: var(--milking-navy);
    border-color: var(--milking-navy);
}
.btn-outline-primary:hover {
    background-color: var(--milking-navy);
    border-color: var(--milking-navy);
    color: #fff;
}

.badge-primary { background-color: var(--milking-navy); }
.text-primary  { color: var(--milking-navy) !important; }
.border-primary { border-color: var(--milking-navy) !important; }

/* ---------- Cards ---------- */
.card-primary:not(.card-outline) > .card-header {
    background-color: var(--milking-navy);
    border-color: var(--milking-navy);
}
.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
    color: #fff;
}
.card-outline.card-primary { border-top-color: var(--milking-navy); }

/* ---------- Navbar (navbar-primary) ---------- */
.navbar-primary {
    /* Barra superior en NARANJA para diferenciar el modulo de logistica */
    background-color: var(--milking-orange) !important;
}
.navbar-primary .nav-link,
.navbar-primary .navbar-brand,
.navbar-primary .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .9) !important;
}
.navbar-primary .nav-link:hover { color: #fff !important; }

/* ---------- Sidebar (acento naranja en el activo) ---------- */
.brand-link {
    /* Cabecera del logo en NARANJA para que toda la barra superior sea continua */
    background-color: var(--milking-orange) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
}
.brand-link .brand-text { color: #fff !important; }

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active:focus,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active:hover {
    background-color: var(--milking-orange);
    color: #fff;
    box-shadow: none;
}
.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
    background-color: var(--milking-navy-light) !important;
    color: #fff !important;
}

/* ---------- Enlaces y estados ---------- */
a { color: var(--milking-navy); }
a:hover { color: var(--milking-navy-dark); }

.page-item.active .page-link {
    background-color: var(--milking-navy);
    border-color: var(--milking-navy);
}
.page-link { color: var(--milking-navy); }

/* Checkboxes / radios marcados */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--milking-navy);
    border-color: var(--milking-navy);
}

/* ---------- Acentos en naranja ---------- */
.text-orange, .text-acento { color: var(--milking-orange) !important; }
.bg-orange, .bg-acento { background-color: var(--milking-orange) !important; color: #fff !important; }
.btn-orange, .btn-acento {
    background-color: var(--milking-orange);
    border-color: var(--milking-orange);
    color: #fff;
}
.btn-orange:hover, .btn-acento:hover {
    background-color: var(--milking-orange-dark);
    border-color: var(--milking-orange-dark);
    color: #fff;
}
.border-left-orange { border-left: 4px solid var(--milking-orange) !important; }

/* Títulos de módulo (text-primary en encabezados) ya quedan en navy */

/* ---------- Sidebar: solo el logo (sin texto) ---------- */
.brand-link.brand-solo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 6px;
    height: auto;
    min-height: 57px;
}
.brand-logo-full {
    max-height: 42px;
    width: auto;
    max-width: 92%;
    opacity: 1;
}
/* Cuando el menú se colapsa, encoger el logo para que quepa */
.sidebar-collapse .brand-logo-full { max-height: 34px; max-width: 100%; }

/* ---------- Login con acento de marca ---------- */
.login-page .card,
.register-page .card {
    border-top: 3px solid var(--milking-navy);
}
.login-logo img,
.register-logo img {
    max-height: 95px;
    width: auto;
}
.login-box, .register-box { width: 380px; }

/* Estatus Procesado: badge naranja (no existe en Bootstrap por defecto) */
.badge-orange { background-color: var(--milking-orange); color: #fff; }
.small-box.bg-orange { color: #fff; }


/* Estatus "Preparado" */
.badge-teal { background-color:#2bbbad; color:#fff; }
.bg-teal { background-color:#2bbbad !important; color:#fff !important; }
.text-teal { color:#2bbbad !important; }