/* ==========================================================
   ICBD 0.3.2
   PROFESSIONAL CANINE / GENETICS BLUEPRINT BACKGROUNDS
   ========================================================== */

/*
 * Elimina definitivamente i vecchi SVG schematici
 * introdotti nelle versioni precedenti.
 */
.icbd-decor-dna::before,
.icbd-decor-skeleton::before,
.icbd-decor-working::before,
.error404 .icbd-site-main::before,
.page .icbd-site-main::before,
.single .icbd-site-main::before {
    content: none !important;
    display: none !important;
    background-image: none !important;
}

/* ----------------------------------------------------------
   VARIABILI
   ---------------------------------------------------------- */

html[data-icbd-theme="light"] {
    --icbd-bp-01: url("../images/icbd-blueprints/blueprint-light-01.png");
    --icbd-bp-02: url("../images/icbd-blueprints/blueprint-light-02.png");
    --icbd-bp-03: url("../images/icbd-blueprints/blueprint-light-03.png");

    --icbd-bp-overlay: rgba(248, 252, 254, .74);
    --icbd-bp-base: #f7fbfd;
}

html[data-icbd-theme="dark"] {
    --icbd-bp-01: url("../images/icbd-blueprints/blueprint-dark-01.png");
    --icbd-bp-02: url("../images/icbd-blueprints/blueprint-dark-02.png");
    --icbd-bp-03: url("../images/icbd-blueprints/blueprint-dark-03.png");

    --icbd-bp-overlay: rgba(3, 20, 30, .56);
    --icbd-bp-base: #061923;
}


/* ----------------------------------------------------------
   HOME
   Le immagini cambiano realmente durante lo scorrimento.
   Non viene toccata la hero principale.
   ---------------------------------------------------------- */

.icbd-home > section:not(.home-hero) {
    background-color: var(--icbd-bp-base) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

/* gruppo 1 */
.icbd-home > section:nth-of-type(3n+1):not(.home-hero) {
    background-image:
        linear-gradient(
            var(--icbd-bp-overlay),
            var(--icbd-bp-overlay)
        ),
        var(--icbd-bp-01) !important;
}

/* gruppo 2 */
.icbd-home > section:nth-of-type(3n+2):not(.home-hero) {
    background-image:
        linear-gradient(
            var(--icbd-bp-overlay),
            var(--icbd-bp-overlay)
        ),
        var(--icbd-bp-02) !important;
}

/* gruppo 3 */
.icbd-home > section:nth-of-type(3n):not(.home-hero) {
    background-image:
        linear-gradient(
            var(--icbd-bp-overlay),
            var(--icbd-bp-overlay)
        ),
        var(--icbd-bp-03) !important;
}


/* ----------------------------------------------------------
   DIFFERENZIAZIONE DELLA POSIZIONE
   Evita l'effetto "stessa immagine ripetuta".
   ---------------------------------------------------------- */

.icbd-home > section:nth-of-type(6n+1) {
    background-position: center left !important;
}

.icbd-home > section:nth-of-type(6n+2) {
    background-position: center center !important;
}

.icbd-home > section:nth-of-type(6n+3) {
    background-position: center right !important;
}

.icbd-home > section:nth-of-type(6n+4) {
    background-position: 35% center !important;
}

.icbd-home > section:nth-of-type(6n+5) {
    background-position: 65% center !important;
}

.icbd-home > section:nth-of-type(6n) {
    background-position: center center !important;
}


/* ----------------------------------------------------------
   PAGINE INTERNE
   Tre immagini distribuite lungo la pagina.
   ---------------------------------------------------------- */

body.page:not(.home) .icbd-site-main,
body.single .icbd-site-main,
body.archive .icbd-site-main,
body.search .icbd-site-main {
    background-color: var(--icbd-bp-base) !important;

    background-image:
        linear-gradient(
            var(--icbd-bp-overlay),
            var(--icbd-bp-overlay)
        ),
        var(--icbd-bp-01),

        linear-gradient(
            var(--icbd-bp-overlay),
            var(--icbd-bp-overlay)
        ),
        var(--icbd-bp-02),

        linear-gradient(
            var(--icbd-bp-overlay),
            var(--icbd-bp-overlay)
        ),
        var(--icbd-bp-03) !important;

    background-repeat:
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat !important;

    background-position:
        center top,
        center top,
        center center,
        center center,
        center bottom,
        center bottom !important;

    background-size:
        100% 34%,
        100% 34%,
        100% 34%,
        100% 34%,
        100% 34%,
        100% 34% !important;
}


/* ----------------------------------------------------------
   404
   ---------------------------------------------------------- */

body.error404 .icbd-site-main {
    background-color: var(--icbd-bp-base) !important;

    background-image:
        linear-gradient(
            var(--icbd-bp-overlay),
            var(--icbd-bp-overlay)
        ),
        var(--icbd-bp-01) !important;

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


/* ----------------------------------------------------------
   TEMA CHIARO
   Forza anche le sezioni precedentemente rimaste scure.
   ---------------------------------------------------------- */

html[data-icbd-theme="light"] .home-wdf,
html[data-icbd-theme="light"] .home-contact-section,
html[data-icbd-theme="light"] .home-final-cta,
html[data-icbd-theme="light"] .home-song-card {
    color: #102d3b !important;
}

html[data-icbd-theme="light"] .home-wdf h2,
html[data-icbd-theme="light"] .home-wdf h3,
html[data-icbd-theme="light"] .home-contact-section h2,
html[data-icbd-theme="light"] .home-contact-card strong,
html[data-icbd-theme="light"] .home-final-cta h2,
html[data-icbd-theme="light"] .home-song-card h3 {
    color: #082536 !important;
}

html[data-icbd-theme="light"] .home-wdf p,
html[data-icbd-theme="light"] .home-contact-section p,
html[data-icbd-theme="light"] .home-song-card p {
    color: #526d78 !important;
}

html[data-icbd-theme="light"] .home-dark-panel,
html[data-icbd-theme="light"] .home-contact-card,
html[data-icbd-theme="light"] .home-song-card {
    background: rgba(255,255,255,.88) !important;
    border-color: rgba(36,112,145,.18) !important;
    box-shadow: 0 18px 45px rgba(16,55,73,.08) !important;
}


/* ----------------------------------------------------------
   TEMA SCURO
   ---------------------------------------------------------- */

html[data-icbd-theme="dark"] .icbd-home > section:not(.home-hero) {
    color: #dce9ee;
}

html[data-icbd-theme="dark"] .home-wdf,
html[data-icbd-theme="dark"] .home-contact-section,
html[data-icbd-theme="dark"] .home-final-cta {
    color: #eaf2f5 !important;
}


/* ----------------------------------------------------------
   BOX INFORMATIVE: AZZURRO, NON WARNING
   ---------------------------------------------------------- */

html[data-icbd-theme="light"] .home-info-note,
html[data-icbd-theme="light"] .home-warning {
    color: #153c50 !important;
    background: rgba(218, 240, 249, .92) !important;
    border-color: rgba(52, 145, 184, .30) !important;
}

html[data-icbd-theme="light"] .home-info-note strong,
html[data-icbd-theme="light"] .home-warning strong {
    color: #0a5272 !important;
}

html[data-icbd-theme="dark"] .home-info-note,
html[data-icbd-theme="dark"] .home-warning {
    color: #e8f6fb !important;
    background: rgba(15, 71, 94, .84) !important;
    border-color: rgba(79, 181, 223, .30) !important;
}

html[data-icbd-theme="dark"] .home-info-note strong,
html[data-icbd-theme="dark"] .home-warning strong {
    color: #8ed8f5 !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 820px) {

    .icbd-home > section:not(.home-hero) {
        background-size: auto 100% !important;
        background-position: center center !important;
    }

    body.page:not(.home) .icbd-site-main,
    body.single .icbd-site-main,
    body.archive .icbd-site-main,
    body.search .icbd-site-main {
        background-size:
            auto 34%,
            auto 34%,
            auto 34%,
            auto 34%,
            auto 34%,
            auto 34% !important;
    }
}


/* ----------------------------------------------------------
   ACCESSIBILITÀ / PRINT
   ---------------------------------------------------------- */

@media print {
    .icbd-home > section,
    .icbd-site-main {
        background-image: none !important;
        background-color: #fff !important;
    }
}