/* =========================
   LEGIS – reset headers
========================= */
/* FIX gerarchia headings – override Bootstrap */
:where(h1.wp-block-heading){
  font-size: var(--wp--preset--font-size--xx-large, 3rem) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

:where(h2.wp-block-heading){
  font-size: var(--wp--preset--font-size--x-large, 2.5rem) !important;
}

/* =========================
   LEGIS – pillole e bottoni
========================= */
/* Pill / Badge */
.legis-pill {
  display: inline-block;
  background: var(--wp--preset--color--yellow-accent);
  color: var(--wp--preset--color--blue-primary);
  border: 1px solid var(--wp--preset--color--blue-primary);
  font-family: var(--wp--preset--font-family--sans);
  font-weight: 700;
  font-size: 0.75rem;
  padding: 3px 8px;
  border-radius: 4px;
  line-height: 1.2;
  vertical-align: middle;
}

.legis-pill--premium {
  background: var(--wp--preset--color--yellow-accent);
}

.legis-pill--success {
  background: var(--wp--preset--color--green-success);
  color: #fff;
  border-color: var(--wp--preset--color--green-success);
}

/* Secondary button style (apply as a block style/class) */
.is-style-legis-secondary .wp-block-button__link {
  background: var(--wp--preset--color--yellow-accent) !important;
  color: var(--wp--preset--color--blue-primary) !important;
  border: 1px solid var(--wp--preset--color--blue-primary) !important;
}
.is-style-legis-secondary .wp-block-button__link:hover {
  filter: brightness(0.98);
  background: var(--wp--preset--color--blue-primary) !important;
  color: #fff !important;
}

/* Service button style (apply as a block style/class) */
.is-style-legis-service .wp-block-button__link {
  background: var(--wp--preset--color--blue-light) !important;
  color: var(--wp--preset--color--blue-primary) !important;
  border: 1px solid var(--wp--preset--color--blue-primary) !important;
}
.is-style-legis-service .wp-block-button__link:hover {
  filter: brightness(0.98);
  background: var(--wp--preset--color--yellow-accent) !important;
}

/* Fiducia button style (apply as a block style/class) */
.is-style-legis-fiducia .wp-block-button__link {
  background: var(--wp--preset--color--green-success) !important;
  color: #fff !important;
  border: 1px solid var(--wp--preset--color--blue-primary) !important;
}
.is-style-legis-fiducia .wp-block-button__link:hover {
  filter: brightness(0.98);
  background: var(--wp--preset--color--blue-primary) !important;
}
/* Evita che il link hover globale cambi il testo dei bottoni */
.wp-block-button .wp-block-button__link:hover{
  color: var(--wp--preset--color--yellow-accent);
}

/* =========================
   CARD (core/group) – Base
========================= */
.is-style-legis-card,
.is-style-legis-card-premium,
.is-style-legis-card-soft{
  padding: 14px !important;
  background: var(--wp--preset--color--gray-bg);
  border-radius: 8px;
  border: 1px solid var(--wp--preset--color--blue-primary);
  box-shadow: var(--wp--preset--shadow--card);
  transition: transform .2s ease, box-shadow .2s ease;
}

.is-style-legis-card:hover,
.is-style-legis-card-premium:hover,
.is-style-legis-card-soft:hover{
  transform: translateY(-2px);
  box-shadow: var(--wp--preset--shadow--card-hover);
}

/* Tipografia paragrafo dentro la card */
.is-style-legis-card p,
.is-style-legis-card-premium p,
.is-style-legis-card-soft p{
  font-size: var(--wp--preset--font-size--md);
  line-height: 1.3;
  color: var(--wp--preset--color--gray-text);
}

/* Immagine a corretta dimensione e responsive */
.legis-card__art {
  max-width: 100%;
  height: auto;
}
@media (max-width: 781px) {
  .legis-card__art {
    max-width: 240px; /* o 260 */
    margin-inline: auto;
    display: block;
  }
}

/* Carosello con tre copertine */
/* contenitore "ventaglio" */
.legis-card__media{
  position: relative;
  width: 100%;
  height: auto;          /* <-- niente spazio riservato */
  padding-bottom: clamp(110px, 30vw, 185px); /* <-- spazio per le cover */
  display: block; /* niente flex */
  overflow: visible;
}

/* figure del blocco immagine */
.legis-card__media > figure.wp-block-image{
  position: absolute;
  left: 50%;
  bottom: 25px;
  width: clamp(65px, 14vw, 100px);  /* dimensione cover responsiva */
  margin: 0;
  transform-origin: 50% 100%;
  transition: transform 0.3s ease;
}

.legis-card__media > figure.wp-block-image img{
  width: 100%;
  height: auto;
  display: block;
  box-shadow: 0 6px 16px rgba(0,0,0,.15);
}

/* 3 posizioni */
.legis-card__media > figure.wp-block-image:nth-of-type(1){
  transform: translateX(-110%) rotate(-6deg);
  z-index: 1;
}
.legis-card__media > figure.wp-block-image:nth-of-type(2){
  transform: translateX(-50%) rotate(0deg);
  z-index: 2;
}
.legis-card__media > figure.wp-block-image:nth-of-type(3){
  transform: translateX(10%) rotate(6deg);
  z-index: 1;
}
/* OTTIMIZZAZIONE PER MOBILE */

@media (max-width: 781px) {
.legis-card__media .wp-block-image {
    max-width: 90px;
  }
}
@media (max-width: 480px) {
  .legis-card__media {
    /* Riduciamo l'altezza del contenitore su mobile */
    padding-bottom: 140px; 
  }
  /* Stringiamo il ventaglio così i libri non escono dai bordi */
  .legis-card__media > figure.wp-block-image:nth-of-type(1) {
    transform: translateX(-105%) rotate(-4deg);
  }
  .legis-card__media > figure.wp-block-image:nth-of-type(3) {
    transform: translateX(5%) rotate(4deg);
  }
}

/* =========================
   VARIANTE 1 – Premium
========================= */
.is-style-legis-card-premium{
  background: var(--wp--preset--color--yellow-soft);
  border-color: var(--wp--preset--color--yellow-gold);
}

/* =========================
   VARIANTE 2 – Soft
========================= */
.is-style-legis-card-soft{
  background: var(--wp--preset--color--gray-bg);
  border-color: var(--wp--preset--color--gray-disabled);
}
/* =========================
   STRETCH: 3 cards stessa altezza + CTA in fondo
========================= */

/* La row columns deve stretchare */
.legis-cards-row{
  align-items: stretch;
}

/* Ogni colonna diventa un contenitore flex */
.legis-cards-row > .wp-block-column{
  display: flex;
  flex-direction: column;
}


/* La CTA (Buttons) va in fondo ALL’INTERNO della card */
.legis-cards-row > .wp-block-column > .wp-block-buttons{
  margin-top: auto;
  padding-top: 14px;
}
/* =========================
   ALLINEAMENTO TESTI: stessa altezza titolo (desktop)
   così il paragrafo parte alla stessa quota
========================= */
@media (min-width: 782px){

  .legis-cards-row > .wp-block-column.is-style-legis-card > .wp-block-heading,
  .legis-cards-row > .wp-block-column.is-style-legis-card-premium > .wp-block-heading,
  .legis-cards-row > .wp-block-column.is-style-legis-card-soft > .wp-block-heading{
    line-height: 1.2;                 /* coerente con theme.json */
    min-height: calc(1.2em * 2);      /* 2 righe “riservate” */
    margin-top: 0;
    margin-bottom: 10px;             /* scegli tu (10–14px) */
  }
}

/* =========================
   TRUST BAR (Blocco rassicurazione)
========================= */
.legis-trustbar{
  /* più “istituzionale”: blocco non troppo largo, centrato */
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;

  /* ritmo verticale */
  padding-top: var(--wp--preset--spacing--sm);
  padding-bottom: var(--wp--preset--spacing--sm);

  /* optional: stacco elegante dalla sezione sopra */
  border-top: 1px solid rgba(0,0,0,.08);
  padding-top: var(--wp--preset--spacing--lg) !important;
}
/* Applica il margine SOLO se NON è presente la classe .legis-trustbar-article */
.legis-trustbar:not(.legis-trustbar-articles) {
  margin-top: var(--wp--preset--spacing--xxl) !important;
}
.legis-trustbar .wp-block-columns{
  align-items: center;            /* CENTRO verticale tra icona e testo */
  gap: 12px;                      /* avvicina logo e testi */
}

/* Colonna icona: togli il “5%/95%” e rendila auto */
.legis-trustbar .wp-block-column:first-child{
  flex: 0 0 auto !important;
}

/* Riduci logo + togli spazi strani del figure */
.legis-trustbar .wp-block-image{
  margin: 0;
}
.legis-trustbar .wp-block-image img{
  width: 34px !important;         /* <— riduci qui (es. 32–36) */
  height: auto !important;
  display: block;
  transform: translateY(2px);
}

/* Compatta i paragrafi (WordPress aggiunge margini default) */
.legis-trustbar p{
  margin: 0 !important;                      /* azzera */
}

/* Titolo: un filo più “tight” */
.legis-trustbar p.has-lg-font-size{
  line-height: 1.15;
  letter-spacing: .02em;          /* “istituzionale” (facoltativo) */
  margin-bottom: 6px;             /* distanza minima dal testo sotto */
}

/* Testo: più compatto ma leggibile */
.legis-trustbar p.has-md-font-size{
  line-height: 1.35;
  opacity: .95;                   /* leggero “tono” */
}

/* Badge "Dal 1933" (esteso pure ai link per le landing SEO nelle pagine delle aree tematiche */
.legis-trustbar__badge,
.legis-area-landing-links__link {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 1.5px;
  padding-inline: 8px;
  margin-right: 5px;
  font-size: var(--wp--preset--font-size--md);
  line-height: 1.2;
  font-weight: 600;
  color: var(--wp--preset--color--blue-primary);
  background: var(--wp--preset--color--blue-light);
  border: 1px solid rgba(0,58,112,.18);
  border-radius: 4px; /* pill */
  vertical-align: middle;
}


/* Variante mobile: icona sopra, testo sotto, tutto centrato */
@media (max-width: 640px){
  .legis-trustbar .wp-block-columns{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
  }
  .legis-trustbar .wp-block-column{
    flex-basis: auto !important;
    width: 100%;
  }
  .legis-trustbar .wp-block-column:first-child{
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .legis-trustbar .wp-block-image{
    margin-left: auto;
    margin-right: auto;
  }
  .legis-trustbar p{
    text-align: center;
  }
}

/* =========================
   HELP BAR (Blocco assistenza)
========================= */
.legis-helpbar{
  /* margini e giustificazione */
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
  /* ritmo verticale */
  padding-top: var(--wp--preset--spacing--sm);
  padding-bottom: var(--wp--preset--spacing--sm);

  /* optional: stacco elegante dalla sezione sopra */
 /* border-top: 1px solid rgba(0,0,0,.08);*/
 /* border-bottom: 1px solid rgba(0,0,0,.08);*/
  margin-top: var(--wp--preset--spacing--sm) !important;
  padding-top: var(--wp--preset--spacing--md) !important;
}

.legis-helpbar .wp-block-columns{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 28px;
}

/* Compatta i paragrafi (WordPress aggiunge margini default) */
.legis-helpbar p{
  margin: 0 !important;                      /* azzera */
}

/* Testo: più compatto ma leggibile */
.legis-helpbar p.has-sm-font-size{
  line-height: 1.5;
  opacity: .95; 
  padding-bottom: 4px;
}

/* Badge */
.legis-helpbar__badge{
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 1.5px;
  padding-inline: 8px;
  margin-right: 5px;
  font-size: 0.75rem;
  line-height: 1.2;
  font-weight: 500;

  color: var(--wp--preset--color--blue-primary);
  background: var(--wp--preset--color--yellow-soft);
  border: 1px solid rgba(0,58,112,.18);
  border-radius: 4px; /* pill */
  vertical-align: middle;
}

.legis-helpbar a{
  color: var(--wp--preset--color--blue-primary);
}
.legis-helpbar a:hover{
  text-decoration: underline !important;
}

/* Variante mobile (badge sopra, testo sotto) */
@media (max-width: 781px){
  .legis-helpbar .wp-block-columns{
    display: block;
  }
  .legis-helpbar .wp-block-column + .wp-block-column{
    margin-top: 24px;   /* ← stacco verticale tra i 3 blocchi */
  }	
}
/* --- RESPONSIVE HELPBAR (Breakpoint 781px) --- */
@media (max-width: 781px) {
    /* Centra il testo in tutta la barra */
    .legis-helpbar {
        text-align: center !important;
    }
    /* Gestisce le colonne quando vanno in stack */
    .legis-helpbar .wp-block-column {
        margin-bottom: 40px !important; /* Spazio tra le sezioni impilate */
    }
    /* Rimuove l'ultimo margine per pulizia */
    .legis-helpbar .wp-block-column:last-child {
        margin-bottom: 0 !important;
    }
    /* Forza il centraggio su badge e paragrafi */
    .legis-helpbar p, 
    .legis-helpbar__badge {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    /* Se i badge sono span/inline-block, questo assicura che il contenitore li tratti correttamente */
    .legis-helpbar__badge {
        display: inline-block !important;
    }
    /* Rimuove eventuali padding laterali che potrebbero sbilanciare il centro su mobile */
    .legis-helpbar .wp-block-columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* =========================
   ELENCHI PRODOTTI
========================= */
/* Icona + nome termine (FacetWP Listing) */
.lt-tax-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.lt-tax-icon{
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

/* =========================
  MOBILE TESTATINA PRODOTTI SUGGERITI
========================= */
@media (max-width: 640px) {
  .legis-page-catalogo__suggestedfrom {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }