/* ==========================================================================
   ASGroup 2026 — Home (front-page.php). Scopato sotto .asgroup-theme.
   ========================================================================== */

/* ---- Hero ---- */
.asgroup-theme .ag-hero { padding-block: clamp(3rem, 2rem + 5vw, 6rem); overflow: hidden; }
.asgroup-theme .ag-hero__inner {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: clamp(2rem, 1rem + 4vw, 5rem);
}
.asgroup-theme .ag-hero--center .ag-hero__inner { grid-template-columns: 1fr; max-width: 820px; margin-inline: auto; text-align: center; }
.asgroup-theme .ag-hero--center .ag-hero__lead { margin-inline: auto; }
.asgroup-theme .ag-hero--center .ag-hero__actions { justify-content: center; }
.asgroup-theme .ag-hero__copy > * + * { margin-top: var(--ag-space-5); }
.asgroup-theme .ag-hero__title { max-width: 16ch; }
.asgroup-theme .ag-hero--center .ag-hero__title { max-width: 22ch; margin-inline: auto; }
.asgroup-theme .ag-hero__accent { color: var(--ag-accent-strong); }
.asgroup-theme .ag-hero__lead { max-width: 52ch; }
.asgroup-theme .ag-hero__actions { display: flex; flex-wrap: wrap; gap: var(--ag-space-4); margin-top: var(--ag-space-6); }
.asgroup-theme .ag-hero__media {
  position: relative;
  border-radius: var(--ag-radius-lg);
  overflow: hidden;
  box-shadow: var(--ag-shadow-lg);
  aspect-ratio: 5 / 4;
}
.asgroup-theme .ag-hero__media img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 900px) {
  .asgroup-theme .ag-hero__inner { grid-template-columns: 1fr; }
  .asgroup-theme .ag-hero__title { max-width: 100%; }
  .asgroup-theme .ag-hero__media { order: -1; aspect-ratio: 16 / 10; }
}

/* ---- Strip valori ---- */
.asgroup-theme .ag-home-strip { border-bottom: 1px solid var(--ag-line); }
.asgroup-theme .ag-home-strip__grid { gap: var(--ag-space-6); }
.asgroup-theme .ag-home-strip .ag-stat__num { font-size: clamp(1.3rem, 1rem + 1vw, 1.6rem); }
.asgroup-theme .ag-home-strip .ag-stat__label { line-height: 1.45; }

/* ---- Soluzioni ---- */
.asgroup-theme .ag-home-solutions__grid { margin-top: var(--ag-space-7); }

/* ---- Perché ---- */
.asgroup-theme .ag-home-why__grid { margin-top: var(--ag-space-7); }

/* ---- Highlight configuratore (ink) ---- */
.asgroup-theme .ag-home-config__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(2rem, 1rem + 4vw, 5rem);
}
.asgroup-theme .ag-home-config__copy > * + * { margin-top: var(--ag-space-5); }
.asgroup-theme .ag-home-config__actions { margin-top: var(--ag-space-6); }
.asgroup-theme .ag-home-config__media {
  border-radius: var(--ag-radius-lg);
  overflow: hidden;
  box-shadow: var(--ag-shadow-lg);
  aspect-ratio: 4 / 3;
}
.asgroup-theme .ag-home-config__media img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) {
  .asgroup-theme .ag-home-config__inner { grid-template-columns: 1fr; }
  .asgroup-theme .ag-home-config__media { order: -1; }
}

/* ---- Settori ---- */
.asgroup-theme .ag-home-sectors__grid { margin-top: var(--ag-space-7); }

/* ---- Anteprima FAQ ---- */
.asgroup-theme .ag-home-faq .ag-accordion__item:first-child { border-top: 1px solid var(--ag-line); }

/* ---- CTA finale ---- */
.asgroup-theme .ag-cta__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--ag-space-6);
}
.asgroup-theme .ag-cta__copy { max-width: 46ch; }
.asgroup-theme .ag-cta__copy > * + * { margin-top: var(--ag-space-3); }
.asgroup-theme .ag-cta__actions { display: flex; flex-wrap: wrap; gap: var(--ag-space-4); }
@media (max-width: 760px) {
  .asgroup-theme .ag-cta__inner { flex-direction: column; align-items: flex-start; }
}
