/*
 RNP-PORTALE-061
 Homepage Radio Nuova Pompei
 Unico override per lo sfondo fotografico.
*/

/* PANORAMA CONTINUO */

body.rnp-fullpage {
    min-height:100vh;
    background-color:#0a1429 !important;

    background-image:
      linear-gradient(
        180deg,
        rgba(5,12,27,.15) 0%,
        rgba(5,12,27,.20) 52%,
        rgba(5,12,27,.30) 100%
      ),
      url('/assets/rnp-background-058.jpg') !important;

    background-size:cover,cover !important;
    background-position:center,center !important;
    background-repeat:no-repeat,no-repeat !important;
    background-attachment:fixed,fixed !important;
}

/* HEADER SOPRA LA FOTO */

body.rnp-fullpage .site-header {
    background:rgba(5,12,27,.88) !important;
    border-bottom:1px solid rgba(235,194,125,.50);
    backdrop-filter:none;
}

/* HERO SENZA FOTO INTERNA */

body.rnp-fullpage .hero::before {
    content:none !important;
    display:none !important;
}

body.rnp-fullpage .hero {
    position:relative;
    isolation:isolate;
    min-height:0;
    padding-top:52px;
    padding-bottom:48px;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
}

body.rnp-fullpage .hero-copy {
    background:linear-gradient(
        90deg,
        rgba(5,13,29,.38),
        rgba(5,13,29,.05)
    ) !important;

    padding:20px 24px !important;
    border-radius:22px;
}

body.rnp-fullpage .hero h1 {
    color:#fff4df;
    text-shadow:0 4px 19px rgba(0,0,0,.72);
}

body.rnp-fullpage .hero-copy p,
body.rnp-fullpage .hero-location,
body.rnp-fullpage .hero-copy .eyebrow {
    text-shadow:0 2px 12px rgba(0,0,0,.85);
}

/* WEBTV REALE IN PRIMO PIANO */

body.rnp-fullpage .hero-tv {
    position:relative;
    z-index:2;

    background:rgba(7,15,30,.44) !important;
    border:1px solid rgba(233,191,124,.33);
    border-radius:24px;
}

body.rnp-fullpage .tv-frame {
    background:#080b13 !important;
    border-color:#e8bd77;
    box-shadow:0 17px 48px rgba(0,0,0,.42);
}

body.rnp-fullpage .play-button {
    position:relative;
    z-index:2;
}

/* ARTISTI SULLA STESSA FOTOGRAFIA */

body.rnp-fullpage #artisti,
body.rnp-fullpage #artisti.section-block {
    background:transparent !important;

    border-top:1px solid rgba(233,191,124,.42);
    border-radius:0;
    box-shadow:none !important;

    padding-top:42px;
    padding-bottom:52px;
}

body.rnp-fullpage #artisti .section-heading h2,
body.rnp-fullpage #artisti .section-heading p,
body.rnp-fullpage #artisti .section-heading .eyebrow {
    text-shadow:0 3px 17px rgba(0,0,0,.87);
}

/* PANNELLI LEGGIBILI, SENZA SFUOCATURA */

body.rnp-fullpage .empty-panel {
    background:rgba(6,15,32,.43) !important;
    border:1px solid rgba(233,191,124,.53) !important;
    box-shadow:0 13px 35px rgba(0,0,0,.2);

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    color:#fff1df;
}

body.rnp-fullpage .artist-card,
body.rnp-fullpage .video-card {
    background:rgba(7,16,34,.72) !important;
    border:1px solid rgba(233,191,124,.60);

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

body.rnp-fullpage .archive-banner {
    background:rgba(7,16,34,.58) !important;
    border:1px solid rgba(233,191,124,.40);

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

/* FOOTER */

body.rnp-fullpage .site-footer {
    background:rgba(4,10,23,.92) !important;
}

/* SCHERMI PICCOLI */

@media(max-width:740px) {

    body.rnp-fullpage {
        background-attachment:scroll,scroll !important;
        background-position:center,center top !important;
    }

    body.rnp-fullpage .hero {
        padding-top:34px;
        padding-bottom:32px;
    }

    body.rnp-fullpage .hero-copy {
        padding:16px 10px !important;
        background:rgba(5,13,29,.36) !important;
    }

    body.rnp-fullpage .hero-tv {
        padding:6px;
    }

    body.rnp-fullpage .empty-panel {
        background:rgba(6,15,32,.61) !important;
    }

    body.rnp-fullpage #artisti {
        padding-top:30px;
    }
}

/* RNP-068-ARTISTI
   Schede compatte sullo sfondo panoramico */

body.rnp-fullpage #artisti {
    padding-top:32px;
    padding-bottom:44px;
}

body.rnp-fullpage #artisti .section-heading {
    margin-bottom:24px;
}

body.rnp-fullpage #artisti .section-heading h2 {
    font-size:clamp(32px,3.5vw,48px);
}

/* Schede dinamiche: solo artisti realmente pubblicati */

body.rnp-fullpage #artisti .artist-grid {
    display:grid;
    grid-template-columns:repeat(
        auto-fit,
        minmax(min(100%,340px),1fr)
    );
    gap:18px;
}

body.rnp-fullpage #artisti .artist-card {
    display:grid;
    grid-template-columns:43% 57%;
    min-height:165px;
    overflow:hidden;
    border:1px solid rgba(238,196,127,.72);
    border-radius:17px;
    background:rgba(8,16,32,.81) !important;
    box-shadow:0 12px 35px rgba(0,0,0,.30);
    transition:transform .2s ease,box-shadow .2s ease;
}

body.rnp-fullpage #artisti .artist-card:hover {
    transform:translateY(-3px);
    box-shadow:0 20px 44px rgba(0,0,0,.38);
}

body.rnp-fullpage #artisti .artist-card-image {
    height:100%;
    min-height:165px;
    overflow:hidden;
}

body.rnp-fullpage #artisti .artist-card-image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

body.rnp-fullpage #artisti .artist-card-body {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    min-width:0;
    padding:15px 18px;
}

body.rnp-fullpage #artisti .artist-card h3 {
    font-size:clamp(19px,1.8vw,26px);
    line-height:1.15;
    margin:8px 0;
    overflow-wrap:anywhere;
}

body.rnp-fullpage #artisti .artist-card p {
    font-size:13px;
    line-height:1.45;
    margin:0;
}

body.rnp-fullpage #artisti .card-cta {
    margin-top:12px;
    font-size:12px;
}

/* Quando non ci sono artisti pubblicati,
   niente enorme pannello che copra Pompei. */

body.rnp-fullpage #artisti .empty-panel {
    max-width:680px;
    min-height:0;
    margin:0 auto;
    padding:22px 25px;
    border-radius:17px;
    background:rgba(6,14,29,.47) !important;
    border:1px solid rgba(238,196,127,.48);
    box-shadow:0 12px 30px rgba(0,0,0,.20);
}

body.rnp-fullpage #artisti .empty-icon {
    font-size:30px;
}

body.rnp-fullpage #artisti .empty-panel h3 {
    font-size:clamp(20px,2vw,26px);
    margin:8px 0;
}

body.rnp-fullpage #artisti .empty-panel p {
    font-size:14px;
    line-height:1.5;
    margin:8px auto 0;
}

@media(max-width:740px) {
    body.rnp-fullpage #artisti .artist-grid {
        grid-template-columns:1fr;
    }

    body.rnp-fullpage #artisti .artist-card {
        grid-template-columns:40% 60%;
    }

    body.rnp-fullpage #artisti .empty-panel {
        padding:22px 16px;
    }
}

@media(max-width:380px) {
    body.rnp-fullpage #artisti .artist-card {
        grid-template-columns:1fr;
    }

    body.rnp-fullpage #artisti .artist-card-image {
        height:210px;
    }
}