/* Candidate only: retain Muffin render bytes, block order and interactive widgets.
   Append AFTER the reviewed production-release/cities/utrecht.css.
   No selector reaches Elementor cities, forms, sliders, map internals or controls. */
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section:has(> .mfn-builder-content) {
  margin-top: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section:has(.mcb-column) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 26px !important;
  padding: 36px !important;
  border: 1px solid var(--line, #dce3d1) !important;
  border-radius: 24px !important;
  background-color: #fff !important;
  box-sizing: border-box;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section:has(.mcb-column):first-child {
  padding: 22px 0 !important;
  border: 0 !important;
  background-color: transparent !important;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section > .section_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  box-sizing: border-box;
}
/* Native wrap proportions remain unchanged: 1/2, 1/3, 2/3 and full width.
   Only their minimum width is relaxed. No DOM flattening, order or display rules. */
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section > .section_wrapper > .mcb-wrap {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque :is(.column_heading, .column_column, .column_blockquote, .column_icon_box_2) :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, .title, .column_attr) {
  font-family: 'DM Sans', Arial, sans-serif !important;
  color: var(--navy, #192b40) !important;
  overflow-wrap: anywhere;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque :is(.column_heading, .column_column) :is(h1, h2, h3, h4, h5, h6, p, li) :is(span, strong, b, em, a) {
  font-family: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque :is(.column_column, .column_blockquote, .column_icon_box_2) :is(p, li, dt, dd, blockquote, .column_attr) {
  font-size: 17px !important;
  line-height: 1.8 !important;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque .column_button a.button {
  font-family: 'DM Sans', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  min-height: 58px;
  max-width: 100%;
  padding: 16px 24px !important;
  background: var(--navy, #192b40) !important;
  color: #fff !important;
  border: 1px solid var(--navy, #192b40) !important;
  border-radius: 5px !important;
  box-sizing: border-box;
  white-space: normal;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque .column_button a.button:hover {
  background: #304864 !important;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque .column_button a.button :is(.button_label, .button_icon) {
  color: inherit !important;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque .column_button a.button:focus-visible {
  outline: 3px solid #789544;
  outline-offset: 4px;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque .column_image :is(.image_frame, .image_wrapper, img) {
  max-width: 100%;
  border-radius: 22px;
}
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque .column_image img {
  height: auto;
}
@media (max-width: 550px) {
  .htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section:has(.mcb-column) {
    padding: 24px !important;
  }
  .htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section:has(.mcb-column):first-child {
    padding: 0 !important;
  }
}

/* V3: root verified nested 22px wrap +12px column gutters at mobile320px.
   Remove duplicated horizontal gutters only inside original opaque city blocks.
   Preserve native wrap widths/order, shop sliders, iframe contents and controls. */
@media (max-width: 550px) {
  .htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section > .section_wrapper > .mcb-wrap:not(:has(.column_shop_slider)) {
    padding-inline: 0 !important;
  }
  .htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section > .section_wrapper > .mcb-wrap > .mcb-wrap-inner > :is(.column_heading, .column_column, .column_image, .column_button, .column_map_basic) > .mcb-column-inner {
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }
  /* Actual Hoofddorp1276 stylesheet, not inline: computed margin-top:-50px.
     Reset only this observed text block; preserve all other vertical spacing. */
  body.page-id-1276 .htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque .column_column > .mcb-column-inner-fc6a23995 {
    margin-top: 0 !important;
  }
}

/* Match the verified Utrecht hero composition on the known two-wrap native
 * Muffin family only. Original wrappers and every widget/script remain intact.
 * The second wrap may be an existing photo OR the actual procedure sidebar.
 * Extra-column and map-only heroes keep their native layout. A real shop
 * carousel may remain in the second wrap; only outer columns are styled.
 */
.htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section:first-child > .section_wrapper:has(> .mcb-wrap:nth-child(2):last-child):has(> .mcb-wrap:first-child .column_heading h1):not(:has(.column_map_basic,.column_slider))::after {
  /* Betheme's clearfix must not become an empty third grid item. */
  content: none;
  display: none;
}
@media(min-width:801px) {
  .htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section:first-child > .section_wrapper:has(> .mcb-wrap:nth-child(2):last-child):has(> .mcb-wrap:first-child .column_heading h1):not(:has(.column_map_basic,.column_slider)) {
    display: grid !important;
    grid-template-columns: minmax(0,1.35fr) minmax(0,.8fr);
    gap: 40px;
    align-items: start;
  }
  .htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section:first-child > .section_wrapper:has(> .mcb-wrap:nth-child(2):last-child):has(> .mcb-wrap:first-child .column_heading h1):not(:has(.column_map_basic,.column_slider)) > .mcb-wrap {
    width: auto !important;
    min-width: 0;
    margin-inline: 0 !important;
    padding: 0 !important;
    align-self: start;
  }
}
@media(max-width:800px) {
  .htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section:first-child > .section_wrapper:has(> .mcb-wrap:nth-child(2):last-child):has(> .mcb-wrap:first-child .column_heading h1):not(:has(.column_map_basic,.column_slider)) {
    display: grid !important;
    grid-template-columns: minmax(0,1fr);
    gap: 24px;
    align-items: start;
  }
  .htn-v2.htn-v2.htn-v2 .htn-city-muffin-opaque > .htn-city-opaque-section > .mfn-builder-content > .mcb-section:first-child > .section_wrapper:has(> .mcb-wrap:nth-child(2):last-child):has(> .mcb-wrap:first-child .column_heading h1):not(:has(.column_map_basic,.column_slider)) > .mcb-wrap {
    width: 100% !important;
    min-width: 0;
    margin-inline: 0 !important;
    padding: 0 !important;
  }
}
