/* Limpopo theme overrides */

/* Sidebar + brand bar */
.main-sidebar,
.brand-link {
    background-color: rgba(25, 83, 103, 0.9) !important; /* deep green */
    color: #ffffff !important;
}

    .brand-link .brand-text {
        color: #ffffff !important;
    }

/* Active menu item */
.nav-sidebar .nav-link.active {
    background-color: rgba(25, 83, 103, 0.9) !important; /* lighter green */
    color: #ffffff !important;
}

    .nav-sidebar .nav-link.active i {
        color: #ffffff !important;
    }

/* Hover state */
.nav-sidebar .nav-link:hover {
    background-color: rgba(25, 83, 103, 0.9) !important;
    color: #ffffff !important;
}

/* Top navbar */
.main-header.navbar {
    background-color: #fff !important; /* Limpopo yellow */
    border-bottom: none !important;
}

.main-header .nav-link,
.main-header .navbar-nav .nav-link {
    color: #333333 !important;
}

/* Primary buttons in Limpopo green */
.btn-primary,
.btn-success {
    background-color: rgba(25, 83, 103, 0.9) !important;
    border-color: rgba(25, 83, 103, 0.9) !important;
}

    .btn-primary:hover,
    .btn-success:hover {
        background-color: #00512a !important;
        border-color: #00512a !important;
    }

/* Cards � keep white, but accent border in green */
.card-primary:not(.card-outline) {
    background-color: rgba(25, 83, 103, 0.9) !important;
    border-color: rgba(25, 83, 103, 0.9) !important;
}

.card-primary.card-outline {
    border-color: rgba(25, 83, 103, 0.9) !important;
}
/* ==========================================================
   Limpopo public theme overrides for style.css-based pages
   (login / register / public views)
   ========================================================== */

/* Shared palette */
:root {
    --limpo-green: rgba(25, 83, 103, 0.9);
    --limpo-green-light: rgba(25, 83, 103, 0.9);
    --limpo-yellow: #fdb915;
}

/* Links */
body a {
    color: var(--limpo-yellow);
}

    body a:hover,
    body a:active,
    body a:focus {
        color: var(--limpo-green);
        text-decoration: underline;
    }

/* Header */
#header {
    background: #ffffff;
}

    #header.header-scrolled {
        background: #ffffff;
    }

/* Generic buttons / CTAs from style.css */
#intro .btn-get-started,
#login .form button[type="submit"],
#register .form button[type="submit"],
#contact .form button[type="submit"],
.btn {
    background: var(--limpo-green);
    border-color: var(--limpo-green);
    color: #ffffff;
}

    #intro .btn-get-started:hover,
    #login .form button[type="submit"]:hover,
    #register .form button[type="submit"]:hover,
    #contact .form button[type="submit"]:hover,
    .btn:hover {
        background: var(--limpo-green-light);
        border-color: var(--limpo-green-light);
        color: #ffffff;
    }

/* Login extra buttons: Apply for access / Finalise sign up */
#login .form a {
    background: var(--limpo-yellow);
    border: 0;
    color: #000;
}

    #login .form a:hover {
        background: #e0a800;
        color: #000;
    }

/* Success-style buttons that style.css makes orange */
.btn-success {
    background-color: var(--limpo-yellow);
    border-color: var(--limpo-yellow);
    color: #000 !important;
}

    .btn-success:hover {
        background-color: #e0a800;
        border-color: #e0a800;
    }

/* Back-to-top button */
.back-to-top {
    background: var(--limpo-green);
}

    .back-to-top:hover {
        background: var(--limpo-green-light);
    }

/* Footer */
#footer {
    background: #000;
}

    #footer .footer-top {
        background: var(--limpo-green);
    }

        #footer .footer-top h4::after {
            background: var(--limpo-yellow);
        }

        #footer .footer-top .footer-links ul a:hover {
            color: var(--limpo-yellow);
        }

/* Status chips (pipeline bar) */
.status_completed {
    background-color: var(--limpo-yellow);
    border-color: var(--limpo-yellow);
    color: #000;
}

    .status_completed h6,
    .status_completed h6 a {
        color: #000;
    }

.status_current {
    background-color: var(--limpo-green-light);
    border-color: var(--limpo-green-light);
}

    .status_current h6,
    .status_current h6 a {
        color: #fff;
    }

/* ----------------------------------------------------------
   Limpopo overrides for anything coming from site.css
   Keep all province-specific colours here
----------------------------------------------------------- */

/* Sidebar background (AdminLTE layout) */
.main-sidebar {
    background-color: rgba(25, 83, 103, 0.9) !important; /* deep Limpopo green */
    color: #ffffff !important;
}

    /* Sidebar links */
    .main-sidebar .nav-sidebar > .nav-item > .nav-link {
        background-color: rgba(25, 83, 103, 0.9) !important;
        color: #ffffff !important;
    }

        .main-sidebar .nav-sidebar > .nav-item > .nav-link:hover {
            background-color: rgba(25, 83, 103, 0.9) !important; /* slightly lighter green on hover */
            color: #ffffff !important;
        }

/* Just in case anything still uses the old footer from site.css */
#footer .footer-top {
    background: rgba(25, 83, 103, 0.9) !important; /* Limpopo green band */
}

    #footer .footer-top h4::after {
        background: #fdb915 !important; /* Limpopo yellow underline */
    }

    /* Optional: align social hover with Limpopo accent instead of KZN red */
    #footer .footer-top .social-links a:hover {
        background: #fdb915 !important;
        color: rgba(25, 83, 103, 0.9) !important;
    }



/* -------------------------------------------
   Limpopo DataTable Theme
-------------------------------------------- */

/* Table header */
table.dataTable thead th {
    background-color: #f5f7f5 !important;
    color: rgba(25, 83, 103, 0.9) !important; /* deep green */
    font-weight: 600 !important;
    border-bottom: 2px solid rgba(25, 83, 103, 0.9) !important;
}

/* Alternating rows */
table.dataTable tbody tr:nth-child(odd) {
    background-color: #ffffff !important;
}

table.dataTable tbody tr:nth-child(even) {
    background-color: #f0f5f0 !important; /* light Limpopo green tint */
}

/* Hover effect */
table.dataTable tbody tr:hover {
    background-color: #e2f3e6 !important; /* light green hover */
    cursor: pointer;
}

/* Pagination buttons */
.dataTables_paginate .paginate_button {
    border: 1px solid rgba(25, 83, 103, 0.9) !important;
    color: rgba(25, 83, 103, 0.9) !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    background: white !important;
}

    .dataTables_paginate .paginate_button:hover {
        background-color: #e2f3e6 !important;
        color: rgba(25, 83, 103, 0.9) !important;
    }

    .dataTables_paginate .paginate_button.current {
        background-color: rgba(25, 83, 103, 0.9) !important;
        color: #fff !important;
    }

/* Search box + entries dropdown */
.dataTables_filter input,
.dataTables_length select {
    border: 1px solid rgba(25, 83, 103, 0.9) !important;
    border-radius: 4px !important;
    padding: 4px !important;
}

/* Copy / Excel buttons */
.dt-button {
    background-color: rgba(25, 83, 103, 0.9) !important;
    color: #fff !important;
    border: 1px solid #004d2c !important;
    border-radius: 4px !important;
    padding: 5px 12px !important;
}

    .dt-button:hover {
        background-color: #004d2c !important;
        border-color: rgba(25, 83, 103, 0.9) !important;
    }


.btn-primary,
.btn-success {
    background-color: rgba(25, 83, 103, 0.9) !important;
    border-color: rgba(25, 83, 103, 0.9) !important;
    color: #fff !important;
}

/* alles kan nie dieselfde wees nie! */
.btn-info, .btn-default {
    background-color: grey !important; 
    border-color:grey !important;
    color: #fff !important;
}

    .btn-primary:hover,
    .btn-success:hover,
    .btn-info:hover,
    .btn-default:hover {
        background-color: rgba(25, 83, 103, 0.9) !important;
        border-color: rgba(25, 83, 103, 0.9) !important;
    }
.btn-verify {
    background-color: #fdb915 !important;
    color: rgba(25, 83, 103, 0.9) !important;
    border-color: #fdb915 !important;
}

    .btn-verify:hover {
        background-color: #e0a50f !important;
    }
.btn-toggle-filters {
    background-color: rgba(25, 83, 103, 0.9) !important;
    color: #fff !important;
}
.btn-info {
    color: #fff !important;
}
.btn-warning {
    color: #fff !important;
}

.btn-danger {
    background-color: #fff !important;
}


.breadcrumb a {
    color: rgba(25, 83, 103, 0.9) !important;
    font-weight: 600;
}

.breadcrumb .active {
    color: rgba(25, 83, 103, 0.9) !important;
}

/* Global link color override */
/* Limpopo green links in content + footer only */
.content-wrapper a,
.main-footer a,
.card a {
    color: #004f23;
    text-decoration: none;
}

    .content-wrapper a:hover,
    .main-footer a:hover,
    .card a:hover {
        color: #003317;
        text-decoration: underline;
    }

/* Keep sidebar text white regardless of global link styles */
.main-sidebar .nav-link,
.main-sidebar .nav-link i,
.main-sidebar .nav-header {
    color: #ffffff !important;
}

    /* Active + hover already have green backgrounds, so just ensure text stays white */
    .main-sidebar .nav-link:hover,
    .main-sidebar .nav-link.active {
        color: #ffffff !important;
    }


/* Table action links like 'Edit', 'Export', etc */
table a,
.dataTable a {
    color: #ffffff !important;
    background-color: rgba(25, 83, 103, 0.9) !important; /* Limpopo green */
}

    table a:hover,
    .dataTable a:hover {
        color: rgba(25, 83, 103, 0.9) !important;
    }

.env-banner {
    background-color: #f4c430 !important; /* Limpopo mustard */
}

.disabled-link {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}