/**
 * Aura content pages (contact, FAQ, blog, custom CMS) inside frontend.layouts.app.
 * Restores standalone demo spacing and neutralizes AIZ/Bootstrap overrides.
 */
body.aura-content-active {
  background-color: #f0f0f0 !important;
}

.aiz-main-wrapper.aura-content-shell {
  padding-top: 0 !important;
  background-color: #f0f0f0 !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page {
  color: #351d1d;
  font-family: "DM Sans", sans-serif;
  overflow-x: hidden;
  background-color: #f0f0f0;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page p {
  margin: 0;
}

/* Restore design-specified margins overridden by the broad p rule above */
.aiz-main-wrapper.aura-content-shell .aura-content-page .single-promo-banner__content p {
  margin-bottom: 28px !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .newsletter-banner__subtitle {
  margin-bottom: 28px !important;
}

/* Standalone demo uses hero-spacing (136px) for fixed navbar offset — not wrapper padding */
.aiz-main-wrapper.aura-content-shell .aura-content-page .hero-spacing {
  padding-top: 136px !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .aura-page-section {
  padding: 136px 0 64px !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .banner-title,
.aiz-main-wrapper.aura-content-shell .aura-content-page .section-title {
  font-family: "Apple Garamond", "EB Garamond", Garamond, Georgia, serif !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .section-subtitle {
  font-family: "DM Sans", sans-serif !important;
  margin-bottom: 28px !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .filter-pill,
.aiz-main-wrapper.aura-content-shell .aura-content-page .load-more-btn,
.aiz-main-wrapper.aura-content-shell .aura-content-page .faq-filter-pill {
  font-family: "Playfair Display", Georgia, serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Blog pills are <a> tags — AIZ a:hover overrides color; buttons (FAQ) are fine without this */
.aiz-main-wrapper.aura-content-shell .aura-content-page a.filter-pill:hover {
  color: var(--primary, #014421) !important;
  text-decoration: none !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page a.filter-pill.active:hover {
  color: #fff !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .btn-hero,
.aiz-main-wrapper.aura-content-shell .aura-content-page .btn-white-pill,
.aiz-main-wrapper.aura-content-shell .aura-content-page .faq-empty-state__btn {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  border: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: normal !important;
}

/* Submit button: block/full-width — do not inline-flex (it breaks centering) */
.aiz-main-wrapper.aura-content-shell .aura-content-page .contact-form__submit {
  display: block !important;
  text-align: center !important;
  border: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* FAQ accordion — keep Aura styles over AIZ Bootstrap */
.aiz-main-wrapper.aura-content-shell .aura-content-page .faq-accordion .accordion-item {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #014421 !important;
  border-radius: 0 !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .faq-accordion .accordion-button {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  color: #014421 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .faq-accordion .accordion-button:not(.collapsed) {
  color: #014421 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .faq-accordion .accordion-button::after {
  display: none !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .faq-accordion .accordion-body {
  font-family: "DM Sans", sans-serif !important;
  color: #4e4e4e !important;
}

/* Contact form fields */
.aiz-main-wrapper.aura-content-shell .aura-content-page .contact-form__input,
.aiz-main-wrapper.aura-content-shell .aura-content-page .contact-form__textarea {
  font-family: "DM Sans", sans-serif !important;
  box-shadow: none !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .contact-form__input.is-invalid,
.aiz-main-wrapper.aura-content-shell .aura-content-page .contact-form__textarea.is-invalid {
  border: 1px solid #dc3545 !important;
  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.12) !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .contact-form__error {
  display: block;
  margin-top: 6px;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  color: #dc3545;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .contact-form__submit {
  font-family: "Playfair Display", Georgia, serif !important;
}

/* Blog listing cards */
.aiz-main-wrapper.aura-content-shell .aura-content-page .blog-card__title,
.aiz-main-wrapper.aura-content-shell .aura-content-page .featured-article__title,
.aiz-main-wrapper.aura-content-shell .aura-content-page .blog-card__badge {
  font-family: inherit;
  text-transform: none !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .search-bar input {
  box-shadow: none !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .search-bar__btn {
  box-shadow: none !important;
}

/* Generic CMS page box (pages.css) */
.aiz-main-wrapper.aura-content-shell .aura-content-page .aura-page-content {
  font-family: "DM Sans", sans-serif !important;
}

.aiz-main-wrapper.aura-content-shell .aura-content-page .aura-page-content h1,
.aiz-main-wrapper.aura-content-shell .aura-content-page .aura-page-content h2,
.aiz-main-wrapper.aura-content-shell .aura-content-page .aura-page-content h3,
.aiz-main-wrapper.aura-content-shell .aura-content-page .aura-page-content h4 {
  font-family: "Playfair Display", Georgia, serif !important;
}

@media (max-width: 767px) {
  .aiz-main-wrapper.aura-content-shell .aura-content-page .hero-spacing {
    padding-top: 100px !important;
  }

  .aiz-main-wrapper.aura-content-shell .aura-content-page .aura-page-section {
    padding-top: 100px !important;
  }
}