body#top {
    --mi-home-bg: #171020;
    --mi-home-panel: #241831;
    --mi-home-rule: #51395e;
    --mi-home-text: #fff7ff;
    --mi-home-muted: #d7c5df;
    --mi-home-pink: #ff9bcd;
    --mi-home-yellow: #e9ff75;
}

body.home#top #wrap_all,
body.home#top #main,
body.home#top .main_color,
body.home#top .alternate_color {
    background-color: var(--mi-home-bg);
    color: var(--mi-home-text);
    border-color: var(--mi-home-rule);
}

body#top #header_main,
body#top #header_meta,
body#top #header .header_bg,
body#top #footer,
body#top #socket {
    background: var(--mi-home-panel);
    color: var(--mi-home-text);
    border-color: var(--mi-home-rule);
}

body#top #header .main_menu a,
body#top #footer a,
body#top #socket a,
body#top #footer .widgettitle {
    color: var(--mi-home-text);
}

body#top #header .main_menu a:hover,
body#top #footer a:hover,
body#top #socket a:hover {
    color: var(--mi-home-pink);
}

body.home#top #header .av-main-nav > li > a {
    padding-inline: clamp(7px, .85vw, 14px);
}

body.home#top #main #av_section_1 {
    border-bottom: 1px solid var(--mi-home-rule);
    background:
        repeating-linear-gradient(117deg, transparent 0 38px, #ff9bcd16 39px 40px),
        radial-gradient(ellipse at 100% 15%, #64336e, transparent 65%),
        linear-gradient(115deg, #261635, #361e43) !important;
}

body.home#top #av_section_1 .content {
    padding-block: clamp(26px, 4vw, 60px);
}

body.home#top #av_section_1 .av-special-heading {
    padding-bottom: 0;
    margin: 0;
}

body.home#top #av_section_1 .av-special-heading::before {
    content: "WEBRADIO  /  EN DIRECT";
    display: block;
    margin-bottom: 16px;
    color: var(--mi-home-yellow);
    font: 700 13px/1.4 system-ui, sans-serif;
    letter-spacing: .14em;
}

body.home#top #av_section_1 h1.av-special-heading-tag {
    color: var(--mi-home-text);
    font-family: system-ui, sans-serif;
    font-size: clamp(34px, 6.1vw, 86px);
    font-weight: 900;
    line-height: .99;
    letter-spacing: -.065em;
    text-transform: none;
    text-wrap: balance;
}

body.home#top #av_section_1 h1 strong,
body.home#top #av_section_1 .avia_textblock strong {
    color: var(--mi-home-pink);
}

body.home#top #av_section_1 .avia_textblock {
    color: var(--mi-home-muted);
    font-size: clamp(16px, 2vw, 19px);
}

body.home#top #av_section_1 .flex_column:has(> .av-img-linked a[href*="play.google.com/store/apps/"]):has(> .av-img-linked a[href*="apps.apple.com/"]) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    column-gap: 12px;
}

body.home#top #av_section_1 .flex_column > :not(.av-img-linked) {
    grid-column: 1 / -1;
}

body.home#top #av_section_1 .flex_column > .av-img-linked:has(a:is([href*="play.google.com/store/apps/"], [href*="apps.apple.com/"])) {
    width: min(100%, 176px);
    margin: 10px 0 0;
}

body.home#top #av_section_1 .flex_column > .av-img-linked:has(a[href*="play.google.com/store/apps/"]) {
    justify-self: end;
}

body.home#top #av_section_1 .flex_column > .av-img-linked:has(a[href*="apps.apple.com/"]) {
    justify-self: start;
}

body#top .mi-home-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 24px 0 12px;
}

body#top .mi-home-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid #b18bb9;
    border-radius: 8px;
    color: var(--mi-home-text);
    font-weight: 750;
    text-decoration: none;
}

body#top .mi-home-actions a:first-child {
    background: var(--mi-home-yellow);
    border-color: var(--mi-home-yellow);
    color: #22162e;
}

body#top .mi-home-actions a:hover {
    box-shadow: 0 0 0 2px var(--mi-home-pink);
}

body#top .mi-home-actions a:focus-visible {
    outline: 2px solid var(--mi-home-text);
    outline-offset: 4px;
}

body.home#top #main > .container_wrap_first:has(.madein80-player) .content {
    padding-top: clamp(12px, 2vw, 26px);
}

body.home#top .madein80-player {
    --mi80-bg: #161021;
    --mi80-panel: #2d1e3c;
    --mi80-line: #694b77;
    --mi80-text: var(--mi-home-text);
    --mi80-muted: var(--mi-home-muted);
    --mi80-red: var(--mi-home-pink);
    --mi80-pink: var(--mi-home-pink);
    --mi80-blue: var(--mi-home-yellow);
    background: radial-gradient(ellipse at 50% 30%, #4b2957, transparent 72%), #1e142a !important;
    border-radius: 16px;
}

body.home#top .madein80-player,
body#top .mi-home-local-player,
body.home#top #av_section_2,
body.home#top #av_section_3 {
    scroll-margin-top: 115px;
}

body#top .mi-home-player-unavailable {
    display: none !important;
}

body#top .mi-home-local-player {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 18px 24px;
    background: var(--mi-home-panel);
    border: 1px solid var(--mi-home-rule);
    border-radius: 12px;
    color: var(--mi-home-yellow);
}

body#top .mi-home-local-player audio {
    max-width: 100%;
}

body#top .mi-listen-actions {
    margin: 16px 0 20px;
    padding: 12px;
    background: var(--mi-home-panel);
    border: 1px solid var(--mi-home-rule);
    border-radius: 12px;
}

body#top #mi-listen-platforms {
    --mi80-listen-panel: var(--mi-home-panel);
    --mi80-listen-panel-2: var(--mi-home-bg);
    --mi80-listen-border: var(--mi-home-rule);
    --mi80-listen-muted: var(--mi-home-muted);
    --mi80-listen-red: var(--mi-home-pink);
    scroll-margin-top: 115px;
}

body#top #mi-listen-platforms .mi80-listen__card {
    background: var(--mi-home-panel);
}

body#top #mi-listen-platforms .mi80-listen__card:hover {
    background: #352242;
}

body.mi-radio-popup#top #wrap_all,
body.mi-radio-popup#top #main,
body.mi-radio-popup#top #main .main_color {
    background: var(--mi-home-bg);
}

body.mi-radio-popup#top #main .container {
    width: min(100%, 700px);
    max-width: none;
    padding-inline: clamp(10px, 3vw, 24px);
}

body.mi-radio-popup#top #main .content {
    padding-block: 12px;
}

body.mi-radio-popup#top .madein80-player {
    border-radius: 14px;
}

body.home#top #main .avia-section:not(#av_section_1) {
    border-top: 1px solid var(--mi-home-rule);
}

body.home#top #av_section_3,
body.home#top #av_section_5 {
    background-color: var(--mi-home-panel);
}

body.home#top #main .av-special-heading-tag,
body.home#top #main .post-title {
    color: var(--mi-home-text);
}

body.home#top #main .main_color .avia-button,
body.home#top #main .alternate_color .avia-button,
body.home#top #main .wpcf7 input[type="submit"] {
    background: var(--mi-home-yellow);
    border-color: var(--mi-home-yellow);
    border-radius: 8px;
    color: #22162e;
    font-weight: 750;
}

body.home#top #main .wpcf7 label {
    color: var(--mi-home-text);
}

body.home#top .mi80-history {
    --mi80-panel: var(--mi-home-panel);
    --mi80-panel-2: var(--mi-home-bg);
    --mi80-border: var(--mi-home-rule);
    --mi80-text: var(--mi-home-text);
    --mi80-muted: var(--mi-home-muted);
    --mi80-red: var(--mi-home-pink);
    --mi80-orange: var(--mi-home-yellow);
}

body.home#top .mi80-history__eyebrow,
body.home#top .mi80-dedicaces__title {
    color: var(--mi-home-pink);
}

body.home#top .mi80-history__latest,
body.home#top .mi80-history__search,
body.home#top .mi80-dedicaces__inner {
    background: linear-gradient(135deg, #352242, var(--mi-home-bg));
}

body.home#top .mi80-history__track {
    background: var(--mi-home-panel);
}

body.home#top .mi80-history__track:hover {
    background: #352242;
    border-color: var(--mi-home-pink);
}

body.home#top #main .mi80-history__form button,
body.home#top #av_section_3 a.avia-button {
    background: var(--mi-home-yellow) !important;
    border-color: var(--mi-home-yellow) !important;
    color: var(--mi-home-bg) !important;
}

body.home#top #av_section_3 {
    background: linear-gradient(135deg, #352242, var(--mi-home-panel));
}

body.home#top #av_section_3 .iconbox_content_title {
    color: var(--mi-home-pink);
}

body.home#top .mi80-dedicaces {
    --accent: var(--mi-home-pink);
    --orange: var(--mi-home-yellow);
    --muted: var(--mi-home-muted);
    --border: var(--mi-home-rule);
}

body.home#top #main .mi80-dedicaces__toggle {
    color: var(--mi-home-yellow) !important;
}

body.home#top .mi80-dedicaces__heading:focus-visible,
body.home#top .mi80-dedicaces__toggle:focus-visible,
body.home#top .mi80-history__form button:focus-visible {
    outline: 2px solid var(--mi-home-yellow);
    outline-offset: 3px;
}

/* Page Demander un titre */
body#top #main .mi80-requests {
    --mi80-bg: var(--mi-home-bg);
    --mi80-card: var(--mi-home-panel);
    --mi80-card-hover: #352242;
    --mi80-border: var(--mi-home-rule);
    --mi80-muted: var(--mi-home-muted);
    --mi80-accent: var(--mi-home-yellow);
    --mi80-warm: var(--mi-home-pink);
}

body#top #main .mi80-requests :is(.mi80-requests__hero, .mi80-requests__panel, .mi80-requests__request-card) {
    background: linear-gradient(135deg, var(--mi80-card), var(--mi80-bg));
    border-color: var(--mi80-border);
}

body#top #main .mi80-requests :is(.mi80-requests__eyebrow, .mi80-requests__artist) {
    color: var(--mi80-warm) !important;
}

body#top #main .mi80-requests .mi80-requests__track {
    background: var(--mi80-card) !important;
    border-color: var(--mi80-border) !important;
}

body#top #main .mi80-requests .mi80-requests__track:is(:hover, :focus-visible, [aria-pressed="true"]) {
    background: var(--mi80-card-hover) !important;
    border-color: var(--mi80-warm) !important;
}

body#top #main .mi80-requests .mi80-requests__track[aria-pressed="true"] {
    border-color: var(--mi80-accent) !important;
}

body#top #main .mi80-requests .mi80-requests__track[aria-pressed="true"] .mi80-requests__check,
body#top #main .mi80-requests .mi80-requests__submit {
    background: var(--mi80-accent) !important;
    color: var(--mi80-bg) !important;
}

body#top #main .mi80-requests :is(button, input, textarea):focus-visible {
    outline: 2px solid var(--mi80-accent);
    outline-offset: 3px;
}

body.mi-contact-page#top #main .avia_ajax_form {
    box-sizing: border-box;
    width: 100%;
    max-width: 760px;
    margin-inline: auto;
    padding: clamp(16px, 4vw, 32px);
    background: var(--mi-home-panel);
    color: var(--mi-home-text);
    border: 1px solid var(--mi-home-rule);
    border-radius: 14px;
}

body.mi-contact-page#top #main .avia_ajax_form label {
    color: var(--mi-home-text);
}

body.mi-contact-page#top #main .avia_ajax_form :is(.text_input, textarea, select) {
    box-sizing: border-box;
    min-height: 44px;
    background: var(--mi-home-bg);
    border-color: #a182ad;
    border-radius: 8px;
    color: var(--mi-home-text);
    font-size: 16px;
}

body.mi-contact-page#top #main .avia_ajax_form :is(.text_input, textarea, select):focus-visible,
body.mi-contact-page#top #main .avia_ajax_form [type="submit"]:focus-visible {
    outline: 2px solid var(--mi-home-yellow);
    outline-offset: 3px;
}

body.mi-contact-page#top #main .avia_ajax_form [type="submit"] {
    min-height: 44px;
    background: var(--mi-home-yellow) !important;
    border-color: var(--mi-home-yellow) !important;
    border-radius: 8px;
    color: var(--mi-home-bg) !important;
    font-weight: 750;
}

@media (max-width: 767px) {
    body.mi-contact-page#top #main .avia_ajax_form .form_element {
        float: none;
        width: 100%;
        margin-inline: 0;
    }

    body.home#top .madein80-player[data-mi80-size="small"] [id$="texttitle"] {
        top: 210px !important;
        font-size: clamp(21px, 6.2vw, 27px) !important;
    }

    body.home#top .madein80-player[data-mi80-size="small"] [id$="volumewrapper"],
    body.home#top .madein80-player[data-mi80-size="small"] [id$="buttonvolumeoff"],
    body.home#top .madein80-player[data-mi80-size="small"] [id$="buttonvolumeon"] {
        top: 274px !important;
    }

    body.home#top .madein80-player[data-mi80-size="small"] [id$="pauseplaywrapper"] {
        top: 316px !important;
    }

    body#top:is(.home, :has(.mi-listen-actions)) .madein80-player[data-mi80-size="small"] [id$="pauseplaywrapper"] {
        background: var(--mi-home-yellow) !important;
        box-shadow: 0 0 24px #e9ff7540;
    }

    body#top:is(.home, :has(.mi-listen-actions)) .madein80-player[data-mi80-size="small"] :is([id$="buttonplay"], [id$="buttonpause"]) {
        fill: var(--mi-home-bg) !important;
        filter: none;
    }

    body.home#top .madein80-player[data-mi80-size="small"] [id$="buttonanalyzer"],
    body.home#top .madein80-player[data-mi80-size="small"] [id$="iconlive"] {
        top: 332px !important;
    }

    body.home#top #av_section_1 .content {
        padding-block: 30px;
    }

    body.home#top .mi-home-actions {
        gap: 8px;
        margin-top: 18px;
    }

    body.home#top .mi-home-actions a:first-child {
        flex-basis: 100%;
    }
}