/* =========================
   Luxenta font-face rules are injected from PHP
   (see includes/assets-front.php)
   ========================= */

/* =========================
   Apply Luxenta to headings only
   (WordPress + Elementor common selectors)
   ========================= */
body, p {
  font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, h6{
  font-family: "Luxenta", serif !important;
  font-synthesis: none; /* avoid fake bold/italic */
}

.wp-block-image.aligncenter {
	width: 100%;
}
figcaption {
	font-size: 14px;
}

.elementor-widget-text-editor > p:last-child {
	margin-bottom: 0;
}

footer .e-n-accordion-item-title-text {
	text-transform: uppercase;
	font-family: "Luxenta", serif !important;
	letter-spacing: 0.05em;
}

/* =========================
   Elementor mobile auto-flow helper
   Usage: add class `md-mobile-auto-flow` to the parent container that wraps shortcode widgets.
   Fixes clipped shortcode content in flex containers on mobile by forcing natural height.
   ========================= */
@media (max-width: 767px) {
  .md-mobile-auto-flow {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .md-mobile-auto-flow > .elementor-widget,
  .md-mobile-auto-flow.elementor-widget {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .md-mobile-auto-flow > .elementor-widget > .elementor-widget-container,
  .md-mobile-auto-flow.elementor-widget > .elementor-widget-container,
  .md-mobile-auto-flow .elementor-shortcode,
  .md-mobile-auto-flow .ed-mini-grid {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
}