/*
 * Tema IAI Ciamis untuk SIMA.
 * Dimuat paling akhir (setelah header-colors.css) supaya menimpa warna template.
 * Palet diambil dari iaiciamis.ac.id.
 */
:root {
    --iai-logoblue: #b1d8f2;
    --iai-logoblue-2: #9ecbe8;
    --iai-logoblue-border: #8bc0e3;
    --iai-darkblue: #0f2942;
    --iai-darkblue-2: #163a5c;
    --iai-blue: #2b6496;
    --iai-accent: #f59e0b;
    --iai-accent-dark: #d97706;

    --bs-primary: #0f2942;
    --bs-primary-rgb: 15, 41, 66;
    --bs-link-color: #2b6496;
    --bs-link-hover-color: #0f2942;
}

/* Header atas */
html.headercolor4 .topbar,
html.color-header .topbar {
    background: var(--iai-darkblue);
}

/* Menu utama horizontal */
.primary-menu .navbar .navbar-nav a.nav-link:active,
.primary-menu .navbar .navbar-nav a.nav-link:focus,
.primary-menu .navbar .navbar-nav a.nav-link.active,
.primary-menu .navbar .navbar-nav a.nav-link.active:hover {
    color: #ffffff;
    background-color: var(--iai-darkblue);
}
.primary-menu .navbar .navbar-nav a.nav-link:hover {
    color: var(--iai-darkblue);
    background-color: rgba(177, 216, 242, .35);
}
.primary-menu .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.primary-menu .navbar .navbar-nav .dropdown-menu .dropdown-item:focus {
    color: var(--iai-darkblue);
    background-color: rgba(177, 216, 242, .35);
}
.primary-menu .navbar .navbar-nav .dropdown-menu .dropdown-item.active,
.primary-menu .navbar .navbar-nav .dropdown-menu .dropdown-item:active {
    color: #ffffff;
    background-color: var(--iai-darkblue);
}

/* Warna primary Bootstrap */
.btn-primary {
    --bs-btn-bg: var(--iai-darkblue);
    --bs-btn-border-color: var(--iai-darkblue);
    --bs-btn-hover-bg: var(--iai-darkblue-2);
    --bs-btn-hover-border-color: var(--iai-darkblue-2);
    --bs-btn-active-bg: var(--iai-darkblue-2);
    --bs-btn-active-border-color: var(--iai-darkblue-2);
    --bs-btn-disabled-bg: var(--iai-blue);
    --bs-btn-disabled-border-color: var(--iai-blue);
    background-color: var(--iai-darkblue);
    border-color: var(--iai-darkblue);
    color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--iai-darkblue-2);
    border-color: var(--iai-darkblue-2);
    color: #ffffff;
}
.btn-outline-primary {
    --bs-btn-color: var(--iai-darkblue);
    --bs-btn-border-color: var(--iai-darkblue);
    --bs-btn-hover-bg: var(--iai-darkblue);
    --bs-btn-hover-border-color: var(--iai-darkblue);
    --bs-btn-active-bg: var(--iai-darkblue);
    color: var(--iai-darkblue);
    border-color: var(--iai-darkblue);
}
.btn-outline-primary:hover {
    background-color: var(--iai-darkblue);
    color: #ffffff;
}
.bg-primary {
    background-color: var(--iai-darkblue) !important;
}
.text-primary {
    color: var(--iai-blue) !important;
}
.border-primary {
    border-color: var(--iai-darkblue) !important;
}
.page-item.active .page-link,
.active > .page-link {
    background-color: var(--iai-darkblue);
    border-color: var(--iai-darkblue);
}
.page-link {
    color: var(--iai-blue);
}
.form-control:focus,
.form-select:focus {
    border-color: var(--iai-logoblue-border);
    box-shadow: 0 0 0 .2rem rgba(177, 216, 242, .55);
}
.form-check-input:checked {
    background-color: var(--iai-darkblue);
    border-color: var(--iai-darkblue);
}
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    color: #ffffff;
    background-color: var(--iai-darkblue);
    border-color: var(--iai-darkblue);
}
.nav-tabs .nav-link.active {
    color: var(--iai-darkblue);
    background-color: #ffffff;
    border-color: #dee2e6 #dee2e6 #ffffff;
    border-top: 3px solid var(--iai-accent);
}

/* Elemen template */
.back-to-top {
    background-color: var(--iai-darkblue);
}
.back-to-top:hover {
    background-color: var(--iai-accent);
}
.logo-text {
    color: var(--iai-darkblue);
}
.msg-header,
.msg-header a {
    color: var(--iai-blue);
}
.msg-header-badge {
    color: var(--iai-darkblue);
    background-color: rgba(177, 216, 242, .45);
    border-color: var(--iai-logoblue-border);
}

/* Halaman login */
body.iai-login {
    background-color: var(--iai-logoblue);
}
body.iai-login .card {
    border: 1px solid #ffffff;
    border-radius: 16px;
    box-shadow: 0 20px 25px -5px rgba(15, 41, 66, .15);
}
body.iai-login h4 {
    color: var(--iai-darkblue);
    font-weight: 800;
}
body.iai-login .btn-success {
    background-color: var(--iai-accent);
    border-color: var(--iai-accent);
    color: #ffffff;
    font-weight: 700;
}
body.iai-login .btn-success:hover,
body.iai-login .btn-success:focus {
    background-color: var(--iai-accent-dark);
    border-color: var(--iai-accent-dark);
}
body.iai-login .auth-cover-left {
    background-color: var(--iai-logoblue);
    border-right: 1px solid var(--iai-logoblue-border);
}
body.iai-login .auth-cover-right {
    background-color: #ffffff;
}
.iai-cover {
    max-width: 560px;
    padding: 48px 32px;
    color: var(--iai-darkblue);
}
.iai-cover-logo {
    display: block;
    width: 128px;
    height: 128px;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .12));
}
.iai-cover-badge {
    display: inline-block;
    margin-top: 28px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .75);
    border: 1px solid #ffffff;
    font-size: 13px;
    font-weight: 700;
}
.iai-cover h1 {
    margin: 18px 0 14px;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: var(--iai-darkblue);
}
.iai-cover p {
    font-size: 17px;
    line-height: 1.65;
    font-weight: 500;
    color: #1f2937;
}