/* Content - Internal Block - Minimal styles for what can't be done with Tailwind utilities */

/* Any custom button styles that ButtonGroupDisplay might need */
.content-internal-cta-buttons .hero-button {
  text-decoration: none !important;
  transition: all 0.3s ease;
}

/* Ensure CTA content paragraphs have proper spacing */
.content-internal-cta-content p:last-child {
  margin-bottom: 0;
}

/* Mobile padding overrides using CSS variables */
@media (max-width: 990px) {
  .content-internal-block-wrapper {
    padding-top: var(--mobile-padding-top) !important;
    padding-right: var(--mobile-padding-right) !important;
    padding-bottom: var(--mobile-padding-bottom) !important;
    padding-left: var(--mobile-padding-left) !important;
  }

  .content-internal-container-inner {
    gap: var(--mobile-gap) !important;
  }
}

/* Mobile button replaces form body on mobile */
.content-internal-block-wrapper .content-internal-form-mobile-button {
  display: none;
}

@media (max-width: 990px) {
  .content-internal-block-wrapper .hero-form-container .hero-socius-form,
  .content-internal-block-wrapper .hero-form-container .hero-zip-form,
  .content-internal-block-wrapper .hero-form-container .hero-shortcode-form,
  .content-internal-block-wrapper .hero-form-container .hero-html-form {
    display: none !important;
  }

  .content-internal-block-wrapper .content-internal-form-mobile-button {
    display: block;
  }
}