/* Tudor Trust Branding for Wagtail Admin */

/* Import Figtree font from Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&display=swap");

:root {
    /*
     * Wagtail uses --w-color-primary for ALL text (headings, labels, panel
     * titles, etc.) so it MUST be a dark readable colour. We then re-apply
     * the brand green only to interactive elements (buttons, links, accents).
     */
    --w-color-primary-hue: 0;
    --w-color-primary-saturation: 0%;
    --w-color-primary-lightness: 10%;
    --w-color-primary: hsl(
        var(--w-color-primary-hue) var(--w-color-primary-saturation)
            var(--w-color-primary-lightness)
    );

    --w-color-primary-200-hue: 0;
    --w-color-primary-200-saturation: 0%;
    --w-color-primary-200-lightness: 10%;
    --w-color-primary-200: hsl(
        var(--w-color-primary-200-hue) var(--w-color-primary-200-saturation)
            var(--w-color-primary-200-lightness)
    );

    /* Sidebar/menu color - darker teal green */
    --w-color-surface-menus: #004d40;

    /* Slide-out submenu color */
    --w-color-surface-menu-item-active: #008871;

    /* Use Figtree as the primary font */
    --w-font-sans:
        "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
        Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Apply Figtree font throughout admin */
body,
.w-font-sans,
input,
button,
select,
textarea {
    font-family: var(--w-font-sans);
}

/* =========================================================================
   Re-apply brand green to interactive elements only
   ========================================================================= */

/* Primary buttons */
.button.bicolor,
.button-primary,
button.primary,
.w-bg-primary {
    background-color: #00a94f;
}

.button.bicolor:hover,
.button-primary:hover,
button.primary:hover {
    background-color: #008f43;
}

/* Sidebar active item accent */
.sidebar-menu-item--active,
.sidebar-menu-item:hover {
    border-left-color: #00a94f;
}

/* Focus rings */
.button:focus,
input:focus,
select:focus,
textarea:focus {
    outline-color: #00a94f;
}

/* Checkbox and toggle accents */
input[type="checkbox"]:checked {
    accent-color: #00a94f;
}

/* Status/progress indicators */
.w-bg-primary {
    background-color: #00a94f !important;
}

/* Header top bar accent line */
.w-slim-header {
    border-color: #00a94f;
}

/* Hide Wagtail's built-in sidebar search — CRM search is used instead */
[data-wagtail-sidebar] form[role="search"],
[data-wagtail-sidebar] [class*="search"] {
    display: none !important;
}

/* Custom logo sizing in sidebar */
.sidebar-custom-logo img {
    max-height: 40px;
    width: auto;
}

/* Center logo on login page */
.w-branding__logo {
    display: flex;
    justify-content: center;
    width: 100%;
}

.w-branding__logo img {
    margin: 0 auto;
}