/* ============================================================
   Barod brand overrides for base_site / Hyper theme
   Logo colour: #E6267C (rose-pink)
   Background gradient is a neutral dark navy so the pink logo
   pops via contrast rather than blending into a matching hue.
   Gradient:  #1E293B → #0F172A
   ============================================================ */

/* --- CSS variable overrides (light mode) ------------------- */
:root {
    --ct-primary:                #8B5CF6;
    --ct-primary-rgb:            139, 92, 246;
    --ct-primary-text-emphasis:  #3b1fa8;
    --ct-primary-bg-subtle:      #f0ebfe;
    --ct-primary-border-subtle:  #c4adfa;
    --brand-gradient: linear-gradient(135deg, #1E293B 0%, #0F172A 100%);
}

/* --- CSS variable overrides (dark mode) -------------------- */
[data-bs-theme="dark"] {
    --ct-primary-text-emphasis:  #c4adfa;
    --ct-primary-bg-subtle:      rgba(139, 92, 246, 0.15);
    --ct-primary-border-subtle:  #6640d6;
}

/* --- Main site topbar ------------------------------------- */
.navbar-custom {
    background: var(--brand-gradient) !important;
}

/* Make user pill and any remaining topbar elements transparent */
/* Also boost text contrast — 70% white is too faint on the gradient */
html[data-topbar-color=dark] {
    --ct-topbar-user-bg:          transparent;
    --ct-topbar-user-border:      rgba(255, 255, 255, 0.25);
    --ct-topbar-search-bg:        rgba(255, 255, 255, 0.15);
    --ct-topbar-item-color:       #ffffff;
    --ct-topbar-item-hover-color: #ffffff;
}

/* Ensure all topbar text, icons and dropdowns are white */
.navbar-custom .topbar-menu .nav-link,
.navbar-custom .topbar-menu .nav-link i,
.navbar-custom .button-toggle-menu,
.navbar-custom .nav-user,
.navbar-custom .nav-user * {
    color: #ffffff !important;
}

/* Dropdown menus spawned from topbar should revert to normal dark text */
.navbar-custom .dropdown-menu {
    color: initial;
}
.navbar-custom .dropdown-menu .dropdown-item {
    color: var(--ct-dropdown-color, #6c757d) !important;
}

/* --- Login / registration / error card header ------------- */
/* Targets the logo banner on login, password-reset, 403, 404 */
.card-header.bg-primary {
    background: var(--brand-gradient) !important;
}

/* Logo sizing in card headers */
.card-header img {
    max-height: 120px;
    width: auto;
}