/* ===============================
   Custom Wagtail Admin Branding
   =============================== */

/* --- Sidebar & Admin Logo --- */
.sidebar-logo img,
.sidebar-logo svg,
.wagtail-admin-logo img,
.wagtail-admin-logo svg {
    display: none !important;
}

.sidebar-logo {
    background: url("/static/images/custom-logo.svg") no-repeat center center !important;
    background-size: contain !important;
    height: 60px !important;
    width: 100% !important;
}

/* --- Login Page Logo --- */
.login-logo img,
.login-logo svg {
    display: none !important;
}

.login-logo {
    background: url("/static/images/custom-logo.svg") no-repeat center center !important;
    background-size: contain !important;
    height: 80px !important;
    width: 100% !important;
    margin-bottom: 20px;
}

/* --- Primary Theme Color --- */
:root {
    --w-color-primary-hue: 210;       /* Adjust main hue (210 = blue) */
    --w-color-primary-saturation: 90%;
    --w-color-primary-lightness: 40%;
}

/* --- Sidebar Background --- */
.sidebar {
    background-color: #222 !important;   /* Dark background */
}

/* --- Optional: Buttons Styling --- */
.button,
.button-primary {
    border-radius: 6px !important;
}