/* =====================================================================
   maasstad-child: klein sitebreed stijlblad (CONTRACTEN §17) voor de
   elementen die de migratie met eigen klassen in bestaande pagina's zet,
   ook waar geen MSC-widget staat:
     .msc-blok, .msc-blok--<widget>   kloon van een één-koloms buursectie met een MSC-widget of knop
     .msc-cta-vacature                knop naar de vacature (/werken-als-schoonmaakmedewerker-rotterdam/)
     .msc-werkregel                   "Wij werken alleen voor bedrijven …" boven offerte- en contactformulieren
     .msc-bedankt-regel               extra regel op /bedankt/
   Stijl van de site (gemeten: zie msc-vacature.css): knoppen als OFFERTE en
   SOLLICITEREN in header 26 (rand 2px #357DC0, Inter 500 15px hoofdletters,
   hoek 8px), tekst Roboto 17px/1.5 zwart, links blauw.
   Specificiteit: de eigen klasse dubbel plus de Elementor-klassen van hetzelfde element (0,5,1 voor de knoppen,
   0,4,0 of meer voor tekst), boven de per-element-CSS van Elementor (0,4,0), zodat een andere laadvolgorde (zonder
   LiteSpeed "CSS combineren") niets verandert. Elke selector begint met een eigen .msc-klasse.
   ===================================================================== */

/* een MSC-widget vult zijn kolom, ook in een rij-container */
.msc-blok.msc-blok.elementor-element .elementor-element[class*="elementor-widget-msc-"] { flex: 1 1 100%; width: 100%; max-width: 100%; }

/* knoppen die de migratie toevoegt */
.msc-blok--button.msc-blok--button.elementor-element .elementor-widget-button a.elementor-button,
.msc-cta-vacature.msc-cta-vacature.elementor-element.elementor-widget-button a.elementor-button {
  display: inline-block;
  padding: 12px 24px;
  border: 2px solid var(--e-global-color-primary, #357DC0);
  border-radius: 8px;
  background-color: transparent;
  color: var(--e-global-color-primary, #357DC0);
  fill: var(--e-global-color-primary, #357DC0);
  font-family: "Inter", Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: none;
  transition: background-color 0.3s, color 0.3s;
}
.msc-blok--button.msc-blok--button.elementor-element .elementor-widget-button a.elementor-button:hover,
.msc-blok--button.msc-blok--button.elementor-element .elementor-widget-button a.elementor-button:focus,
.msc-cta-vacature.msc-cta-vacature.elementor-element.elementor-widget-button a.elementor-button:hover,
.msc-cta-vacature.msc-cta-vacature.elementor-element.elementor-widget-button a.elementor-button:focus {
  background-color: var(--e-global-color-primary, #357DC0);
  color: var(--e-global-color-a983356, #FFFFFF);
  fill: var(--e-global-color-a983356, #FFFFFF);
}
.msc-cta-vacature.msc-cta-vacature.elementor-element.elementor-widget-button { text-align: center; }

/* tekstregels die de migratie toevoegt */
.msc-werkregel.msc-werkregel.elementor-element.elementor-widget-text-editor,
.msc-bedankt-regel.msc-bedankt-regel.elementor-element.elementor-widget-text-editor {
  font-family: var(--e-global-typography-text-font-family, "Roboto"), Helvetica, sans-serif;
  font-size: var(--e-global-typography-text-font-size, 17px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--e-global-color-text, #000000);
  text-align: center;
}
.msc-werkregel.msc-werkregel.elementor-element.elementor-widget-text-editor p,
.msc-bedankt-regel.msc-bedankt-regel.elementor-element.elementor-widget-text-editor p { margin: 0 0 8px; }
.msc-werkregel.msc-werkregel.elementor-element.elementor-widget-text-editor p:last-child,
.msc-bedankt-regel.msc-bedankt-regel.elementor-element.elementor-widget-text-editor p:last-child { margin-bottom: 0; }
.msc-werkregel.msc-werkregel.elementor-element.elementor-widget-text-editor a,
.msc-bedankt-regel.msc-bedankt-regel.elementor-element.elementor-widget-text-editor a {
  color: var(--e-global-color-primary, #357DC0);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.msc-werkregel.msc-werkregel.elementor-element.elementor-widget-text-editor { margin-bottom: 24px; }