/* BookiTier theme style (Theme Settings → Theme Colors → Theme Style = "BookiTier")
 *
 * The ombre layout (left-menu-ombre.css: floating gradient rail, full-page backdrop,
 * glass panels) in BookiTier's own purple/pink — the palette of /signup and the owner
 * setup wizard (signup-wizard.css). sas_base.html.twig renders it as
 * body.menu-style-ombre.theme-bookitier, so every ombre rule applies and this file
 * only swaps colors. Must load AFTER left-menu-ombre.css (app.js).
 *
 * The org's own Left Menu gradient colors are ignored in this style; pick Ombre to
 * use them.
 */

body.theme-bookitier {
    /* Rail: muted violet into deep purple (violet isn't a highlight — pink is) */
    --bit-menu-grad-start: #3a2a8a;
    --bit-menu-grad-end: #120040;
    --bookitier-pink: #ff0efd;
    --bookitier-pink-deep: #c20bd9;

    /* bookitier.com palette: a saturated violet-purple that reads as purple (not
       black), with a violet glow up top, deepening to near-black only at the
       very foot. Pink is the only highlight — one faint glow, bottom-left. */
    background:
        radial-gradient(1100px 620px at 10% -10%, #5a30e873, transparent 60%),
        radial-gradient(900px 560px at 100% 30%, #50396d66, transparent 60%),
        radial-gradient(900px 560px at 6% 108%, #ff0efd24, transparent 60%),
        linear-gradient(185deg, #2a1a7a 0%, #22006a 30%, #1a0055 60%, #10003a 85%, #04000f 100%);
    background-attachment: fixed;
}

body.theme-bookitier::before { background: radial-gradient(circle, #ff0efd26, transparent 70%); }
body.theme-bookitier::after  { background: radial-gradient(circle, #5a30e855, transparent 70%); }

/* The floating rail needs an edge now that it sits on a dark page */
body.theme-bookitier #leftMenu {
    border-color: rgba(160, 145, 199, .22) !important;
}

/* Rail shadow: black, not navy */
body.theme-bookitier #leftMenu {
    box-shadow: 0 16px 40px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .35);
}

/* Pink accents in the menu: hover tint, the active item's icon, open groups */
body.theme-bookitier #leftMenu .nav-link:hover {
    background: rgba(255, 14, 253, .16) !important;
}

body.theme-bookitier #leftMenu .nav-link.active i {
    color: var(--bookitier-pink-deep) !important;
}

body.theme-bookitier #leftMenu .toggle-arrow.toggler-active {
    background: rgba(255, 14, 253, .14) !important;
}

/* Header icon chip */
body.theme-bookitier #topHeader .header-glyph {
    background: linear-gradient(135deg, var(--bookitier-pink-deep), var(--bookitier-pink)) !important;
    color: #fff !important;
}

body.theme-bookitier #topHeader .header-glyph i { color: #fff !important; }