/*          =========================================
              HOME                              */
/*#region   ========================================= */

/* -------- HERO -------- */
.hero-home {
    padding-top: clamp(100px, 28vh, 320px);
    padding-bottom: clamp(32px, 6vh, 100px);
    min-height: var(--hero-high);
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2026/01/Immagine-HD-Hero-Homepage-scaled.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.hero-home .hero-home-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
}

.hero-home :is(.hero-home-title, .hero-home-paragrafo, .hero-home-subtitle) {
    text-align: center;
}

/* -------- WHAT IS -------- */

@media (max-width: 900px) {
    .cosa-home .wp-block-columns {
        flex-direction: column !important;
    }

    .cosa-home .wp-block-column {
        width: 100% !important;
    }
}

.cosa-home .cosa-home-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
}

.cosa-home .cosa-home-title-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cosa-home .cosa-home-title-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cosa-home .cosa-home-title {
    text-align: center !important;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.cosa-home-paragrafo {
    padding: 0 15px;
}

.cosa-home .cosa-home-box-button {
    justify-content: center;
}

.cosa-home .cosa-home-box-image {
    display: flex;
    justify-content: center;
}

.cosa-home .cosa-home-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

/* -------- SPIEGAZIONE SERVIZI -------- */

.explain-home .explain-home-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
}

.explain-home .explain-home-box-title {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 15px;
}

.explain-home-box-title>* {
    margin: 0 !important;
    padding: 0 !important;
}

.explain-home .explain-home-icon {
    margin-top: -6px;
}

/* -------- SEZIONE PARALLAX -------- */

.parallax-home {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Immagine-Stacco-Homepage-scaled.jpg");
}

/* -------- FRASE MOTIVAZIONALE -------- */

.motivation-home .motivation-home-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
}

.motivation-home .motivation-home-paragrafo {
    text-align: center;
}

/* -------- SEZIONE VALORI -------- */
@media (max-width: 900px) {
    .valori-home .wp-block-columns {
        flex-direction: column !important;
    }

    .cosa-home .wp-block-column {
        width: 100% !important;
    }
}

.valori-home .valori-home-workspace {
    display: flex;
    margin-inline: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.valori-home .valori-home-box-icon {
    max-width: var(--workspace-width);
    padding-inline: var(--paddinginline-workspace);
    margin-right: auto;
}

.valori-home-background {
    background-color: var(--color-background);
}

.valori-home .valori-home-columns {
    max-width: var(--workspace-width);
    padding-inline: var(--paddinginline-workspace);
    gap: 50px;
}

.valori-home .valori-home-box-title>* {
    margin: 0;
    padding: 0;
}

.valori-home .valori-home-box-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.valori-home .valori-home-title-image {
    display: block;
    margin-inline: auto;
}

.valori-home .valori-home-title {
    text-align: center;
    padding: 0 20px;
}

.valori-home .valori-home-paragrafo {
    line-height: 20px;
}

/* nascondi il marker standard del browser */
.accordion-horizon summary::-webkit-details-marker {
    display: none;
}

.accordion-horizon summary::marker {
    content: "";
}

summary::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 13px;
    margin-left: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2213%22%20viewBox%3D%220%200%2020%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M2.35%200L10%207.68733L17.65%200L20%202.36662L10%2012.4374L0%202.36662L2.35%200Z%22%20fill%3D%22%23544fa1%22/%3E%3C/svg%3E");

    transition: transform 0.25s ease;
}

summary {
    position: relative;
    display: flex;
    justify-content: space-between;
    /* titolo a sinistra, icona a destra */
    align-items: center;
    width: 100%;
}

details[open] summary::after {
    transform: rotate(180deg);
}

.lunghezza-dettagli {
    width: 100%;
    max-width: clamp(320px, 90vw, 645px);
}

/* -------- SEZIONE SERVIZI -------- */
.servizi-home {
    width: 100%;
}

.servizi-home .servizi-home-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
}

.servizi-home .servizi-home-box-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.servizi-home .servizi-home-icon {
    margin-inline: auto;
}

.servizi-home .servizi-home-box-title>* {
    margin: 0;
    padding: 0;
}

.servizi-home .servizi-home-box-title {
    display: flex;
    flex-direction: column;
    /* uno sotto l’altro */
    align-items: center;
    /* (opzionale) centra il blocco */
    gap: 20px;
}

/* GESTIONE CARD*/

.servizi-home .servizi-home-box-card {
    width: 100%;
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
    margin-top: 50px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.home-card>* {
    margin: 0;
    padding: 0;
}

.servizi-home .home-card {
    width: 100%;
    max-width: clamp(260px, 60vw, 360px);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
}

.servizi-home .home-card-didattica {
    width: 100%;
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Immagine-Card-Scuola.png");

    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.servizi-home .home-card-design {
    width: 100%;
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Immagine-Card-Design.png");

    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.servizi-home .home-card-title {
    padding-top: 20px;
    padding-left: 20px;
    margin-right: auto;
}

.servizi-home .home-card-icon-box {
    margin-top: auto;
    margin-left: auto;
    margin-right: 0;
}

.servizi-home .home-card-icon {
    padding-bottom: 20px;
    padding-right: 20px;
}

/*#endregion */


/*          =========================================
              HOME - DESKTOP  */
/*#region   ========================================= */

@media (min-width: 900px) {

    /* -------- HERO -------- */

    .hero-home {
        max-width: 2560px;
        padding-top: clamp(100px, 8vw, 280px);
        background-attachment: scroll;
    }

    .hero-home :is(.hero-home-title, .hero-home-paragrafo, .hero-home-subtitle) {
        text-align: left;
    }

    .hero-home .hero-home-box-paragrafo {
        margin-top: clamp(64px, 10vh, 140px);
        margin-left: auto;

        padding: 24px;
        width: 100%;
        max-width: 400px;
    }

    .hero-home .hero-home-box-paragrafo>* {
        margin: 0;
        padding: 0;
    }

    .hero-home .hero-home-subtitle {
        margin-top: clamp(48px, 6vh, 96px);
    }

    /* -------- WHAT IS -------- */

    .cosa-home .cosa-home-workspace .cosa-home-title-box {
        flex-direction: row;
        align-items: center;
        text-align: left;
        gap: 20px;
    }

    .cosa-home .cosa-home-title-image {
        margin-left: unset;
        margin-right: unset;
    }

    .cosa-home .cosa-home-title {
        text-align: center !important;
        margin-top: 20px;
        margin-left: unset;
        margin-right: unset;
    }

    .cosa-home-title-box>* {
        margin: 0 !important;
        padding: 0 !important;
    }

    .cosa-home .cosa-home-box-button {
        justify-content: unset;
    }

    .cosa-home .cosa-home-box-image {
        display: flex;
        justify-content: flex-end;
    }

    .cosa-home .cosa-home-image {
        display: block;
        margin-left: auto;
        margin-right: 0;
        margin-top: unset;
    }

    /* -------- SPIEGAZIONE SERVIZI -------- */

    .explain-home .explain-home-columns {
        display: flex;
        justify-content: center;
        gap: 35px;
    }

    .explain-home .explain-home-columns>.wp-block-column {
        flex: 0 0 395px;
    }

    /* -------- SEZIONE PARALLAX -------- */
    .parallax-home {
        background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Immagine-Stacco-Homepage-scaled.jpg");
    }

    /* -------- FRASE MOTIVAZIONALE -------- */

    .motivation-home .motivation-home-paragrafo {
        text-align: center;
    }

    /* -------- SEZIONE VALORI -------- */

    .valori-home .valori-home-workspace {
        display: block;
    }

    .valori-home .valori-home-box-icon {
        margin-inline: auto;
    }

    .valori-home .valori-home-columns {
        margin-inline: auto;
        gap: 50px;
    }

    .valori-home .valori-home-col-right {
        max-width: 580px;
        padding-top: 100px;
    }

    .valori-home .valori-home-box-title {
        flex-direction: row;
        align-items: flex-start;
        gap: 20px;
    }

    .valori-home .valori-home-title-image {
        margin-left: unset;
        margin-right: unset;
    }

    .valori-home .valori-home-title {
        text-align: left;
        padding: unset;
    }

    .valori-home .valori-home-paragrafo {
        line-height: 30px;
    }

    /* -------- SEZIONE SERVIZI -------- */

    .servizi-home .servizi-home-box-icon {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .servizi-home .servizi-home-icon {
        margin-inline: auto;
    }

    .servizi-home .servizi-home-box-title>* {
        margin: 0;
        padding: 0;
    }

    .servizi-home .servizi-home-box-title {
        display: flex;
        flex-direction: column;
        /* uno sotto l’altro */
        align-items: center;
        /* (opzionale) centra il blocco */
        gap: 20px;
    }

    /* GESTIONE CARD*/

    .servizi-home .servizi-home-box-card>* {
        margin: 0;
        padding: 0;
    }

    .servizi-home .servizi-home-box-card {
        flex-direction: row;
        justify-content: center;
        gap: 50px;
    }

    .servizi-home .home-card {
        max-width: 400px;
    }

    .servizi-home .home-card-title {
        padding-top: 40px;
        padding-left: 40px;
    }

    .servizi-home .home-card-icon {
        padding-bottom: 40px;
        padding-right: 40px;
    }

}

/*#endregion */