/* RNP-058 - Fotografia dietro l'intera homepage */

/* Il paesaggio appartiene alla pagina intera,
   NON alla hero e NON a una sezione separata. */

html {
    min-height:100%;
}

body.rnp-fullpage {
    min-height:100vh;
    background-color:#071327 !important;
    background-image:
      linear-gradient(
        180deg,
        rgba(4,11,25,.13),
        rgba(4,11,25,.25) 58%,
        rgba(4,11,25,.36)
      ),
      url('/assets/rnp-background-058.jpg') !important;
    background-size:cover,cover !important;
    background-position:center center,center center !important;
    background-repeat:no-repeat,no-repeat !important;
    background-attachment:fixed,fixed !important;
}

/* Via il vecchio pannello fotografico della hero. */

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

body.rnp-fullpage .hero {
    background:rgba(6,14,30,.12) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    min-height:0;
    padding-top:55px;
    padding-bottom:55px;
}

body.rnp-fullpage .hero-copy {
    background:transparent !important;
    padding:0 !important;
}

body.rnp-fullpage .hero h1,
body.rnp-fullpage .hero-copy p,
body.rnp-fullpage .hero-location {
    text-shadow:0 3px 15px rgba(0,0,0,.78);
}

/* Header reale sopra l'immagine. */

body.rnp-fullpage .site-header {
    background:rgba(5,12,27,.83) !important;
    border-bottom:1px solid rgba(232,185,118,.53);
}

/* Player reale, indipendente dalla fotografia. */

body.rnp-fullpage .hero-tv {
    background:rgba(6,14,30,.38) !important;
    border:1px solid rgba(232,185,118,.25);
    border-radius:23px;
}

body.rnp-fullpage .tv-frame {
    background:#080b13 !important;
    box-shadow:0 18px 45px rgba(0,0,0,.46);
}

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

/* Le sezioni inferiori condividono lo stesso sfondo. */

body.rnp-fullpage #artisti {
    padding-top:48px;
    padding-bottom:65px;
    background:rgba(5,13,29,.24) !important;
    border-top:1px solid rgba(232,185,118,.34);
}

body.rnp-fullpage .section-block {
    background:rgba(5,13,29,.26) !important;
    border-radius:0;
}

body.rnp-fullpage .artist-card,
body.rnp-fullpage .video-card,
body.rnp-fullpage .empty-panel,
body.rnp-fullpage .archive-banner {
    background:rgba(9,19,39,.83) !important;
    border:1px solid rgba(232,185,118,.35);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}

body.rnp-fullpage .section-heading h2 {
    text-shadow:0 3px 15px rgba(0,0,0,.75);
}

body.rnp-fullpage .site-footer {
    background:rgba(5,12,27,.9) !important;
}

@media(max-width:740px) {
    body.rnp-fullpage {
        background-attachment:scroll,scroll !important;
        background-position:center top,center top !important;
    }

    body.rnp-fullpage .hero {
        padding-top:38px;
        padding-bottom:38px;
        background:rgba(5,13,29,.25) !important;
    }

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

/* RNP-059-TRASPARENZE
   Fotografia continua e contenuti sovrapposti */

/* Manteniamo una sola fotografia per tutta la pagina. */

body.rnp-fullpage {
    background-image:
      linear-gradient(
        180deg,
        rgba(4,11,25,.16),
        rgba(4,11,25,.22) 55%,
        rgba(4,11,25,.30)
      ),
      url('/assets/rnp-background-058.jpg') !important;
}

/* Niente grandi rettangoli che nascondono il paesaggio. */

body.rnp-fullpage .hero,
body.rnp-fullpage #artisti,
body.rnp-fullpage .section-block {
    background:transparent !important;
    box-shadow:none !important;
}

/* Testi sempre leggibili sulla fotografia. */

body.rnp-fullpage .section-heading h2,
body.rnp-fullpage .section-heading p,
body.rnp-fullpage .section-heading .eyebrow {
    text-shadow:0 3px 14px rgba(0,0,0,.85);
}

/* Il contenitore senza artisti diventa vetro trasparente. */

body.rnp-fullpage .empty-panel {
    background:rgba(5,13,30,.38) !important;
    border:1px solid rgba(238,196,127,.52) !important;
    box-shadow:0 12px 36px rgba(0,0,0,.17);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    color:#f5ecdc;
}

body.rnp-fullpage .empty-panel h3 {
    color:#fff4e4;
    text-shadow:0 2px 12px rgba(0,0,0,.7);
}

/* Quando pubblicheremo i cantanti,
   le schede resteranno leggibili. */

body.rnp-fullpage .artist-card,
body.rnp-fullpage .video-card {
    background:rgba(5,13,30,.62) !important;
    border-color:rgba(238,196,127,.65);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}

/* La parte inferiore non interrompe lo sfondo. */

body.rnp-fullpage .archive-banner {
    background:rgba(5,13,30,.48) !important;
    border-color:rgba(238,196,127,.45);
}

/* Mobile: leggibilità e fotografia conservate. */

@media(max-width:740px) {
    body.rnp-fullpage .empty-panel {
        padding:38px 18px;
        background:rgba(5,13,30,.54) !important;
    }

    body.rnp-fullpage #artisti {
        padding-top:35px;
        padding-bottom:45px;
    }
}


/* RNP-060-NITIDEZZA
   Paesaggio riconoscibile, comandi in primo piano */

/* Velatura più leggera su tutta la fotografia. */

body.rnp-fullpage {
    background-image:
      linear-gradient(
        180deg,
        rgba(4,11,25,.08),
        rgba(4,11,25,.14) 60%,
        rgba(4,11,25,.24)
      ),
      url('/assets/rnp-background-058.jpg') !important;
}

/* Elimina ogni sfocatura del paesaggio. */

body.rnp-fullpage .empty-panel,
body.rnp-fullpage .artist-card,
body.rnp-fullpage .video-card,
body.rnp-fullpage .archive-banner {
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}

/* Il box degli artisti rimane trasparente. */

body.rnp-fullpage .empty-panel {
    background:rgba(6,14,29,.46) !important;
    border:1px solid rgba(233,191,124,.56) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.22);
}

body.rnp-fullpage .empty-panel h3,
body.rnp-fullpage .empty-panel p {
    text-shadow:0 2px 12px rgba(0,0,0,.85);
}

/* Nessuna fascia piena dietro i titoli. */

body.rnp-fullpage #artisti,
body.rnp-fullpage #artisti.section-block {
    background:transparent !important;
    border-top:1px solid rgba(233,191,124,.4);
    box-shadow:none !important;
}

/* Quando pubblicheremo gli artisti. */

body.rnp-fullpage .artist-card {
    background:rgba(7,16,33,.57) !important;
    border:1px solid rgba(233,191,124,.62);
}

/* Il player rimane un elemento separato e leggibile. */

body.rnp-fullpage .hero-tv,
body.rnp-fullpage .tv-frame {
    isolation:isolate;
}

/* Su mobile conserviamo il contrasto del testo. */

@media(max-width:740px) {
    body.rnp-fullpage .empty-panel {
        background:rgba(6,14,29,.62) !important;
    }
}