/*
 * Wima Pay — Green/White Theme Override for AdminLTE
 * Palette: Emerald #10b981 / #059669 / #047857
 */

:root {
    --wp-green: #10b981;
    --wp-green-dark: #059669;
    --wp-green-darker: #047857;
    --wp-green-light: #d1fae5;
    --wp-green-lighter: #ecfdf5;
}

/* ── Links ─────────────────────────────── */
a { color: var(--wp-green-dark); }
a:hover { color: var(--wp-green-darker); }

/* ── Sidebar active nav ────────────────── */
.sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-success .nav-sidebar > .nav-item.menu-open > .nav-link {
    background-color: var(--wp-green) !important;
    color: #fff !important;
}

/* ── Page header breadcrumb links ──────── */
.content-header .breadcrumb a { color: var(--wp-green-dark); }

/* ── Info boxes (dashboard) ────────────── */
.info-box .info-box-icon.bg-primary,
.small-box.bg-primary {
    background-color: var(--wp-green) !important;
}

/* ── Card outlines ─────────────────────── */
.card.card-success:not(.card-outline) > .card-header {
    background-color: var(--wp-green);
    border-color: var(--wp-green);
}
.card.card-outline.card-success {
    border-top-color: var(--wp-green) !important;
}

/* ── Buttons override for deeper green ─── */
.btn-success {
    background-color: var(--wp-green);
    border-color: var(--wp-green);
}
.btn-success:hover,
.btn-success:focus {
    background-color: var(--wp-green-dark);
    border-color: var(--wp-green-dark);
}
.btn-success:active,
.btn-success.active {
    background-color: var(--wp-green-darker) !important;
    border-color: var(--wp-green-darker) !important;
}
.btn-outline-success {
    color: var(--wp-green);
    border-color: var(--wp-green);
}
.btn-outline-success:hover {
    background-color: var(--wp-green);
    border-color: var(--wp-green);
    color: #fff;
}

/* ── Badges ────────────────────────────── */
.badge-success {
    background-color: var(--wp-green);
}

/* ── Progress bars ─────────────────────── */
.progress-bar.bg-success {
    background-color: var(--wp-green) !important;
}

/* ── Form focus state ──────────────────── */
.form-control:focus {
    border-color: var(--wp-green);
    box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25);
}

/* ── Custom switch (green) ─────────────── */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--wp-green);
    border-color: var(--wp-green);
}

/* ── Pagination active ─────────────────── */
.page-item.active .page-link {
    background-color: var(--wp-green);
    border-color: var(--wp-green);
}
.page-link { color: var(--wp-green-dark); }
.page-link:hover { color: var(--wp-green-darker); }

/* ── Nav pills / tabs ──────────────────── */
.nav-pills .nav-link.active {
    background-color: var(--wp-green);
}

/* ── Login page refinement ─────────────── */
.login-page,
.register-page {
    background: linear-gradient(135deg, var(--wp-green-lighter) 0%, #f0fdf4 50%, #fff 100%);
}
/* Hide text logo on login — the auth SVG logo already shows the name */
.login-page .login-logo a,
.register-page .register-logo a {
    font-size: 0;
    line-height: 0;
}
.login-page .login-logo a img,
.register-page .register-logo a img {
    display: inline-block;
}
.login-card-body .btn-success,
.register-card-body .btn-success {
    background: linear-gradient(135deg, var(--wp-green) 0%, var(--wp-green-dark) 100%);
    border: none;
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* ── iCheck (login remember me) ────────── */
.icheck-success > input:first-child:checked + label::before,
.icheck-success > input:first-child:checked + input[type=hidden] + label::before,
.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type=hidden] + label::before {
    background-color: var(--wp-green) !important;
    border-color: var(--wp-green) !important;
}

/* ── Scrollbar (subtle green) ──────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb {
    background: var(--wp-green-light);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--wp-green);
}