/*
 * Traina & Partners - page-level rules.
 * Only what the page templates need beyond components.css. Each block names the
 * page and the Divi 5 module that reproduces it. Flexbox only, tokens only.
 */

/* All pages - intro paragraph under a section H2 | Divi 5: Text module preset "Lead" with max width 704 px */
.section__intro {
  max-width: 44rem;
}

/* contatti.html - "Altri canali" list inside the Note callout | Divi 5: Text module preset "Note" with an icon list */
.contact-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-list li + li {
  margin-top: 0;
}

.contact-list a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
}

.contact-list svg {
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 auto;
}

/* contatti.html - button under the calendar placeholder | Divi 5: Button module with 24 px top margin */
.calendar__actions {
  margin-top: var(--space-3);
}

/* siti-web.html, e-commerce.html - check list beside the media | Divi 5: Blurb preset "Check inline" x5 stacked, icon Success 24 px (.guarantees__check--sm in components.css; .feature-list__check is its alias) */
.feature-list {
  margin: var(--space-3) 0 0;
  padding: 0;
  list-style: none;
}

.feature-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.feature-list li + li {
  margin-top: var(--space-1);
}

/* Page: checklist.html | Divi 5: five Rows 1/2 + 1/2 with Blurb preset "Step" (two questions per row) */
.checklist-steps .steps__item {
  flex-basis: calc((100% - var(--space-3)) / 2);
}

@media (max-width: 767px) {
  .checklist-steps .steps__item {
    flex-basis: 100%;
  }
}

/* Page: blog.html, articolo.html | Divi 5: Blog module thumbnail with no border (placeholder only) */
.post-card > .ph {
  border: 0;
  border-radius: 0;
}


/* Page: questionario.html - fieldset groups of the content questionnaire | Divi 5: Contact Form preset "Questionario", Text "H3" above each group; sub-groups (one per page, payment checkboxes) use the label style */
.form__fieldset {
  min-width: 0;
  margin: 0 0 var(--space-5);
  padding: 0;
  border: 0;
}

.form__legend {
  padding: 0;
  margin-bottom: var(--space-3);
}

.form__fieldset--sub {
  margin-bottom: var(--space-3);
}

.form__fieldset--sub .form__legend {
  margin-bottom: 0.375rem;
}