/* 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 gradient: violet at the top into deep purple (ombre deepens the foot) */
    --bit-menu-grad-start: #5a30e8;
    --bit-menu-grad-end: #160046;
    --bookitier-pink: #ff0efd;
    --bookitier-pink-deep: #c20bd9;

    /* Light lavender page that warms toward pink at the bottom */
    background:
        radial-gradient(1100px 620px at 8% 112%, #ff0efd2e, transparent 60%),
        radial-gradient(1000px 700px at 100% 100%, #7a55ff40, transparent 55%),
        radial-gradient(900px 640px at 50% 135%, #c20bd933, transparent 55%),
        linear-gradient(180deg, #fcfbff 0%, #f3eeff 28%, #e6dbfb 58%, #d8c4f5 82%, #cdb0ee 100%);
    background-attachment: fixed;
}

body.theme-bookitier::before { background: radial-gradient(circle, #ff0efd40, transparent 70%); }
body.theme-bookitier::after  { background: radial-gradient(circle, #7a55ff55, transparent 70%); }

/* Rail shadow in purple, not navy */
body.theme-bookitier #leftMenu {
    box-shadow: 0 16px 40px rgba(22, 0, 70, .4), 0 2px 6px rgba(22, 0, 70, .25);
}

/* 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; }