/* ============================================================
   Editing a blocchi nativi — compatibilità markup Gutenberg
   Riproduce il design approvato sui blocchi core (Columns/Group/Image/Button).
   Colpisce SOLO il markup dei blocchi: non tocca le pagine in HTML esistenti.
   Stefano Frassà per Planet
   ============================================================ */
/* Logo header (wordmark PlanetForm) — versione chiara/scura, senza filtri */
.brand{gap:0}
.brand .logo{height:26px;width:auto;display:block;filter:none!important}
.brand .logo-dark{display:none}
[data-theme="dark"] .brand .logo-light{display:none}
[data-theme="dark"] .brand .logo-dark{display:block}
@media(max-width:1000px){.brand .logo{height:22px}}
@media(max-width:440px){.brand .logo{height:19px}}

/* Numeri (home + Planet): niente barre verticali separatrici + 3 riquadri */
.hero-stats div, .gstat>div{border-right:none!important}
.hero-stats, .gstat{grid-template-columns:repeat(3,1fr)}
@media(max-width:700px){.hero-stats, .gstat{grid-template-columns:1fr}}

/* Indice news: più aria prima delle card */
.blog-grid{margin-top:34px}

/* Link nei contenuti/articoli: magenta, mai il blu di Astra — ESCLUSI i pulsanti (che restano bianchi) */
.prose a:not([class*="btn"]), .post-body a:not([class*="btn"]), .corso-detail a:not([class*="btn"]){color:var(--mag)!important}
.prose a:not([class*="btn"]):hover, .post-body a:not([class*="btn"]):hover, .corso-detail a:not([class*="btn"]):hover{color:var(--mag-br)!important}

/* Pulsanti magenta nei contenuti (prose/articoli): testo bianco visibile (non sovrascritto dal magenta) */
.prose a.btn-mag, .post-body a.btn-mag, .corso-detail a.btn-mag{color:#fff!important}

/* Elenchi nei contenuti (blocchi core + prose): stesso grigio dei paragrafi, non nero */
.wp-block-group.sec-pf li, .wp-block-columns li, .wp-block-list li, .prose li, .post-body li, .corso-detail li{color:var(--fg2)}

/* Card corso senza immagine: niente riquadro grigio vuoto (card solo testo) */
.corso .pic:empty{display:none}

/* Hover link testuali sempre magenta (mai il blu di Astra) — esclusi pulsanti e card */
a:not([class*="btn"]):not(.nav-cta):not(.wp-block-button__link):not(.wp-element-button):hover{color:var(--mag)!important}
/* Card: su hover il titolo (h3) segue il magenta, mai il blu di Astra */
.bcard:hover, .bcard:hover h3, .aud:hover, .aud:hover h3, .corso:hover, .corso:hover h3, .na:hover, .na:hover h3, .svc:hover, .svc:hover h3{color:var(--mag)!important}

.wp-block-group.sec-pf{padding:72px 0;margin:0}
.wp-block-group.sec-pf.alt{background:var(--surface)}
/* Contenitore interno = come .wrap (max 1280 + padding 40, centrato) */
.wp-block-group.pf-wrap{max-width:1280px;margin:0 auto;padding:0 40px}
/* Pagine prose: contenitore più stretto (come .prose .wrap) */
.wp-block-group.prose .wp-block-group.pf-wrap{max-width:820px}
.wp-block-group.prose .wp-block-group.pf-wrap>*:first-child{margin-top:0}

/* Split (testo + immagine) su core Columns */
.wp-block-columns.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:0}
.wp-block-columns.split>.wp-block-column{flex-basis:auto!important;margin:0}
.wp-block-columns.split .wp-block-image.media{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--surface);border-radius:18px}
.wp-block-columns.split .wp-block-image.media img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.wp-block-columns.split .wp-block-heading{font-size:clamp(22px,2.7vw,35px);text-transform:uppercase;margin:0 0 18px}
.wp-block-columns.split p:not(.lbl){font-size:16.5px;color:var(--fg2);line-height:1.7;margin:0 0 16px}

/* Griglia valori su core Columns */
.wp-block-columns.val-grid{display:grid;gap:14px;margin-top:42px}
.wp-block-columns.pf-grid2{grid-template-columns:repeat(2,1fr)}
.wp-block-columns.val-grid>.wp-block-column.val{flex-basis:auto!important;margin:0;border-top:2px solid var(--mag);padding:24px 0 0}
.wp-block-columns.val-grid .val .k{font-family:var(--mono);font-size:12px;color:var(--mag);margin:0}
.wp-block-columns.val-grid .val .wp-block-heading{font-size:20px;text-transform:uppercase;margin:14px 0 10px}
.wp-block-columns.val-grid .val p:not(.k){font-size:14.5px;color:var(--fg2);line-height:1.55;margin:0}

/* Intestazione sezione */
.wp-block-group.sec-head{max-width:760px;margin:0 0 14px}
.wp-block-group.sec-head .wp-block-heading{font-size:clamp(22px,2.7vw,35px);text-transform:uppercase;margin:0}
.wp-block-group.sec-head p:not(.lbl){font-size:17px;color:var(--fg2);margin-top:16px;line-height:1.6}
.wp-block-group.sec-head .lbl{margin:0 0 14px}

/* Pulsante brand su core Button */
.wp-block-button.btn-mag>.wp-block-button__link{background:var(--mag);color:#fff;font-family:var(--disp);font-weight:700;font-size:15px;padding:15px 28px;border:1.5px solid transparent;border-radius:0;transition:.3s}
.wp-block-button.btn-mag>.wp-block-button__link:hover{background:var(--mag-br)}

@media(max-width:1000px){
  .wp-block-columns.split,
  .wp-block-columns.val-grid.pf-grid2{grid-template-columns:1fr;gap:30px}
}