/*
 * Wynke Soeting Elementor — Aanvullende CSS
 * ==========================================
 * Dit bestand bevat extra of overschrijvende stijlen voor het Hello Elementor child theme.
 * De complete basisstijlen staan in style.css (de child theme root).
 * Importeer dit bestand NIET handmatig — het wordt automatisch geladen via functions.php.
 */

/* ================================================================
   ELEMENTOR OVERRIDES
   ================================================================
   Zorg dat Elementor de basis-typografie en kleuren van het child theme
   respecteert, ook binnen de page builder.
*/

/* Zet Elementor-container breedte gelijk aan onze --container-max */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1140px;
}

/* Verwijder Elementor standaard padding op root-secties als wij die zelf instellen */
.elementor-section > .elementor-container {
  width: 100%;
}

/* Zorg dat koppen in Elementor onze serif-font gebruiken */
.elementor-widget-heading .elementor-heading-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Body text in Elementor text-editor */
.elementor-widget-text-editor p {
  font-family: 'DM Sans', system-ui, sans-serif;
  line-height: 1.75;
  color: #4a5568;
}

/* Buttons via Elementor button widget */
.elementor-widget-button .elementor-button {
  font-family: 'DM Sans', system-ui, sans-serif;
  font-weight: 500;
}

/* ================================================================
   EXTRA UTILITY: REVIEW CARD GRID
   ================================================================
   Zodat review-kaarten naast elkaar staan in een 3-koloms Elementor section.
*/
.elementor-column .review-card {
  height: 100%;
}

/* ================================================================
   EXTRA UTILITY: FAQ IN ELEMENTOR HTML WIDGET
   ================================================================
*/
.elementor-widget-html .faq-list {
  width: 100%;
  max-width: 760px;
}

/* ================================================================
   ELEMENTOR PAGINA-BREEDTE VOOR SMALLE SECTIES
   ================================================================
*/
.elementor-section.section--narrow > .elementor-container {
  max-width: 740px;
}

/* ================================================================
   CONTACT FORMULIER BINNEN ELEMENTOR
   ================================================================
*/
.elementor-widget-html .contact-form {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}

/* ================================================================
   PRINT
   ================================================================
*/
@media print {
  .elementor-section,
  .elementor-column,
  .elementor-widget-wrap {
    display: block !important;
  }
}