/* CSS della feature "servizio-first" (verbo del servizio davanti alle norme).
   Foglio separato da blocks.css per non intrecciare modifiche non committate di altre feature. */

/* Verbo servizio ("servizio-first") sopra il codice norma nel mega menu.
   L'item base è un flex (verb | code | tag su UN'UNICA riga): il verbo resta
   inline col codice e la descrizione va a capo in modo storto (larghezza
   residua ballerina). Rendiamo l'item un BLOCCO: il verbo è un kicker a riga
   intera, poi "codice + descrizione" scorrono come testo inline sulla riga
   sotto (la descrizione va a capo in modo naturale, uguale per tutte le voci). */
.pl-nav-megamenu-item{
    display:block;
}
.pl-nav-megamenu-item-verb{
    display:block;
    font-size:.62rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--cluster-color,#288890);
    margin-bottom:2px;
    line-height:1.1;
}
/* Il vecchio spazio tra codice e descrizione era il gap del flex: ora che
   l'item è block, lo ridiamo come margine a destra del codice. */
.pl-nav-megamenu-item-code{
    margin-right:7px;
}

/* Eyebrow servizio sopra il codice nella pagina-norma ("servizio-first") */
.pl-std-service-eyebrow{
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--cluster-color,#288890);
    margin:0 0 .35rem;
}

/* Verbo servizio nelle card del cluster grid /servizi/ */
.pl-std-cluster-card-verb{
    display:block;
    font-size:.66rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--cluster-color,#288890);
    margin-bottom:3px;
}