/* ===== Factory Page – layout base ===== */
.factory-page {
  --factory-max: 1100px;         /* larghezza max contenuto */
  --factory-pad: clamp(16px, 3vw, 32px);
  --factory-gap: clamp(16px, 2.5vw, 28px);
  --factory-radius: 14px;
  --factory-shadow: 0 8px 28px rgba(0,0,0,.08);
}

.factory-page > * {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--factory-max);
  padding-left: var(--factory-pad);
  padding-right: var(--factory-pad);
}

/* ===== Tipografia più leggibile ===== */
.factory-page h1,
.factory-page .wp-block-post-title {
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.15;
  letter-spacing: -.01em;
  margin: 0 0 0.6em;
}

.factory-page h2 { font-size: clamp(22px, 2.8vw, 32px); margin: 1.2em 0 .5em; }
.factory-page h3 { font-size: clamp(18px, 2.2vw, 24px); margin: 1.1em 0 .4em; }

.factory-page p,
.factory-page li {
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 1.7;
  color: var(--wp--preset--color--contrast, #1a1a1a);
}

.factory-page p + p { margin-top: .8em; }

/* Liste un filo più “editoriali” */
.factory-page ul,
.factory-page ol {
  padding-left: 1.2em;
  margin: .6em 0 1.1em;
}
.factory-page li + li { margin-top: .35em; }

/* ===== Immagini e media ===== */
.factory-page .wp-block-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--factory-radius);
  box-shadow: var(--factory-shadow);
}

/* Galleria responsive (anche se usi più Immagini singole una sotto l’altra) */
.factory-page .wp-block-gallery,
.factory-page .factory-grid {
  display: grid;
  gap: var(--factory-gap);
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  align-items: start;
}

/* Per creare una griglia veloce: metti una Group con classe aggiuntiva "factory-grid"
   e dentro le immagini/blocchi che vuoi allineare. */

/* Card leggere per blocchi “vetrina” (usa Group con classe "factory-card") */
.factory-page .factory-card {
  background: #fff;
  border-radius: var(--factory-radius);
  box-shadow: var(--factory-shadow);
  padding: clamp(14px, 2.2vw, 20px);
  transition: transform .2s ease, box-shadow .2s ease;
}
.factory-page .factory-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

/* ===== Bottoni / Link in evidenza ===== */
.factory-page .wp-block-button .wp-block-button__link,
.factory-page a.factory-button {
  display: inline-block;
  padding: .75em 1.15em;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  box-shadow: var(--factory-shadow);
}
.factory-page a.factory-button--primary {
  background: var(--wp--preset--color--primary, #111);
  color: var(--wp--preset--color--background, #fff);
}
.factory-page a.factory-button--ghost {
  background: transparent;
  border: 1px solid currentColor;
}

/* Spazio verticale più arioso tra sezioni */
.factory-page .wp-block-group { margin-block: clamp(18px, 3vw, 34px); }

/* Quote / citazioni più eleganti */
.factory-page blockquote {
  border-left: 4px solid rgba(0,0,0,.1);
  padding-left: 1em;
  font-style: italic;
  color: rgba(0,0,0,.75);
}

/* ===== Responsive fine-tuning ===== */
@media (max-width: 560px) {
  .factory-page { --factory-pad: 16px; }
  .factory-page .wp-block-button { text-align: center; }
}