/* ==========================================================
   EDM TASTE HEADER V1
   Proposal 2 — "Plus impactante"
   Pro.Radio-compatible skin, no theme-file editing required.
   ========================================================== */

body.edm-taste-modern-header {
    --edm-header-bg: #07091f;
    --edm-header-bg-2: #11103a;
    --edm-header-text: #f9f9ff;
    --edm-header-muted: #aeb4cb;
    --edm-header-pink: #f02cff;
    --edm-header-violet: #8b49ff;
    --edm-header-blue: #24a8ff;
}

/* ----------------------------------------------------------
   DESKTOP
   ---------------------------------------------------------- */

@media (min-width: 1101px) {

    body.edm-taste-modern-header #proradio-headerbar {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 9990 !important;
    }

    body.edm-taste-modern-header #proradio-headerbar-content,
    body.edm-taste-modern-header #proradio-menu {
        background:
            linear-gradient(
                100deg,
                rgba(5, 8, 27, .985) 0%,
                rgba(11, 10, 45, .985) 53%,
                rgba(20, 8, 48, .985) 100%
            ) !important;

        border: 0 !important;
        box-shadow: none !important;
    }

    body.edm-taste-modern-header #proradio-menu {
        position: relative;
        overflow: hidden;
        min-height: 105px !important;
    }

    /*
     * Subtle diagonal neon geometry from the selected mock-up.
     * Pure CSS: no decorative bitmap required.
     */
    body.edm-taste-modern-header #proradio-menu::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;

        opacity: .48;

        background:
            linear-gradient(
                132deg,
                transparent 0 20%,
                rgba(55, 82, 255, .17) 20.15% 20.35%,
                transparent 20.5% 35%,
                rgba(221, 38, 255, .15) 35.15% 35.32%,
                transparent 35.5% 67%,
                rgba(59, 104, 255, .13) 67.15% 67.33%,
                transparent 67.5% 82%,
                rgba(228, 37, 255, .16) 82.15% 82.33%,
                transparent 82.5% 100%
            );
    }

    body.edm-taste-modern-header #proradio-menu::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;

        height: 1px;

        pointer-events: none;

        background:
            linear-gradient(
                90deg,
                rgba(33, 133, 255, .22),
                rgba(223, 38, 255, .82),
                rgba(31, 145, 255, .55)
            );

        box-shadow:
            0 0 16px rgba(178, 44, 255, .25);
    }

    body.edm-taste-modern-header #proradio-menu .proradio-menu__cont {
        position: relative;
        z-index: 2;

        width: calc(100% - 54px) !important;
        max-width: 1740px !important;
        min-height: 105px !important;

        display: flex !important;
        align-items: center !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* ---------------- LOGO ---------------- */

    body.edm-taste-modern-header #proradio-menu .proradio-menu__logo {
        position: static !important;

        width: 270px !important;
        max-width: 270px !important;
        flex: 0 0 270px !important;

        display: flex !important;
        align-items: center !important;

        margin: 0 30px 0 0 !important;
        padding: 0 !important;
    }

    body.edm-taste-modern-header #proradio-menu .proradio-logolink {
        width: 100%;
        display: flex;
        align-items: center;
    }

    body.edm-taste-modern-header #proradio-menu .proradio-logo_header {
        display: block !important;

        width: 100% !important;
        max-width: 265px !important;
        max-height: 72px !important;

        object-fit: contain !important;
        object-position: left center !important;

        filter:
            drop-shadow(0 0 7px rgba(245, 38, 255, .19))
            drop-shadow(0 0 11px rgba(47, 118, 255, .12));
    }

    body.edm-taste-modern-header #proradio-menu .proradio-logo_header_mob,
    body.edm-taste-modern-header #proradio-menu .proradio-sitename {
        display: none !important;
    }

    /* ---------------- NAV ---------------- */

    body.edm-taste-modern-header #proradio-menunav {
        position: static !important;

        flex: 1 1 auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.edm-taste-modern-header #proradio-menunav .proradio-menu-horizontal_c {
        width: auto !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
    }

    body.edm-taste-modern-header #proradio-menubar {
        position: static !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
    }

    body.edm-taste-modern-header #proradio-menubar > li {
        position: relative !important;
        float: none !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.edm-taste-modern-header #proradio-menubar > li > a {
        position: relative;

        min-height: 105px;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 14px !important;

        background: transparent !important;
        box-shadow: none !important;

        color: var(--edm-header-text) !important;

        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: .01em !important;
        text-transform: uppercase !important;

        opacity: .93;

        transition:
            color .18s ease,
            opacity .18s ease,
            text-shadow .18s ease;
    }

    body.edm-taste-modern-header #proradio-menubar > li > a::after {
        content: "";

        position: absolute;
        left: 50%;
        bottom: 21px;

        width: 0;
        height: 2px;

        transform: translateX(-50%);

        border-radius: 99px;

        background:
            linear-gradient(
                90deg,
                var(--edm-header-pink),
                #e654ff,
                var(--edm-header-blue)
            );

        box-shadow:
            0 0 8px rgba(235, 47, 255, .62);

        transition:
            width .2s ease;
    }

    body.edm-taste-modern-header #proradio-menubar > li > a:hover,
    body.edm-taste-modern-header #proradio-menubar > li.current-menu-item > a,
    body.edm-taste-modern-header #proradio-menubar > li.current_page_item > a {
        color: #f15cff !important;
        opacity: 1;
        text-shadow:
            0 0 12px rgba(232, 50, 255, .32);
    }

    body.edm-taste-modern-header #proradio-menubar > li > a:hover::after,
    body.edm-taste-modern-header #proradio-menubar > li.current-menu-item > a::after,
    body.edm-taste-modern-header #proradio-menubar > li.current_page_item > a::after {
        width: 46px;
    }

    /* ---------------- RIGHT ACTIONS ---------------- */

    body.edm-taste-modern-header #proradio-menu .proradio-menubtns {
        position: static !important;

        flex: 0 0 auto !important;

        display: flex !important;
        align-items: center !important;

        margin-left: 24px !important;
        padding-left: 22px !important;

        border-left:
            1px solid rgba(169, 177, 218, .22);
    }

    body.edm-taste-modern-header #proradio-menu .proradio-menubtns__c {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Hide X, search, hamburger and volume on desktop, as in proposal 2. */
    body.edm-taste-modern-header #proradio-menu
        .proradio-menubtns__c > a[aria-label="X (Twitter)"],
    body.edm-taste-modern-header #proradio-menu
        .proradio-menubtns__c > a[data-proradio-target="#proradio-searchbar"],
    body.edm-taste-modern-header #proradio-menu
        .proradio-menubtns__c > .proradio-overlayopen-menu,
    body.edm-taste-modern-header #proradio-menu
        .qtmplayer__volume {
        display: none !important;
    }

    body.edm-taste-modern-header #proradio-menu
        .proradio-menubtns__c > .proradio-soc-icon {
        position: relative;

        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid rgba(153, 90, 255, .72) !important;

        border-radius: 8px !important;

        background:
            rgba(39, 24, 78, .28) !important;

        color: #fff !important;

        box-shadow:
            inset 0 0 0 1px rgba(255,255,255,.015);

        transition:
            transform .18s ease,
            border-color .18s ease,
            background .18s ease,
            box-shadow .18s ease;
    }

    body.edm-taste-modern-header #proradio-menu
        .proradio-menubtns__c > .proradio-soc-icon:hover {
        transform: translateY(-2px);

        border-color:
            rgba(238, 51, 255, .94) !important;

        background:
            rgba(120, 43, 181, .18) !important;

        box-shadow:
            0 0 19px rgba(217, 41, 255, .17);
    }

    body.edm-taste-modern-header #proradio-menu
        .proradio-menubtns__c > .proradio-soc-icon i {
        font-size: 18px !important;
        line-height: 1 !important;
    }

    /* Force order: Spotify / YouTube / Instagram / PLAY */
    body.edm-taste-modern-header #proradio-menu
        .proradio-menubtns__c > a[aria-label="Spotify"] {
        order: 1;
    }

    body.edm-taste-modern-header #proradio-menu
        .proradio-menubtns__c > a[aria-label="YouTube"] {
        order: 2;
    }

    body.edm-taste-modern-header #proradio-menu
        .proradio-menubtns__c > a[aria-label="Instagram"] {
        order: 3;
    }

    body.edm-taste-modern-header #proradio-menu
        .qtmplayer-trackitem {
        position: relative;

        order: 4;

        display: flex !important;
        align-items: center !important;

        margin-left: 13px !important;
        padding-left: 15px !important;

        border-left:
            1px solid rgba(169, 177, 218, .22);
    }

    body.edm-taste-modern-header #proradio-menu
        .qtmplayer-play-v2 {
        position: relative;

        min-width: 150px !important;
        height: 52px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;

        margin: 0 !important;
        padding: 0 23px !important;

        border:
            1px solid rgba(255,255,255,.50) !important;

        border-radius: 30px !important;

        background:
            linear-gradient(
                102deg,
                #dd24ff 0%,
                #8737ff 49%,
                #1d9dff 100%
            ) !important;

        color: #fff !important;

        box-shadow:
            0 0 15px rgba(218, 37, 255, .48),
            0 0 30px rgba(44, 121, 255, .22),
            inset 0 0 0 1px rgba(255,255,255,.14) !important;

        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        letter-spacing: .03em !important;

        transition:
            transform .18s ease,
            box-shadow .18s ease,
            filter .18s ease;
    }

    body.edm-taste-modern-header #proradio-menu
        .qtmplayer-play-v2:hover {
        transform: translateY(-2px) scale(1.015);

        filter: brightness(1.07);

        box-shadow:
            0 0 18px rgba(218, 37, 255, .64),
            0 0 38px rgba(44, 121, 255, .32),
            inset 0 0 0 1px rgba(255,255,255,.20) !important;
    }

    body.edm-taste-modern-header #proradio-menu
        .qtmplayer-play-v2 i {
        margin: 0 !important;

        font-size: 22px !important;
        line-height: 1 !important;
    }

    /* Sticky state: slightly stronger separation from the page. */
    body.edm-taste-modern-header.proradio-scrolled
        #proradio-headerbar-content {
        box-shadow:
            0 12px 32px rgba(0,0,0,.28) !important;
    }
}


/* ----------------------------------------------------------
   SMALL DESKTOP
   ---------------------------------------------------------- */

@media (min-width: 1101px) and (max-width: 1390px) {

    body.edm-taste-modern-header
        #proradio-menu .proradio-menu__cont {
        width: calc(100% - 28px) !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menu__logo {
        width: 210px !important;
        max-width: 210px !important;
        flex-basis: 210px !important;
        margin-right: 14px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-logo_header {
        max-width: 205px !important;
    }

    body.edm-taste-modern-header
        #proradio-menubar > li > a {
        padding: 0 9px !important;
        font-size: 11px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns {
        margin-left: 12px !important;
        padding-left: 12px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c {
        gap: 5px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c > .proradio-soc-icon {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .qtmplayer-trackitem {
        margin-left: 7px !important;
        padding-left: 9px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .qtmplayer-play-v2 {
        min-width: 116px !important;
        height: 46px !important;
        padding: 0 15px !important;
        font-size: 13px !important;
    }
}


/* ----------------------------------------------------------
   TABLET / MOBILE
   Preserve Pro.Radio's mobile mechanics, update only the look.
   ---------------------------------------------------------- */

@media (max-width: 1100px) {

    body.edm-taste-modern-header #proradio-headerbar-content,
    body.edm-taste-modern-header #proradio-menu {
        background:
            linear-gradient(
                100deg,
                #090b29,
                #2b185f
            ) !important;

        border: 0 !important;
        box-shadow: none !important;
    }

    body.edm-taste-modern-header #proradio-menu {
        position: relative;
        overflow: hidden;
    }

    body.edm-taste-modern-header #proradio-menu::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;

        height: 1px;

        background:
            linear-gradient(
                90deg,
                #2d82ff,
                #e72fff,
                #2d82ff
            );

        opacity: .7;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-logo_header_mob {
        filter:
            drop-shadow(
                0 0 7px
                rgba(226, 43, 255, .22)
            );
    }

    /*
     * Mobile keeps search + hamburger + play because Pro.Radio uses them
     * for navigation. Socials continue to follow the theme's responsive
     * visibility.
     */
    body.edm-taste-modern-header
        #proradio-menu .qtmplayer-play-v2 {
        border:
            1px solid
            rgba(255,255,255,.65) !important;

        background:
            linear-gradient(
                100deg,
                #b52cff,
                #5738ff,
                #1d94ff
            ) !important;

        color: #fff !important;

        box-shadow:
            0 0 14px
            rgba(177, 43, 255, .30) !important;
    }
}


/* ==========================================================
   V2 — HEADER FIXÉ EN HAUT
   ========================================================== */

/*
 * Pro.Radio conserve déjà un espace réservé pour son header.
 * En V1, #proradio-headerbar avait été passé en position:relative,
 * ce qui affichait à la fois cet espace ET le header plus bas.
 * V2 remet le header hors du flux et le fixe en haut.
 */
body.edm-taste-modern-header #proradio-headerbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 9990 !important;
}

/* Le contenu interne doit suivre exactement le header fixe. */
body.edm-taste-modern-header #proradio-headerbar-content {
    width: 100% !important;
    margin: 0 !important;
}

/*
 * Quand on est connecté à WordPress, la barre admin reste au-dessus.
 * 32px sur desktop, 46px sur les petits écrans WordPress.
 */
body.admin-bar.edm-taste-modern-header #proradio-headerbar {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar.edm-taste-modern-header #proradio-headerbar {
        top: 46px !important;
    }
}

/*
 * Renforce l'ordre d'empilement sans passer au-dessus de la barre admin
 * WordPress, dont le z-index est volontairement supérieur.
 */
body.edm-taste-modern-header #proradio-headerbar {
    isolation: isolate;
}

/*
 * Sur mobile/tablette, on fixe également la barre Pro.Radio tout en
 * conservant son hamburger, sa recherche et le bouton PLAY natifs.
 */
@media (max-width: 1100px) {
    body.edm-taste-modern-header #proradio-headerbar {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }
}


/* ==========================================================
   V3 — FINITIONS DU HEADER
   - fond continu sombre
   - logo légèrement plus grand
   - menu plus lisible
   - sociaux affinés
   - PLAY légèrement renforcé
   - liseré néon discret
   ========================================================== */

@media (min-width: 1101px) {

    /* ------------------------------------------------------
       1) FOND CONTINU — suppression de l'effet "bloc violet"
       ------------------------------------------------------ */

    body.edm-taste-modern-header #proradio-headerbar-content,
    body.edm-taste-modern-header #proradio-menu,
    body.edm-taste-modern-header #proradio-menu .proradio-menu__cont,
    body.edm-taste-modern-header #proradio-menunav,
    body.edm-taste-modern-header #proradio-menunav .proradio-menu-horizontal_c,
    body.edm-taste-modern-header #proradio-menubar,
    body.edm-taste-modern-header #proradio-menu .proradio-menubtns,
    body.edm-taste-modern-header #proradio-menu .proradio-menubtns__c {
        background:
            linear-gradient(
                100deg,
                rgba(5, 8, 27, .985) 0%,
                rgba(8, 10, 37, .985) 45%,
                rgba(16, 8, 41, .985) 100%
            ) !important;
    }

    body.edm-taste-modern-header #proradio-menu .proradio-menu__cont,
    body.edm-taste-modern-header #proradio-menunav,
    body.edm-taste-modern-header #proradio-menunav .proradio-menu-horizontal_c,
    body.edm-taste-modern-header #proradio-menubar,
    body.edm-taste-modern-header #proradio-menu .proradio-menubtns,
    body.edm-taste-modern-header #proradio-menu .proradio-menubtns__c {
        box-shadow: none !important;
    }

    /*
     * Certains presets Pro.Radio colorent le conteneur central du menu.
     * On force ces wrappers à transparent pour garder un seul fond visuel.
     */
    body.edm-taste-modern-header #proradio-menunav,
    body.edm-taste-modern-header #proradio-menunav *,
    body.edm-taste-modern-header #proradio-menubar {
        background-color: transparent !important;
    }

    /* ------------------------------------------------------
       2) LOGO +12% ENVIRON
       ------------------------------------------------------ */

    body.edm-taste-modern-header
        #proradio-menu .proradio-menu__logo {
        width: 300px !important;
        max-width: 300px !important;
        flex: 0 0 300px !important;

        margin-right: 32px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-logo_header {
        width: 100% !important;
        max-width: 295px !important;
        max-height: 78px !important;

        filter:
            drop-shadow(0 0 8px rgba(245, 38, 255, .22))
            drop-shadow(0 0 13px rgba(47, 118, 255, .14));
    }

    /* ------------------------------------------------------
       3) MENU PLUS LISIBLE + ESPACÉ
       ------------------------------------------------------ */

    body.edm-taste-modern-header
        #proradio-menubar {
        gap: 6px !important;
    }

    body.edm-taste-modern-header
        #proradio-menubar > li > a {
        padding-left: 16px !important;
        padding-right: 16px !important;

        color: #f6f7ff !important;

        font-size: 14px !important;
        font-weight: 850 !important;
        letter-spacing: .012em !important;

        opacity: .96;
    }

    /*
     * Page active et hover : uniquement le texte + trait néon,
     * aucun pavé coloré.
     */
    body.edm-taste-modern-header
        #proradio-menubar > li:hover,
    body.edm-taste-modern-header
        #proradio-menubar > li.current-menu-item,
    body.edm-taste-modern-header
        #proradio-menubar > li.current_page_item,
    body.edm-taste-modern-header
        #proradio-menubar > li > a:hover,
    body.edm-taste-modern-header
        #proradio-menubar > li.current-menu-item > a,
    body.edm-taste-modern-header
        #proradio-menubar > li.current_page_item > a {
        background: transparent !important;
        background-color: transparent !important;
    }

    body.edm-taste-modern-header
        #proradio-menubar > li > a:hover,
    body.edm-taste-modern-header
        #proradio-menubar > li.current-menu-item > a,
    body.edm-taste-modern-header
        #proradio-menubar > li.current_page_item > a {
        color: #f35cff !important;

        text-shadow:
            0 0 12px rgba(233, 52, 255, .34);
    }

    body.edm-taste-modern-header
        #proradio-menubar > li > a::after {
        bottom: 19px !important;
        height: 2px !important;
    }

    body.edm-taste-modern-header
        #proradio-menubar > li > a:hover::after,
    body.edm-taste-modern-header
        #proradio-menubar > li.current-menu-item > a::after,
    body.edm-taste-modern-header
        #proradio-menubar > li.current_page_item > a::after {
        width: 50px !important;
    }

    /* ------------------------------------------------------
       4) SOCIAUX UN PEU PLUS GRANDS, MAIS PLUS FINS
       ------------------------------------------------------ */

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns {
        margin-left: 22px !important;
        padding-left: 20px !important;

        border-left:
            1px solid rgba(155, 166, 211, .18) !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c {
        gap: 9px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c > .proradio-soc-icon {
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;

        border:
            1px solid rgba(153, 90, 255, .54) !important;

        border-radius: 8px !important;

        background:
            rgba(32, 22, 70, .18) !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c > .proradio-soc-icon:hover {
        border-color:
            rgba(238, 51, 255, .90) !important;

        background:
            rgba(115, 39, 175, .16) !important;

        box-shadow:
            0 0 16px rgba(219, 45, 255, .14);
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c > .proradio-soc-icon i {
        font-size: 19px !important;
    }

    /* ------------------------------------------------------
       5) BOUTON PLAY LÉGÈREMENT PLUS PREMIUM
       ------------------------------------------------------ */

    body.edm-taste-modern-header
        #proradio-menu .qtmplayer-trackitem {
        margin-left: 12px !important;
        padding-left: 16px !important;

        border-left:
            1px solid rgba(155, 166, 211, .18) !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .qtmplayer-play-v2 {
        min-width: 165px !important;
        height: 54px !important;

        padding-left: 25px !important;
        padding-right: 25px !important;

        border:
            1px solid rgba(255,255,255,.56) !important;

        background:
            linear-gradient(
                102deg,
                #dc25ff 0%,
                #8b37ff 50%,
                #20a2ff 100%
            ) !important;

        box-shadow:
            0 0 16px rgba(218, 37, 255, .46),
            0 0 30px rgba(44, 121, 255, .21),
            inset 0 0 0 1px rgba(255,255,255,.13) !important;
    }

    /* ------------------------------------------------------
       6) LISERÉ BAS PLUS FIN ET ÉLÉGANT
       ------------------------------------------------------ */

    body.edm-taste-modern-header #proradio-menu::after {
        height: 1px !important;

        background:
            linear-gradient(
                90deg,
                rgba(30, 116, 255, .16) 0%,
                rgba(211, 47, 255, .72) 48%,
                rgba(34, 148, 255, .42) 100%
            ) !important;

        box-shadow:
            0 0 10px rgba(164, 46, 255, .18) !important;
    }
}


/* ----------------------------------------------------------
   DESKTOP PLUS ÉTROIT — préserver l'équilibre de la V3
   ---------------------------------------------------------- */

@media (min-width: 1101px) and (max-width: 1460px) {

    body.edm-taste-modern-header
        #proradio-menu .proradio-menu__logo {
        width: 235px !important;
        max-width: 235px !important;
        flex-basis: 235px !important;

        margin-right: 14px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-logo_header {
        max-width: 230px !important;
    }

    body.edm-taste-modern-header
        #proradio-menubar {
        gap: 1px !important;
    }

    body.edm-taste-modern-header
        #proradio-menubar > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;

        font-size: 11.5px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns {
        margin-left: 10px !important;
        padding-left: 10px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c {
        gap: 5px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c > .proradio-soc-icon {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .qtmplayer-trackitem {
        margin-left: 6px !important;
        padding-left: 8px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .qtmplayer-play-v2 {
        min-width: 122px !important;
        height: 47px !important;

        padding-left: 15px !important;
        padding-right: 15px !important;

        font-size: 13px !important;
    }
}


/* ----------------------------------------------------------
   TABLET / MOBILE — légère harmonisation uniquement
   ---------------------------------------------------------- */

@media (max-width: 1100px) {

    body.edm-taste-modern-header #proradio-headerbar-content,
    body.edm-taste-modern-header #proradio-menu {
        background:
            linear-gradient(
                100deg,
                #080a26,
                #24134f
            ) !important;
    }

    body.edm-taste-modern-header #proradio-menu::after {
        opacity: .58 !important;
    }
}


/* ==========================================================
   V4 — MICRO-FINITIONS DESKTOP
   ========================================================== */

@media (min-width: 1101px) {

    /* Logo +8/10 % */
    body.edm-taste-modern-header
        #proradio-menu .proradio-menu__logo {
        width: 324px !important;
        max-width: 324px !important;
        flex: 0 0 324px !important;
        margin-right: 28px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-logo_header {
        max-width: 318px !important;
        max-height: 82px !important;

        filter:
            drop-shadow(0 0 9px rgba(245, 38, 255, .24))
            drop-shadow(0 0 14px rgba(47, 118, 255, .15));
    }

    /* Menu légèrement plus grand, sans changer son rythme */
    body.edm-taste-modern-header
        #proradio-menubar > li > a {
        font-size: 14.7px !important;
        font-weight: 850 !important;
        letter-spacing: .014em !important;

        padding-left: 17px !important;
        padding-right: 17px !important;
    }

    /* Etat actif plus visible */
    body.edm-taste-modern-header
        #proradio-menubar > li.current-menu-item > a,
    body.edm-taste-modern-header
        #proradio-menubar > li.current_page_item > a,
    body.edm-taste-modern-header
        #proradio-menubar > li.current-menu-ancestor > a {
        color: #f45cff !important;

        text-shadow:
            0 0 12px rgba(236, 55, 255, .40),
            0 0 22px rgba(122, 66, 255, .15);
    }

    body.edm-taste-modern-header
        #proradio-menubar > li.current-menu-item > a::after,
    body.edm-taste-modern-header
        #proradio-menubar > li.current_page_item > a::after,
    body.edm-taste-modern-header
        #proradio-menubar > li.current-menu-ancestor > a::after {
        width: 54px !important;
        height: 2px !important;

        background:
            linear-gradient(
                90deg,
                #f232ff,
                #a24cff,
                #35a8ff
            ) !important;

        box-shadow:
            0 0 10px rgba(235, 52, 255, .70),
            0 0 16px rgba(75, 124, 255, .20) !important;
    }

    /* Sociaux très légèrement plus grands */
    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c > .proradio-soc-icon {
        width: 49px !important;
        min-width: 49px !important;
        height: 49px !important;

        border-width: 1px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c > .proradio-soc-icon i {
        font-size: 20px !important;
    }

    /*
     * Le bouton PLAY conserve volontairement les proportions V3 :
     * c'est déjà le bon point focal visuel.
     */
}


/* Desktop intermédiaire : garder une bonne respiration */
@media (min-width: 1101px) and (max-width: 1460px) {

    body.edm-taste-modern-header
        #proradio-menu .proradio-menu__logo {
        width: 248px !important;
        max-width: 248px !important;
        flex-basis: 248px !important;
        margin-right: 12px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-logo_header {
        max-width: 244px !important;
    }

    body.edm-taste-modern-header
        #proradio-menubar > li > a {
        font-size: 12px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c > .proradio-soc-icon {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
    }

    body.edm-taste-modern-header
        #proradio-menu .proradio-menubtns__c > .proradio-soc-icon i {
        font-size: 18px !important;
    }
}