/* ══════════════════════════════════════════════════════════════
           Blush & Blue theme
           Activated by <html data-theme="blushblue"> (see theme switcher in
           PartyEdit.master). Same blush pink base as the default theme,
           with the coral accents swapped for blue, a blue marquee, and a
           floating (sticky) pastel yellow gingham header.
           ══════════════════════════════════════════════════════════════ */
        html[data-theme="blushblue"] {
            --coral: #00AFEF;         /* primary accent / CTAs (logo blue) */
            --coral-dark: #0094CC;    /* hover                          */
            --accent-pink: #D4F1FD;   /* soft accent surfaces -> light logo blue
                                         (icon hovers, tags, active pills/menu, popup chips) */
            --blush: #F6D0D6;         /* the original pink, kept for base backgrounds below */
        }

        /* Pink base surfaces that also use --accent-pink - keep them blush */
        html[data-theme="blushblue"] .mood-section,
        html[data-theme="blushblue"] .fcard__img,
        html[data-theme="blushblue"] .product-card__img-wrap,
        html[data-theme="blushblue"] .theme-hero__img,
        html[data-theme="blushblue"] .sticky-setup-bar__img {
            background: var(--blush);
        }

        html[data-theme="blushblue"] .tg-hero {
            background: linear-gradient(135deg, #FFF3EC 0%, var(--blush) 60%, #FBD9DE 100%);
        }

        /* Hardcoded coral colours in the default theme */
        html[data-theme="blushblue"] .newsletter-form button:hover,
        html[data-theme="blushblue"] .product-modal__add-to-cart:hover,
        html[data-theme="blushblue"] .product-card__add:hover,
        html[data-theme="blushblue"] .tg-search button:hover,
        html[data-theme="blushblue"] .btn-primary:hover {
            background: var(--coral-dark);
        }

        html[data-theme="blushblue"] .btn-primary {
            box-shadow: 0 4px 16px rgba(0,175,239,0.28);
        }

        html[data-theme="blushblue"] .btn-primary:hover {
            box-shadow: 0 8px 24px rgba(0,175,239,0.36);
        }

        /* ── Top marquee: blue accent ── */
        html[data-theme="blushblue"] .ann-bar {
            background: var(--coral);
        }

        html[data-theme="blushblue"] .ann-bar span {
            color: var(--white);
        }

        html[data-theme="blushblue"] .ann-bar__dot {
            background: var(--white);
            opacity: 0.6;
        }

        /* ── Floating header: nav + search bar stick together as one block
              with a pastel yellow gingham background (theme-pastel.css yellow) ── */
        html[data-theme="blushblue"] .site-header {
            display: block;
            position: sticky;
            top: 0;
            z-index: 1000;
            background-color: #FFFBE6;
            background-image:
                linear-gradient(90deg, rgba(255,228,92,0.45) 50%, transparent 50%),
                linear-gradient(rgba(255,228,92,0.45) 50%, transparent 50%);
            background-size: 34px 34px;
        }

        html[data-theme="blushblue"] .site-nav,
        html[data-theme="blushblue"] .site-nav.scrolled {
            position: relative;
            background: transparent;
            backdrop-filter: none;
            box-shadow: none;
        }

        .theme-switcher__btn--blushblue { background: linear-gradient(135deg, #F6D0D6 50%, #00AFEF 50%); }