/* ============================================================
   InsRating — Custom Brand Styles
   Brand colour: #2c318c
   ============================================================ */

:root {
    --brand-color: #2c318c;
    --brand-dark:  #22276e;
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn-brand {
    background-color: #2c318c;
    border-color:     #2c318c;
    color: #ffffff;
}
.btn-brand:hover,
.btn-brand:focus,
.btn-brand:active {
    background-color: #22276e;
    border-color:     #22276e;
    color: #ffffff;
}
.btn-outline-brand {
    border-color: #2c318c;
    color:        #2c318c;
}
.btn-outline-brand:hover {
    background-color: #2c318c;
    color: #ffffff;
}

/* ── Text / Background utilities ─────────────────────────── */
.text-brand  { color: #2c318c !important; }
.bg-brand    { background-color: #2c318c !important; }
.border-brand { border-color: #2c318c !important; }

/* ── Admin Sidebar ───────────────────────────────────────── */
#sidebar {
    background-color: #2c318c !important;
}
#sidebar .nav-link {
    color: rgba(255,255,255,.75);
}
#sidebar .nav-link:hover,
#sidebar .nav-link.active {
    background-color: rgba(255,255,255,.15);
    color: #ffffff;
}
#sidebar .brand-divider {
    border-color: rgba(255,255,255,.2) !important;
}

/* ── Admin Top Navbar ────────────────────────────────────── */
.topbar {
    background-color: #2c318c !important;
    border-bottom: none !important;
}
.topbar .fw-semibold { color: #ffffff !important; }
.topbar .text-muted  { color: rgba(255,255,255,.75) !important; }

/* ── Login Page Header ───────────────────────────────────── */
.login-header {
    background: #2c318c !important;
}
.login-page-bg {
    background: linear-gradient(135deg, #2c318c 0%, #22276e 100%) !important;
}

/* ── Rating Page background ──────────────────────────────── */
.rating-page-bg {
    background: linear-gradient(135deg, #2c318c 0%, #22276e 100%) !important;
}

/* ── Card header brand border ────────────────────────────── */
.card-header.border-brand-top {
    border-top: 3px solid #2c318c;
}

/* ── Language Switcher (rating pages) ────────────────────── */
.lang-switcher .btn {
    font-size: .75rem;
    padding: .2rem .6rem;
    border-radius: .3rem;
    border: 1px solid #dee2e6;
    background: #f1f1f1;
    color: #555;
    cursor: pointer;
    text-decoration: none;
}
.lang-switcher .btn.active-lang {
    background-color: #2c318c;
    border-color:     #2c318c;
    color: #ffffff;
}