/* ================================================================
   VILLACO ADMIN — Custom Jazzmin Overrides  v3
   Brand Primary : #0D2D96  (deep navy blue)
   Brand Accent  : #E8A020  (gold)
   KILL ALL TEAL/CYAN — replace with brand blue
   ================================================================ */

/* ── 0. KILL TEAL/CYAN globally — AdminLTE uses these everywhere ── */
.bg-info,
.badge-info,
.alert-info {
    background-color: #0D2D96 !important;
}

.text-info {
    color: #0D2D96 !important;
}

.border-info {
    border-color: #0D2D96 !important;
}

.btn-info {
    background: #0D2D96 !important;
    border-color: #0D2D96 !important;
    color: #fff !important;
}

.btn-info:hover {
    background: #0a2278 !important;
    border-color: #0a2278 !important;
    color: #fff !important;
}

/* teal/cyan explicit hex kills */
[style*="background-color: #17a2b8"],
[style*="background: #17a2b8"],
[style*="background-color:#17a2b8"],
[style*="background:#17a2b8"] {
    background-color: #0D2D96 !important;
}

/* ── 1. SIDEBAR background ── */
.main-sidebar,
.main-sidebar .sidebar {
    background: linear-gradient(180deg, #0b2580 0%, #071a60 100%) !important;
}

/* ── 2. SIDEBAR nav links ── */
.nav-sidebar .nav-item .nav-link,
.nav-sidebar .nav-item>a {
    color: rgba(255, 255, 255, 0.6) !important;
    border-radius: 8px;
    margin: 1px 8px;
    transition: color .2s, background .2s !important;
}

.nav-sidebar .nav-item .nav-link:hover,
.nav-sidebar .nav-item>a:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .10) !important;
}

.nav-sidebar .nav-item .nav-link.active,
.nav-sidebar .nav-item>a.active {
    color: #fff !important;
    background: rgba(232, 160, 32, .20) !important;
    border-left: 3px solid #E8A020 !important;
    font-weight: 600;
}

/* ── 3. SIDEBAR icons ── */
.nav-sidebar .nav-item .nav-link .nav-icon,
.nav-sidebar .nav-item>a .nav-icon {
    color: rgba(255, 255, 255, .4) !important;
    transition: color .2s !important;
}

.nav-sidebar .nav-item .nav-link:hover .nav-icon,
.nav-sidebar .nav-item>a:hover .nav-icon,
.nav-sidebar .nav-item .nav-link.active .nav-icon {
    color: #E8A020 !important;
}

/* ── 4. SIDEBAR section labels ── */
.nav-sidebar .nav-header {
    color: rgba(255, 255, 255, .30) !important;
    font-size: .65rem !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    padding: 14px 16px 4px !important;
}

/* ── 5. SIDEBAR dots (circles) — kill grey circles ── */
.nav-sidebar .nav-item .nav-link .nav-icon.fa-circle,
.nav-sidebar .nav-item>a .nav-icon.fa-circle {
    font-size: .4rem !important;
}

/* ── 6. BRAND / logo area ── */
.brand-link {
    background: rgba(0, 0, 0, .15) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.brand-link .brand-text {
    color: #fff !important;
    font-weight: 700 !important;
}

/* ── 7. TOP HEADER — white bar, dark text ── */
.main-header.navbar {
    background: #fff !important;
    border-bottom: 3px solid #0D2D96 !important;
    box-shadow: 0 2px 16px rgba(13, 45, 150, .10) !important;
}

/* Hamburger (pushmenu) icon */
[data-widget="pushmenu"],
[data-widget="pushmenu"] i,
[data-widget="pushmenu"] .fas {
    color: #0D2D96 !important;
    font-size: 1.1rem;
}

[data-widget="pushmenu"]:hover {
    background: rgba(13, 45, 150, .08) !important;
    border-radius: 6px;
}

/* All top-bar links */
.main-header .navbar-nav .nav-link,
.main-header .navbar-nav .nav-item>a,
.main-header .navbar-nav>li>a {
    color: #1a2840 !important;
    font-weight: 500 !important;
    transition: color .2s, background .2s !important;
    border-radius: 6px;
}

.main-header .navbar-nav .nav-link:hover,
.main-header .navbar-nav .nav-item>a:hover {
    color: #0D2D96 !important;
    background: rgba(13, 45, 150, .07) !important;
}

/* "View Site" accent */
.main-header .navbar-nav .nav-link[href="/"] {
    color: #E8A020 !important;
    font-weight: 600 !important;
}

/* Top-bar search */
.main-header .form-control-navbar {
    border-color: #d0d7e4 !important;
    color: #1a2840 !important;
    background: #f5f7fb !important;
}

/* ── 8. CONTENT AREA links ── */
.content-wrapper a:not(.btn):not(.brand-link):not(.nav-link):not(.addlink):not(.changelink):not(.deletelink) {
    color: #0D2D96 !important;
    text-decoration: none;
    transition: opacity .15s;
}

.content-wrapper a:not(.btn):not(.brand-link):not(.nav-link):not(.addlink):not(.changelink):not(.deletelink):hover {
    color: #071a60 !important;
    text-decoration: underline;
}

/* ── 9. ADD / CHANGE / DELETE buttons — NUCLEAR override ── */
a.addlink,
td a.addlink,
.model-list a.addlink {
    background: #0D2D96 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 3px 11px !important;
    font-size: .78rem !important;
    font-weight: 600 !important;
    display: inline-block;
    transition: background .2s !important;
}

a.addlink:hover {
    background: #0a2278 !important;
    color: #fff !important;
}

a.changelink,
td a.changelink,
.model-list a.changelink {
    background: rgba(13, 45, 150, .10) !important;
    color: #0D2D96 !important;
    border: 1px solid rgba(13, 45, 150, .25) !important;
    border-radius: 5px !important;
    padding: 3px 11px !important;
    font-size: .78rem !important;
    font-weight: 600 !important;
    display: inline-block;
}

a.changelink:hover {
    background: rgba(13, 45, 150, .18) !important;
}

a.deletelink,
td a.deletelink {
    background: rgba(220, 38, 38, .08) !important;
    color: #dc2626 !important;
    border: 1px solid rgba(220, 38, 38, .25) !important;
    border-radius: 5px !important;
    padding: 3px 11px !important;
    font-size: .78rem !important;
}

a.deletelink:hover {
    background: rgba(220, 38, 38, .16) !important;
}

/* ── 10. MODULE CARDS ── */
.module caption,
.module h2 {
    background: #0D2D96 !important;
    color: #fff !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 10px 16px !important;
    font-size: .85rem !important;
    font-weight: 700 !important;
}

.module {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(13, 45, 150, .08) !important;
    border: 1px solid #e3e8f0 !important;
}

/* ── 11. TABLE hover ── */
.table tbody tr:hover td,
#result_list tbody tr:hover td {
    background: rgba(13, 45, 150, .04) !important;
}

/* ── 12. Submit buttons ── */
.submit-row input[type="submit"],
.submit-row button[type="submit"] {
    background: #0D2D96 !important;
    border-color: #0D2D96 !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

.submit-row input[type="submit"]:hover {
    background: #0a2278 !important;
}

/* ── 13. Recent-actions links ── */
#recent-actions-module a {
    color: #0D2D96 !important;
}

#recent-actions-module a:hover {
    text-decoration: underline !important;
}

/* ── 14. Pagination ── */
.paginator a,
.paginator .this-page {
    color: #0D2D96 !important;
}

/* ── 15. Object-tools (top-right action buttons on list pages) ── */
.object-tools a {
    background: #0D2D96 !important;
    color: #fff !important;
    border-radius: 20px !important;
    padding: 6px 16px !important;
    font-size: .8rem !important;
    font-weight: 600 !important;
}

.object-tools a:hover {
    background: #0a2278 !important;
    color: #fff !important;
}