/*
 * TOP 80 Radio — Été Premium photographique
 * Visuels fixes JPG/PNG uniquement. Aucun GIF, dessin ou animation.
 */

body.top80-ambiance-ete{
    --summer-sun:#ffc861;
    --summer-coral:#ff715f;
    --summer-turquoise:#22ded4;
    --summer-sky:#39b9f2;
    --summer-blue:#087ba9;
    --summer-deep:#02131e;
    --summer-panel:#063247;
    --summer-border:rgba(34,222,212,.72);
    color:#fff;
    background:
        radial-gradient(circle at 8% 6%,rgba(255,200,97,.15),transparent 27%),
        radial-gradient(circle at 92% 24%,rgba(34,222,212,.13),transparent 30%),
        linear-gradient(155deg,#02131e 0%,#06384c 54%,#052338 100%)!important;
}

/*
 * Neutralise toute ancienne décoration animée du thème Été.
 */
body.top80-ambiance-ete::before,
body.top80-ambiance-ete::after,
body.top80-ambiance-ete .header::before,
body.top80-ambiance-ete .header::after{
    animation:none!important;
}

body.top80-ambiance-ete .header{
    background:
        linear-gradient(90deg,rgba(1,12,20,.96),rgba(3,34,47,.94),rgba(1,12,20,.96))!important;
    border-bottom-color:var(--summer-turquoise)!important;
    box-shadow:
        0 2px 0 rgba(255,200,97,.52),
        0 9px 28px rgba(34,222,212,.16)!important;
}

body.top80-ambiance-ete
:is(.top80-menu,.top80-secondary-menu) a:hover,
body.top80-ambiance-ete
:is(.top80-menu,.top80-secondary-menu) .current-menu-item > a{
    color:var(--summer-sun)!important;
    text-shadow:
        0 0 8px rgba(255,200,97,.74),
        0 0 17px rgba(34,222,212,.32)!important;
}

body.top80-ambiance-ete .top80-socials a:hover{
    color:var(--summer-sun)!important;
    border-color:var(--summer-turquoise)!important;
    background:rgba(34,222,212,.10)!important;
    box-shadow:0 0 13px rgba(34,222,212,.58)!important;
}

body.top80-ambiance-ete :is(
    main,
    .top80-news-page,
    .top80-biography-page,
    .top80-daily-page,
    .top80-ctkoi-page,
    .top80-top50-page,
    .top80-single-page,
    .top80-request-page,
    .top80-programmes-page
){
    background:
        radial-gradient(circle at 7% 13%,rgba(255,200,97,.10),transparent 25%),
        radial-gradient(circle at 93% 40%,rgba(34,222,212,.10),transparent 28%),
        linear-gradient(180deg,#02131e,#064257 54%,#042739)!important;
}

/*
 * Tous les grands en-têtes deviennent photographiques.
 */
body.top80-ambiance-ete :is(
    .hero,
    .top80-news-hero,
    .top80-daily-hero,
    .top80-ctkoi-hero,
    .top80-top50-hero,
    .top80-request-hero,
    .top80-programmes-hero
){
    position:relative!important;
    isolation:isolate;
    overflow:hidden!important;
    background-image:
        linear-gradient(90deg,rgba(1,12,20,.38),rgba(1,17,28,.18) 48%,rgba(1,12,20,.34)),
        linear-gradient(180deg,rgba(1,9,17,.02),rgba(1,13,22,.25)),
        url("../images/ete/ete-header.jpg")!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    border-bottom-color:var(--summer-sun)!important;
    box-shadow:
        inset 0 -2px 0 var(--summer-turquoise),
        0 12px 30px rgba(34,222,212,.18)!important;
}

/*
 * Le visuel saisonnier remplace réellement les anciennes images d'en-tête.
 * La règle reste limitée aux grands bandeaux pour ne jamais masquer les
 * pochettes, les articles ou les images des émissions.
 */
body.top80-ambiance-ete :is(
    .hero,
    .top80-news-hero,
    .top80-daily-hero,
    .top80-ctkoi-hero,
    .top80-top50-hero,
    .top80-request-hero,
    .top80-programmes-hero
) > .top80-daily-hero-image,
body.top80-ambiance-ete :is(
    .hero,
    .top80-news-hero,
    .top80-daily-hero,
    .top80-ctkoi-hero,
    .top80-top50-hero,
    .top80-request-hero,
    .top80-programmes-hero
) > .hero-image,
body.top80-ambiance-ete :is(
    .hero,
    .top80-news-hero,
    .top80-daily-hero,
    .top80-ctkoi-hero,
    .top80-top50-hero,
    .top80-request-hero,
    .top80-programmes-hero
) > .hero__image,
body.top80-ambiance-ete .top80-ctkoi-hero > .top80-ctkoi-hero-visual,
body.top80-ambiance-ete .top80-top50-hero > .top80-top50-number{
    display:none!important;
}

body.top80-ambiance-ete :is(
    .hero,
    .top80-news-hero,
    .top80-daily-hero,
    .top80-ctkoi-hero,
    .top80-top50-hero,
    .top80-request-hero,
    .top80-programmes-hero
) > .top80-daily-hero-overlay{
    z-index:0!important;
    background:
        linear-gradient(90deg,rgba(1,12,20,.28),rgba(1,22,31,.08),rgba(1,12,20,.24))!important;
}

/*
 * Palmes photographiques fixes en haut à droite des en-têtes.
 */
body.top80-ambiance-ete :is(
    .hero,
    .top80-news-hero,
    .top80-daily-hero,
    .top80-ctkoi-hero,
    .top80-top50-hero,
    .top80-request-hero,
    .top80-programmes-hero
)::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    top:-24px!important;
    right:-42px!important;
    width:min(34vw,500px)!important;
    aspect-ratio:3/2!important;
    pointer-events:none!important;
    opacity:.50!important;
    background:
        url("../images/ete/ete-palmes.png")
        top right/contain no-repeat!important;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));
}

body.top80-ambiance-ete :is(
    .hero,
    .top80-news-hero,
    .top80-daily-hero,
    .top80-ctkoi-hero,
    .top80-top50-hero,
    .top80-request-hero,
    .top80-programmes-hero
) > *{
    position:relative;
    z-index:2;
}

body.top80-ambiance-ete :is(
    .top80-daily-page-badge,
    .top80-news-badge,
    .top80-top50-badge,
    .live-label,
    .top80-show-status
){
    color:#052738!important;
    border-color:rgba(255,200,97,.92)!important;
    background:linear-gradient(135deg,var(--summer-sun),#ffac62)!important;
    box-shadow:
        0 0 10px rgba(255,200,97,.60),
        0 0 21px rgba(34,222,212,.18)!important;
}

body.top80-ambiance-ete :is(
    .top80-daily-hero-content h1,
    .top80-news-hero h1,
    .top80-top50-hero h1,
    .top80-request-hero h1,
    .top80-programmes-hero h1,
    .hero h1
){
    color:#fff!important;
    text-shadow:
        0 2px 4px rgba(0,0,0,.72),
        0 0 12px rgba(34,222,212,.38)!important;
}

body.top80-ambiance-ete :is(
    .top80-module-heading h2,
    .top80-news-section-heading h2,
    .top80-latest-news-heading,
    .top80-home-biographies-heading h2,
    .top80-latest-library-heading,
    .top80-shows-heading
){
    color:#fff!important;
    text-shadow:
        0 0 8px rgba(255,255,255,.25),
        0 0 18px rgba(34,222,212,.34)!important;
}

body.top80-ambiance-ete :is(
    .top80-module-kicker,
    .top80-home-biographies-kicker,
    .top80-latest-library-kicker,
    .top80-news-card-date,
    .top80-latest-news-date,
    .top80-daily-date
){
    color:var(--summer-sun)!important;
}

/*
 * Grands panneaux : verre teinté bleu pétrole.
 */
body.top80-ambiance-ete :is(
    .top80-news-list-section,
    .top80-daily-page-card,
    .top80-world-day-result,
    .top80-world-day-picker,
    .top80-biography-search,
    .top80-ctkoi-card,
    .top80-top50-inner,
    .top80-single-layout,
    .top80-shows-strip,
    .top80-home-bottom,
    .top80-request-card,
    .top80-programmes-inner,
    .top80-standard-page,
    .top80-latest-library-inner
){
    border-color:var(--summer-turquoise)!important;
    background:
        radial-gradient(circle at 8% 5%,rgba(255,200,97,.08),transparent 28%),
        linear-gradient(145deg,rgba(5,58,76,.98),rgba(2,27,43,.98))!important;
    box-shadow:
        0 0 9px rgba(34,222,212,.58),
        0 0 29px rgba(57,185,242,.14),
        inset 0 0 32px rgba(255,200,97,.02)!important;
}

body.top80-ambiance-ete :is(
    .top80-news-wide-card,
    .top80-news-card,
    .top80-latest-news-card,
    .top80-daily-card,
    .top80-home-biography-card,
    .top80-library-card,
    .top80-top5-item,
    .top80-top50-item,
    .top80-show-card,
    .top80-world-day-item,
    .top80-ctkoi-item,
    .top80-biography-search-result,
    .top80-request-item
){
    border-color:rgba(34,222,212,.68)!important;
    background:
        linear-gradient(116deg,rgba(5,61,80,.98),rgba(3,31,48,.98))!important;
    box-shadow:
        0 0 12px rgba(34,222,212,.11),
        inset 0 0 19px rgba(255,200,97,.02)!important;
}

body.top80-ambiance-ete :is(
    .top80-news-wide-card,
    .top80-news-card,
    .top80-daily-card,
    .top80-home-biography-card,
    .top80-library-card,
    .top80-top50-item,
    .top80-show-card,
    .top80-ctkoi-item,
    .top80-request-item
):hover{
    border-color:var(--summer-sun)!important;
    box-shadow:
        0 0 10px rgba(255,200,97,.60),
        0 0 24px rgba(34,222,212,.22)!important;
}

body.top80-ambiance-ete :is(
    button,
    .button,
    .top80-news-card-button,
    .top80-latest-news-button,
    .top80-daily-button,
    .top80-daily-back,
    .top80-home-biography-button,
    .top80-home-biographies-all,
    .top80-biography-search-form button,
    .top80-biography-alphabet a,
    .top80-top50-back,
    .top80-ctkoi-back,
    .top80-request-button
):not(.top80-player-toggle){
    color:#fff!important;
    border-color:var(--summer-turquoise)!important;
    background:linear-gradient(135deg,var(--summer-blue),#0ca9b2)!important;
    box-shadow:
        0 0 9px rgba(34,222,212,.34),
        inset 0 0 11px rgba(255,255,255,.06)!important;
}

body.top80-ambiance-ete :is(
    button,
    .button,
    .top80-news-card-button,
    .top80-latest-news-button,
    .top80-daily-button,
    .top80-daily-back,
    .top80-home-biography-button,
    .top80-home-biographies-all,
    .top80-biography-search-form button,
    .top80-biography-alphabet a,
    .top80-top50-back,
    .top80-ctkoi-back,
    .top80-request-button
):not(.top80-player-toggle):hover{
    color:#072f42!important;
    border-color:var(--summer-sun)!important;
    background:linear-gradient(135deg,var(--summer-sun),#ffb36a)!important;
    box-shadow:
        0 0 11px rgba(255,200,97,.72),
        0 0 22px rgba(34,222,212,.20)!important;
}

body.top80-ambiance-ete :is(
    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="date"],
    input[type="number"],
    textarea,
    select
){
    color:#fff!important;
    border-color:rgba(34,222,212,.62)!important;
    background:#052f43!important;
}

body.top80-ambiance-ete :is(
    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="date"],
    input[type="number"],
    textarea,
    select
):focus{
    outline:none;
    border-color:var(--summer-sun)!important;
    box-shadow:
        0 0 0 1px var(--summer-turquoise),
        0 0 16px rgba(34,222,212,.35)!important;
}

body.top80-ambiance-ete :is(
    .top80-module-heading-icon,
    .top80-news-section-icon,
    .top80-latest-news-icon,
    .top80-mic-icon,
    .top80-top5-rank,
    .top80-top50-number
){
    color:var(--summer-sun)!important;
    border-color:var(--summer-turquoise)!important;
    background:rgba(34,222,212,.10)!important;
    text-shadow:0 0 8px rgba(255,200,97,.62)!important;
    box-shadow:0 0 12px rgba(34,222,212,.32)!important;
}

body.top80-ambiance-ete :is(
    .cover-neon-frame,
    .top80-player-cover,
    .top80-ctkoi-cover,
    .top80-library-cover,
    .top80-top5-cover
){
    border-color:var(--summer-sun)!important;
    box-shadow:
        0 0 9px rgba(255,200,97,.60),
        0 0 21px rgba(34,222,212,.34)!important;
}

/*
 * Photo rétro discrète au niveau du module discothèque.
 */
body.top80-ambiance-ete .top80-latest-library-inner{
    position:relative;
    overflow:hidden;
}

body.top80-ambiance-ete .top80-latest-library-inner::after{
    content:"";
    position:absolute;
    z-index:0;
    right:-42px;
    bottom:-38px;
    width:min(23vw,350px);
    aspect-ratio:3/2;
    pointer-events:none;
    opacity:.16;
    background:
        url("../images/ete/ete-retro.png")
        bottom right/contain no-repeat;
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.22));
}

body.top80-ambiance-ete .top80-latest-library-inner > *{
    position:relative;
    z-index:1;
}

body.top80-ambiance-ete .top80-sticky-player{
    border-color:var(--summer-turquoise)!important;
    background:
        linear-gradient(90deg,#043d54,#075b6c 50%,#043d54)!important;
    box-shadow:
        0 0 10px rgba(34,222,212,.52),
        0 0 27px rgba(57,185,242,.18)!important;
}

body.top80-ambiance-ete .top80-player-toggle{
    border-color:var(--summer-sun)!important;
    background:var(--summer-blue)!important;
    box-shadow:
        0 0 9px rgba(255,200,97,.58),
        0 0 21px rgba(34,222,212,.28)!important;
}

body.top80-ambiance-ete .top80-site-footer{
    position:relative;
    overflow:hidden;
    border-top-color:var(--summer-sun)!important;
    background:
        linear-gradient(90deg,rgba(2,31,45,.98),rgba(5,66,82,.96),rgba(2,31,45,.98))!important;
    box-shadow:0 -8px 25px rgba(34,222,212,.14)!important;
}

body.top80-ambiance-ete .top80-footer-title{
    color:var(--summer-sun)!important;
}

@media(max-width:980px){
    body.top80-ambiance-ete :is(
        .hero,
        .top80-news-hero,
        .top80-daily-hero,
        .top80-ctkoi-hero,
        .top80-top50-hero,
        .top80-request-hero,
        .top80-programmes-hero
    )::after{
        width:310px!important;
        opacity:.34!important;
    }
}

@media(max-width:760px){
    body.top80-ambiance-ete{
        background:
            radial-gradient(circle at 50% 0,rgba(255,200,97,.11),transparent 27%),
            linear-gradient(160deg,#02131e,#063b50 58%,#042739)!important;
    }

    body.top80-ambiance-ete :is(
        .hero,
        .top80-news-hero,
        .top80-daily-hero,
        .top80-ctkoi-hero,
        .top80-top50-hero,
        .top80-request-hero,
        .top80-programmes-hero
    ){
        background-position:center!important;
    }

    body.top80-ambiance-ete :is(
        .hero,
        .top80-news-hero,
        .top80-daily-hero,
        .top80-ctkoi-hero,
        .top80-top50-hero,
        .top80-request-hero,
        .top80-programmes-hero
    )::after{
        top:-16px!important;
        right:-74px!important;
        width:260px!important;
        opacity:.24!important;
    }

    body.top80-ambiance-ete .top80-latest-library-inner::after{
        display:none;
    }
}