/*
 * TOP 80 Radio — Ambiance Été tropical
 * Décoration colorée et généreuse, sans modifier le HTML.
 */

body.top80-ambiance-ete{
    --summer-sun:#ffe45e;
    --summer-coral:#ff704d;
    --summer-pink:#ff4185;
    --summer-turquoise:#25e0d6;
    --summer-blue:#087fbc;
    --summer-deep:#03243c;
    background:
        radial-gradient(circle at 10% 10%,rgba(255,228,94,.20),transparent 27%),
        radial-gradient(circle at 88% 35%,rgba(255,65,133,.18),transparent 30%),
        linear-gradient(180deg,#03243c 0%,#064f69 42%,#35164c 100%)!important;
    color:#fff;
}

body.top80-ambiance-ete::before,
body.top80-ambiance-ete::after{
    position:fixed;
    z-index:9998;
    bottom:112px;
    pointer-events:none;
    white-space:nowrap;
    font-size:34px;
    filter:drop-shadow(0 4px 7px rgba(0,0,0,.6));
}

body.top80-ambiance-ete::before{
    content:"🌴 🌺 🦩";
    left:10px;
    transform:rotate(-2deg);
}

body.top80-ambiance-ete::after{
    content:"🍹 ☀️ 🌊";
    right:12px;
    animation:top80-summer-float 3.2s ease-in-out infinite;
}

body.top80-ambiance-ete .header{
    position:relative;
    background:
        radial-gradient(circle at 15% 0,rgba(255,228,94,.27),transparent 30%),
        radial-gradient(circle at 85% 15%,rgba(255,65,133,.23),transparent 32%),
        linear-gradient(135deg,#044c69,#071c42 48%,#6d205c)!important;
    border-bottom:3px solid var(--summer-sun)!important;
    box-shadow:
        0 3px 0 var(--summer-turquoise),
        0 9px 27px rgba(37,224,214,.26)!important;
}

body.top80-ambiance-ete .header::before{
    content:"🌺  🍍  🌴  🌸  🍉  🌴  🍍  🌺";
    position:absolute;
    left:50%;
    bottom:-15px;
    transform:translateX(-50%);
    max-width:78%;
    overflow:hidden;
    pointer-events:none;
    white-space:nowrap;
    font-size:19px;
    letter-spacing:9px;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));
}

body.top80-ambiance-ete .header::after{
    content:"☀️";
    position:absolute;
    right:8px;
    top:5px;
    pointer-events:none;
    font-size:41px;
    filter:drop-shadow(0 0 12px rgba(255,228,94,.95));
    animation:top80-summer-sun 7s linear infinite;
}

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 7px var(--summer-sun),
        0 0 18px rgba(255,65,133,.82)!important;
}

body.top80-ambiance-ete .top80-socials a:hover{
    color:var(--summer-sun)!important;
    border-color:var(--summer-turquoise)!important;
    background:rgba(255,65,133,.18)!important;
    box-shadow:
        0 0 9px rgba(37,224,214,.85),
        0 0 22px rgba(255,65,133,.48)!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
){
    background:
        radial-gradient(circle at 8% 8%,rgba(255,228,94,.15),transparent 26%),
        radial-gradient(circle at 92% 40%,rgba(255,65,133,.14),transparent 29%),
        linear-gradient(180deg,#03243c,#06495e 54%,#2d123e)!important;
}

body.top80-ambiance-ete :is(
    .hero,
    .top80-news-hero,
    .top80-daily-hero,
    .top80-ctkoi-hero,
    .top80-top50-hero
){
    background-image:
        radial-gradient(circle at 85% 17%,rgba(255,228,94,.38),transparent 14%),
        linear-gradient(135deg,rgba(5,128,188,.34),rgba(255,65,133,.20))!important;
    border-bottom:4px solid var(--summer-sun)!important;
    box-shadow:
        inset 0 -2px 0 var(--summer-turquoise),
        0 12px 30px rgba(255,65,133,.25)!important;
}

body.top80-ambiance-ete :is(
    .top80-daily-page-badge,
    .top80-news-badge,
    .top80-top50-badge,
    .live-label,
    .top80-show-status
){
    color:#07324a!important;
    border-color:#fff6a8!important;
    background:linear-gradient(135deg,var(--summer-sun),#ff9a56)!important;
    box-shadow:
        0 0 9px rgba(255,228,94,.88),
        0 0 24px rgba(255,65,133,.40)!important;
}

body.top80-ambiance-ete :is(
    .top80-daily-hero-content h1,
    .top80-news-hero h1,
    .top80-top50-hero h1,
    .hero h1,
    .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:
        2px 2px 0 #076783,
        0 0 8px rgba(255,228,94,.72),
        0 0 22px rgba(255,65,133,.58)!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 cadres avec coins tropicaux très visibles. */
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
){
    background:
        radial-gradient(circle at 2% 5%,var(--summer-sun) 0 5px,transparent 6px),
        radial-gradient(circle at 5% 2%,var(--summer-pink) 0 8px,transparent 9px),
        radial-gradient(circle at 9% 7%,var(--summer-turquoise) 0 4px,transparent 5px),
        radial-gradient(circle at 98% 5%,var(--summer-sun) 0 5px,transparent 6px),
        radial-gradient(circle at 95% 2%,var(--summer-pink) 0 8px,transparent 9px),
        radial-gradient(circle at 91% 7%,var(--summer-turquoise) 0 4px,transparent 5px),
        linear-gradient(145deg,rgba(4,76,105,.98),rgba(50,16,65,.98))!important;
    border:2px solid var(--summer-turquoise)!important;
    box-shadow:
        0 0 9px rgba(37,224,214,.82),
        0 0 29px rgba(255,65,133,.29),
        inset 0 0 34px rgba(255,228,94,.045)!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
){
    background:
        radial-gradient(circle at 3% 7%,var(--summer-sun) 0 3px,transparent 4px),
        radial-gradient(circle at 97% 7%,var(--summer-pink) 0 4px,transparent 5px),
        linear-gradient(110deg,rgba(4,69,94,.98),rgba(53,17,67,.98))!important;
    border-color:rgba(37,224,214,.82)!important;
    box-shadow:
        0 0 13px rgba(37,224,214,.18),
        inset 0 0 20px rgba(255,228,94,.035)!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
):hover{
    border-color:var(--summer-sun)!important;
    transform:translateY(-2px);
    box-shadow:
        0 0 11px rgba(255,228,94,.90),
        0 0 28px rgba(255,65,133,.42)!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
):not(.top80-player-toggle){
    border-color:var(--summer-sun)!important;
    color:#fff!important;
    background:linear-gradient(135deg,#087fbc,#ff4185)!important;
    box-shadow:
        0 0 8px rgba(37,224,214,.58),
        inset 0 0 12px rgba(255,255,255,.09)!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
):not(.top80-player-toggle):hover{
    border-color:#fff8ad!important;
    color:#07324a!important;
    background:linear-gradient(135deg,var(--summer-sun),#ff875e)!important;
    box-shadow:
        0 0 11px rgba(255,228,94,.95),
        0 0 25px rgba(255,65,133,.55)!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;
    background:#063c55!important;
    border-color:rgba(37,224,214,.78)!important;
}

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

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(255,65,133,.23)!important;
    text-shadow:0 0 9px rgba(255,228,94,.9)!important;
    box-shadow:0 0 14px rgba(37,224,214,.48)!important;
}

body.top80-ambiance-ete :is(
    .top80-module-heading,
    .top80-news-section-heading,
    .top80-home-biographies-heading
)::after{
    content:"🌺 🍹";
    display:inline-flex;
    margin-left:13px;
    font-size:.72em;
    vertical-align:middle;
    filter:drop-shadow(0 0 7px rgba(255,228,94,.85));
}

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,228,94,.9),
        0 0 23px rgba(37,224,214,.55)!important;
}

body.top80-ambiance-ete .top80-sticky-player{
    border-color:var(--summer-turquoise)!important;
    background:
        linear-gradient(90deg,#034e6a 0%,#8e225e 50%,#075c70 100%)!important;
    box-shadow:
        0 0 10px rgba(37,224,214,.7),
        0 0 29px rgba(255,65,133,.40)!important;
}

body.top80-ambiance-ete .top80-player-toggle{
    border-color:var(--summer-sun)!important;
    background:#087fbc!important;
    box-shadow:
        0 0 10px rgba(255,228,94,.92),
        0 0 25px rgba(255,65,133,.56)!important;
}

body.top80-ambiance-ete .top80-site-footer{
    border-top:3px solid var(--summer-sun)!important;
    background:
        radial-gradient(circle at 14% 12%,rgba(255,228,94,.17),transparent 27%),
        radial-gradient(circle at 86% 72%,rgba(255,65,133,.18),transparent 28%),
        linear-gradient(180deg,#064e65,#30133f)!important;
    box-shadow:0 -8px 26px rgba(37,224,214,.22)!important;
}

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

@keyframes top80-summer-float{
    0%,100%{transform:translateY(0) rotate(-1deg)}
    50%{transform:translateY(-5px) rotate(2deg)}
}

@keyframes top80-summer-sun{
    to{transform:rotate(360deg)}
}

@media(max-width:760px){
    body.top80-ambiance-ete::before,
    body.top80-ambiance-ete::after{
        bottom:100px;
        font-size:24px;
    }

    body.top80-ambiance-ete::before{left:3px}
    body.top80-ambiance-ete::after{right:3px}

    body.top80-ambiance-ete .header::after{
        right:3px;
        font-size:29px;
    }

    body.top80-ambiance-ete .header::before{
        max-width:67%;
        font-size:14px;
        letter-spacing:5px;
    }
}

@media(prefers-reduced-motion:reduce){
    body.top80-ambiance-ete::after,
    body.top80-ambiance-ete .header::after{
        animation:none!important;
    }
}