/**
 * Hope WF — Eureka Wind
 * Override parent hardcoded colors to match eurekawind.it original
 */

/* Rimuove il gap tra i blocchi ACF nella homepage */
.wp-site-blocks .wp-block-post-content > *,
:where(.is-layout-flow) > * {
    margin-block-start: 0;
}

:root {
    --azzurrino: #3d6c77;
    --verde_acqua: #46babd;
    --viola: #9c60a3;
    --grigino: #788aac;
}

/* ═══════════════ Numeri ═══════════════ */
#numeri .single h5 {
    color: #72c1d7;
    font-weight: 400 !important;
}
#numeri .single span {
    color: #5b6d77;
}

/* ═══════════════ Parco (Il Progetto) ═══════════════ */
#parco {
    background-color: #c3e966;
}
/* Titolo: grigio su lime (override inline #fff) */
#parco h2 {
    color: #5b6d77 !important;
}
/* Testo intro */
#parco p,
#parco .text-white {
    color: #5b6d77 !important;
}
#parco .color_5b6d77 {
    color: #5b6d77;
}
/* Accordion items: bg verde oliva, bordi arrotondati, nessun border */
#parco .parcoFaq .single {
    background-color: #a4b862;
    border-radius: 5px;
    margin-bottom: 20px;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
}
#parco .parcoFaq .single:not(:last-of-type),
#parco .parcoFaq .single:last-of-type {
    border-top: none !important;
    border-bottom: none !important;
}
/* Accordion title: bianco, peso normale, dimensione 2rem (override parent h3 bold + color-79add2) */
#parco .parcoFaq .single .color-79add2,
#parco .parcoFaq .single h3 {
    color: #ffffff !important;
    font-weight: 400 !important;
    font-size: 2rem;
    padding: 0.5rem 2rem;
}
/* Testo espanso accordion: grigio #5b6d77, non bianco */
#parco .parcoFaq .single div p,
#parco .parcoFaq .single div p.text-white,
#parco .parcoFaq .single div .text-white {
    color: #5b6d77 !important;
}
/* Padding contenuto espanso */
#parco .parcoFaq .single > div[style] {
    padding: 0 3rem;
}
/* custom-list dentro accordion: testo grigio */
#parco .parcoFaq .single .custom-list li {
    color: #5b6d77;
}

/* ═══════════════ FAQ ═══════════════ */
#faq {
    background-color: #72c1d7;
}
/* Titolo: lime (override inline #25394e) */
#faq > .containerLupiae > .w-100 > h2 {
    color: #c3e966 !important;
}
/* Bordi accordion */
#faq .parcoFaq .single {
    border-top: 3px solid #c3e966;
}
#faq .parcoFaq .single:last-of-type {
    border-bottom: 3px solid #c3e966;
}
#faq .parcoFaq {
    width: 70%;
}
/* Titoli domande: grigio scuro (override inline #477392) */
#faq .parcoFaq .single h5 {
    color: #586d77 !important;
    font-weight: 400;
}

/* ═══════════════ Chi Siamo ═══════════════ */
#chisiamo {
    color: #25394e;
}
#chisiamo p {
    color: #25394e;
}
/* Contenitore loghi partner: override parent width 20% → 40% come originale */
.loghi_footer > div {
    width: 40%;
}
.loghi_footer_right {
    gap: 10%;
}
.loghi_footer_right .logo {
    width: 40%;
    height: 9rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0.5rem;
}

/* ═══════════════ Footer (Contatti) ═══════════════ */
#footer {
    background-color: #c3e966;
}
/* Tutto il testo dentro #footer: grigio (override ogni inline #fff) */
#footer,
#footer *:not(.pt-5):not(.contatti_footer):not(.contatti_footer *) {
    color: #5b6d77 !important;
}
#footer font[color] {
    color: #5b6d77 !important;
}
#footer a {
    color: #5b6d77 !important;
}
#footer p {
    font-size: 1.2rem;
}
/* Bordi email bar: grigio */
#footer .fw-bold[style*="border"] {
    border-color: #5b6d77 !important;
}
/* Copyright bar: sfondo grigio, testo bianco */
#footer > .pt-5.pb-5.w-100 {
    background-color: #5b6d77 !important;
}
#footer > .pt-5.pb-5.w-100,
#footer > .pt-5.pb-5.w-100 * {
    color: #ffffff !important;
}
#footer > .pt-5.pb-5.w-100 > .contatti_footer {
    max-width: 700px;
    font-size: 1rem;
}

/* ═══════════════ Custom list (bullets Parco) ═══════════════ */
.custom-list {
    list-style: none;
    padding-left: 0;
}
.custom-list li {
    position: relative;
    margin-bottom: 10px;
    color: #5b6d77;
}
.custom-list li::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 4px;
    background-color: #cbe779;
    margin-right: 10px;
    vertical-align: middle;
    top: 13px;
}
