/*
Theme Name: Hello Elementor Child
Description: Child theme voor zoekmachineoptimalisatie.be — site-brede custom styling. Element-specifieke styling staat in Elementor zelf (Custom CSS van de widget/component). Het menu is de Elementor Pro "WordPress Menu" widget (WP-menu "Hoofdmenu").
Template: hello-elementor
Version: 2.0.5
*/

/* Logo-wordmark schaalt mee op smalle schermen zodat hij nooit de header breekt. */
@media (max-width: 767px) {
  .s-logo-w1,
  .s-logo-w2 {
    font-size: clamp(0.8rem, 3.7vw, 1.05rem) !important;
  }

  /* Ruimte reserveren voor de hamburger rechts van het logo. */
  [data-id="444dd7c"] {
    margin-right: 52px !important;
  }

  /* De groene CTA-knop in de header verbergen op mobiel — Contact staat in het menu. */
  [data-id="bb797fe"] {
    display: none !important;
  }
}
/* Mobiel: til de hamburger van de Pro-menuwidget op naar de logo-regel (rechts). */
@media (max-width: 767px) {
  [data-id="4d250e0"] {
    position: relative !important;
  }
  /* De widget zelf mag geen positioneringsanker zijn — anders hangt de knop in de lege menurij. */
  .elementor-element.elementor-element-zmonavmenu.elementor-widget-nav-menu,
  [data-id="c53a813"] {
    position: static !important;
  }
  .elementor-element.elementor-element-zmonavmenu.elementor-widget-nav-menu .elementor-menu-toggle {
    position: absolute !important;
    top: 0.95rem !important;
    right: 1.25rem !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
  }
  /* De (nu lege) menurij mag geen extra hoogte innemen. */
  .s-header-navrow {
    padding: 0 !important;
    min-height: 0 !important;
  }
}