/* Fix layout comuni — pagine strumento (scope #stage-main) */

#stage-main :is(
  .mfr-snippet-page,
  .mfr-img-opt-page,
  .mfr-img-fmt-page,
  .mfr-seo-audit-page
) {
  background: #fff;
}

/* Sezioni: 120 / 72, senza doppi gap hero→tool e prima FAQ */
#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
  .mfr-snippet-page__hero,
  .mfr-img-opt-page__hero,
  .mfr-img-fmt-page__hero,
  .mfr-seo-audit-page__hero
) {
  padding-top: calc(64px + var(--stage-navbar-height, 4.25rem));
  padding-bottom: 0;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
  .mfr-snippet-page__section,
  .mfr-img-opt-page__section,
  .mfr-img-fmt-page__section,
  .mfr-seo-audit-page__section
) {
  padding: calc(var(--sn-section-y, var(--io-section-y, var(--if-section-y, 120px))) / 2) 0;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
  .mfr-snippet-page__section-head,
  .mfr-img-opt-page__section-head,
  .mfr-img-fmt-page__section-head,
  .mfr-seo-audit-page__section-head
) {
  margin-bottom: 24px;
}


/* CTA finale + footer stack */
#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
  .mfr-snippet-page__cta,
  .mfr-img-opt-page__cta,
  .mfr-img-fmt-page__cta,
  .mfr-seo-audit-page__cta,
  .ar-cta
) {
  padding: var(--sn-section-y, var(--io-section-y, var(--if-section-y, 120px))) 0 0;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
  .mfr-snippet-page__cta-title,
  .mfr-img-opt-page__cta-title,
  .mfr-img-fmt-page__cta-title,
  .mfr-seo-audit-page__cta-title,
  .ar-cta__title
) {
  color: #ffffff;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
  .mfr-snippet-page__cta-text,
  .mfr-img-opt-page__cta-text,
  .mfr-img-fmt-page__cta-text,
  .mfr-seo-audit-page__cta-text,
  .ar-cta__text
) {
  color: #b8d3fc;
}

/* Link testuali senza sottolineatura */
#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) .section-templates__card-link,
#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) .section-templates__card-link:visited {
  text-decoration: none;
  color: #136ef5;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) .section-templates__card-link:hover,
#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) .section-templates__card-link:focus-visible {
  text-decoration: none;
  color: #0f58c4;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) .section-templates__card-link-label {
  background-image: none;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) .section-templates__card-link:hover .section-templates__card-link-label,
#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) .section-templates__card-link:focus-visible .section-templates__card-link-label {
  background-size: unset;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) .section-templates__card-link:hover::after,
#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) .section-templates__card-link:focus-visible::after {
  transform: none;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) a:not([class*="__btn"]):not(.section-templates__card-link) {
  text-decoration: none;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) a:not([class*="__btn"]):not(.section-templates__card-link):hover,
#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) a:not([class*="__btn"]):not(.section-templates__card-link):focus-visible {
  color: #0f58c4;
}

/* FAQ 2 colonne */
#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
  .mfr-snippet-page__faq,
  .mfr-img-opt-page__faq,
  .mfr-img-fmt-page__faq,
  .mfr-seo-audit-page__faq
) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
  max-width: none;
  width: 100%;
}

/* Carosello passi — prima slide allineata al container */
#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
  .mfr-snippet-page__steps-bleed,
  .mfr-img-opt-page__steps-bleed,
  .mfr-img-fmt-page__steps-bleed,
  .mfr-seo-audit-page__steps-bleed
) {
  margin-top: 24px;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
  .mfr-snippet-page__steps-viewport,
  .mfr-img-opt-page__steps-viewport,
  .mfr-img-fmt-page__steps-viewport,
  .mfr-seo-audit-page__steps-viewport
) {
  padding-left: max(var(--sn-pad, var(--io-pad, var(--if-pad, 32px))), calc((100vw - var(--sn-max, var(--io-max, var(--if-max, 1248px)))) / 2 + var(--sn-pad, var(--io-pad, var(--if-pad, 32px)))));
  padding-right: var(--sn-pad, var(--io-pad, var(--if-pad, 32px)));
  scroll-padding-left: max(var(--sn-pad, var(--io-pad, var(--if-pad, 32px))), calc((100vw - var(--sn-max, var(--io-max, var(--if-max, 1248px)))) / 2 + var(--sn-pad, var(--io-pad, var(--if-pad, 32px)))));
}

/* Pulsanti pill */
#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
  .mfr-snippet-page__btn,
  .mfr-img-opt-page__btn,
  .mfr-img-fmt-page__btn,
  .mfr-seo-audit-page__btn,
  .ar-btn
) {
  height: 38px;
  min-height: 38px;
  font-size: 14px;
  border-radius: 9999px;
  transition: background 0.15s ease;
}

#stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
  .mfr-snippet-page__btn--primary,
  .mfr-img-opt-page__btn--primary,
  .mfr-img-fmt-page__btn--primary,
  .mfr-seo-audit-page__btn--primary,
  .ar-btn--primary
) {
  width: max-content;
}

/* Anteprima immagine tool */
#stage-main :is(.mfr-img-opt-page, .mfr-img-fmt-page) .stage-img-opt__preview-img:not([src]),
#stage-main :is(.mfr-img-opt-page, .mfr-img-fmt-page) .stage-img-opt__preview-img[src=""] {
  display: none;
}

@media (max-width: 767px) {
  #stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
    .mfr-snippet-page__hero,
    .mfr-img-opt-page__hero,
    .mfr-img-fmt-page__hero,
    .mfr-seo-audit-page__hero
  ) {
    padding-top: calc(48px + var(--stage-navbar-height, 4.25rem));
  }

  #stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
    .mfr-snippet-page__section,
    .mfr-img-opt-page__section,
    .mfr-img-fmt-page__section,
    .mfr-seo-audit-page__section
  ) {
    padding: 36px 0;
  }

  #stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
    .mfr-snippet-page__cta,
    .mfr-img-opt-page__cta,
    .mfr-img-fmt-page__cta,
    .mfr-seo-audit-page__cta,
    .ar-cta
  ) {
    padding-top: 72px;
  }

  #stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
    .mfr-snippet-page__faq,
    .mfr-img-opt-page__faq,
    .mfr-img-fmt-page__faq,
    .mfr-seo-audit-page__faq
  ) {
    grid-template-columns: 1fr;
  }

  #stage-main :is(.mfr-snippet-page, .mfr-img-opt-page, .mfr-img-fmt-page, .mfr-seo-audit-page) :is(
    .mfr-snippet-page__btn,
    .mfr-img-opt-page__btn,
    .mfr-img-fmt-page__btn,
    .mfr-seo-audit-page__btn,
    .ar-btn
  ) {
    height: 34px;
    min-height: 34px;
    font-size: 14px;
  }
}