/* ==========================================================================
   Home — Fascia primaria: Volontariato / Sostienici
   Componente dedicato, mobile-first e responsive
   ========================================================================== */

html body.path-frontpage .caritas-primary-access-container {
  width: min(100%, 1180px);
  margin-inline: auto;
}

html body.path-frontpage .caritas-primary-access-strip {
  position: relative;
  margin-bottom: clamp(1rem, 2vw, 1.35rem) !important;
}

html body.path-frontpage .caritas-primary-access-strip__title {
  margin: 0 !important;
  color: #7b0500 !important;
  font-size: clamp(1.55rem, 3vw, 2.55rem) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -.045em !important;
}

html body.path-frontpage .caritas-primary-actions-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.4rem) !important;
  align-items: stretch !important;
}

html body.path-frontpage .caritas-home-slot--volontariato,
html body.path-frontpage .caritas-home-slot--sostienici {
  min-width: 0 !important;
}

html body.path-frontpage .caritas-home-slot--volontariato .region,
html body.path-frontpage .caritas-home-slot--sostienici .region,
html body.path-frontpage .caritas-home-slot--volontariato .block,
html body.path-frontpage .caritas-home-slot--sostienici .block,
html body.path-frontpage .caritas-home-slot--volontariato .block-content,
html body.path-frontpage .caritas-home-slot--sostienici .block-content {
  height: 100% !important;
  margin: 0 !important;
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card {
  position: relative !important;
  display: flex !important;
  min-height: clamp(285px, 25vw, 360px) !important;
  height: 100% !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: #111827 !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .14) !important;
  isolation: isolate;
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__image,
html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__image img {
  display: block !important;
  object-fit: cover !important;
  transform: scale(1.015);
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__overlay {
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .04) 0%, rgba(15, 23, 42, .22) 34%, rgba(48, 4, 0, .86) 100%) !important;
  z-index: 2 !important;
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__inner {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-height: 100% !important;
  width: 100% !important;
  padding: clamp(1.15rem, 2.2vw, 1.65rem) !important;
  color: #ffffff !important;
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__label {
  position: absolute !important;
  top: clamp(.9rem, 1.6vw, 1.15rem) !important;
  left: clamp(.9rem, 1.6vw, 1.15rem) !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: .45rem .9rem !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: .84rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .22) !important;
}

html body.path-frontpage .caritas-home-slot--volontariato .caritas-home-card__label {
  background: #d89a1d !important;
}

html body.path-frontpage .caritas-home-slot--sostienici .caritas-home-card__label {
  background: #00747c !important;
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__title {
  max-width: 92% !important;
  margin: 0 0 .55rem !important;
  color: #ffffff !important;
  font-size: clamp(1.65rem, 2.55vw, 2.65rem) !important;
  font-weight: 950 !important;
  line-height: .98 !important;
  letter-spacing: -.04em !important;
  text-wrap: balance;
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__text {
  max-width: 88% !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: clamp(.9rem, 1.05vw, 1rem) !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__cta {
  display: block !important;
  width: 100% !important;
  margin-top: 1.1rem !important;
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__cta .field,
html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__cta .field__item {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__cta a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  width: min(100%, 360px) !important;
  padding: .62rem 1.15rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, .26) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

html body.path-frontpage .caritas-home-slot--volontariato .caritas-home-card__cta a {
  background: linear-gradient(135deg, #d89a1d 0%, #b87907 100%) !important;
}

html body.path-frontpage .caritas-home-slot--sostienici .caritas-home-card__cta a {
  background: linear-gradient(135deg, #00747c 0%, #075f66 100%) !important;
}

html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__cta a:hover,
html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__cta a:focus-visible {
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
  box-shadow: 0 18px 36px rgba(15, 23, 42, .32) !important;
  outline: 2px solid rgba(255, 255, 255, .78) !important;
  outline-offset: 3px !important;
}

@media (max-width: 860px) {
  html body.path-frontpage .caritas-primary-actions-grid {
    grid-template-columns: 1fr !important;
  }

  html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card {
    min-height: clamp(255px, 56vw, 330px) !important;
  }
}

@media (max-width: 520px) {
  html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card {
    border-radius: 20px !important;
  }

  html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__inner {
    padding: 1rem !important;
  }

  html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__title,
  html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__text {
    max-width: 100% !important;
  }

  html body.path-frontpage .caritas-primary-actions-grid .caritas-home-card__cta a {
    width: 100% !important;
  }
}