/*
 * Ipswich IT Services — client-area brand skin for the ippyit theme
 * (Twenty-One based). WHMCS auto-loads /templates/<theme>/css/custom.css
 * after all other styles, so this file only needs light overrides.
 *
 * Palette (matches viewinvoice.tpl / invoicepdf.tpl):
 *   Brand blue   #253A92
 *   Link blue    #1A56DB
 *   Logo blue    #2E86D1
 *   Paid green   #16A34A
 */

:root {
    --iis-brand: #253a92;
    --iis-brand-dark: #1c2d73;
    --iis-link: #1a56db;
    --iis-accent: #2e86d1;
}

/* ---------- Header & navigation ---------- */

/* Top header bar */
#header {
    background: #fff;
    border-bottom: 3px solid var(--iis-brand);
}

/* Logo sizing (uses /templates/ippyit/img/logo.png) */
#header .logo img,
#header img.logo {
    max-height: 48px;
    width: auto;
}

/* Main nav bar */
#main-menu,
#nav,
.navbar-main {
    background: var(--iis-brand) !important;
}

#main-menu .navbar-nav > li > a,
#nav .navbar-nav > li > a {
    color: #fff !important;
}

#main-menu .navbar-nav > li > a:hover,
#main-menu .navbar-nav > li > a:focus,
#main-menu .navbar-nav > li.active > a,
#nav .navbar-nav > li > a:hover,
#nav .navbar-nav > li.active > a {
    background: var(--iis-brand-dark) !important;
    color: #fff !important;
}

/* ---------- Buttons ---------- */

.btn-primary {
    background-color: var(--iis-brand) !important;
    border-color: var(--iis-brand) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--iis-brand-dark) !important;
    border-color: var(--iis-brand-dark) !important;
}

.btn-outline-primary {
    color: var(--iis-brand) !important;
    border-color: var(--iis-brand) !important;
}

.btn-outline-primary:hover {
    background-color: var(--iis-brand) !important;
    color: #fff !important;
}

/* ---------- Links ---------- */

a {
    color: var(--iis-link);
}

a:hover {
    color: var(--iis-brand);
}

/* ---------- Panels, cards & misc accents ---------- */

.card-header,
.panel-heading {
    border-top: 2px solid var(--iis-brand);
}

/* Sidebar active items */
.list-group-item.active,
.list-group-item.active:hover {
    background-color: var(--iis-brand);
    border-color: var(--iis-brand);
}

/* Pagination */
.page-item.active .page-link {
    background-color: var(--iis-brand);
    border-color: var(--iis-brand);
}

.page-link {
    color: var(--iis-link);
}

/* Badges / labels used for statuses keep stock colours; brand the default */
.badge-primary,
.label-primary {
    background-color: var(--iis-brand);
}

/* Progress bars */
.progress-bar {
    background-color: var(--iis-accent);
}

/* Form focus */
.form-control:focus {
    border-color: var(--iis-accent);
    box-shadow: 0 0 0 0.2rem rgba(46, 134, 209, 0.25);
}

/* Footer */
#footer,
.footer {
    background: #1b2540;
    color: #c6cbe0;
}

#footer a,
.footer a {
    color: #fff;
}