/*
 * Stili dei blocchi ELIOS: valgono sia nell'editor sia sul sito.
 * Colori e font sono scritti per esteso perché nell'editor non esistono le variabili di site.css.
 * Il prefisso "body" dà alle regole la precedenza sul testo della scheda progetto (.case-story__body p).
 */

/* Frase in evidenza */
body .wp-block-group.is-style-elios-highlight { margin: 44px 0; padding: 6px 0 6px 28px; border-left: 6px solid #d2cd16; }
body .wp-block-group.is-style-elios-highlight p { max-width: none; margin: 0; color: #061c3f; font-family: "Montserrat", sans-serif; }
body .wp-block-group.is-style-elios-highlight .elios-highlight__label { margin-bottom: 14px; color: #5a677c; font: 600 12px/1.4 "Karla", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
body .wp-block-group.is-style-elios-highlight .elios-highlight__text { font-size: clamp(24px, 2.6vw, 38px); font-weight: 700; line-height: 1.22; letter-spacing: -.03em; }

/* Fascia con filetto */
body .wp-block-group.is-style-elios-band { margin: 56px 0 0; padding: 26px 0 8px; border-top: 1px solid rgba(6, 28, 63, .16); }
body .wp-block-group.is-style-elios-band .elios-band__label { margin: 0 0 18px; color: #5a677c; font: 600 12px/1.4 "Karla", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
body .wp-block-group.is-style-elios-band h3 { margin: 0 0 18px; color: #061c3f; font-family: "Montserrat", sans-serif; font-size: clamp(26px, 2.8vw, 40px); line-height: 1.1; letter-spacing: -.04em; }

/* Card ELIOS */
body .wp-block-columns.is-style-elios-cards { gap: 0; margin: 48px 0; border-top: 1px solid rgba(6, 28, 63, .16); }
body .wp-block-columns.is-style-elios-cards > .wp-block-column { padding: 26px 24px 30px 0; }
body .wp-block-columns.is-style-elios-cards > .wp-block-column + .wp-block-column { padding-left: 24px; border-left: 1px solid rgba(6, 28, 63, .16); }
body .wp-block-columns.is-style-elios-cards .elios-card__number { margin: 0 0 22px; color: #5a677c; font: 600 12px/1.4 "Karla", sans-serif; letter-spacing: .1em; }
body .wp-block-columns.is-style-elios-cards h3 { margin: 0 0 14px; color: #061c3f; font-family: "Montserrat", sans-serif; font-size: 21px; line-height: 1.2; letter-spacing: -.03em; }
body .wp-block-columns.is-style-elios-cards p:not(.elios-card__number) { margin: 0; color: #4e596b; font-size: 16px; line-height: 1.7; }
@media (max-width: 781px) {
  body .wp-block-columns.is-style-elios-cards > .wp-block-column,
  body .wp-block-columns.is-style-elios-cards > .wp-block-column + .wp-block-column { padding: 24px 0 26px; border-left: 0; border-bottom: 1px solid rgba(6, 28, 63, .16); }
}

/* Testo con immagine */
body .wp-block-media-text.elios-media { margin: 48px 0; gap: 0 36px; grid-template-columns: 46% 1fr; }
body .wp-block-media-text.elios-media .wp-block-media-text__content { padding: 0; }
body .wp-block-media-text.elios-media h3 { margin: 0 0 14px; color: #061c3f; font-family: "Montserrat", sans-serif; font-size: clamp(22px, 2.2vw, 30px); line-height: 1.15; letter-spacing: -.03em; }
body .wp-block-media-text.elios-media img { display: block; width: 100%; height: auto; }

/* Pannello giallo */
body .wp-block-group.is-style-elios-panel { margin: 52px 0; padding: 38px 40px 40px; color: #061c3f; background: #d2cd16; }
body .wp-block-group.is-style-elios-panel h3 { margin: 0 0 14px; color: #061c3f; font-family: "Montserrat", sans-serif; font-size: clamp(24px, 2.6vw, 36px); line-height: 1.1; letter-spacing: -.04em; }
body .wp-block-group.is-style-elios-panel p { max-width: 620px; margin: 0 0 22px; color: #061c3f; font-size: 17px; line-height: 1.6; }
body .wp-block-group.is-style-elios-panel .wp-block-button__link { padding: 14px 26px; border-radius: 0; color: #fff; background: #061c3f; font: 600 14px/1.2 "Karla", sans-serif; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; }
@media (max-width: 600px) { body .wp-block-group.is-style-elios-panel { padding: 28px 24px 30px; } }