/* Native Gutenberg wrapper compatibility for the unchanged Ontwerp14 styles.
 * Load after the scoped original CSS and the parent plugin's core-flow reset.
 * No fonts, images, network requests or JavaScript are introduced here.
 */

/* Standalone inline content is now an editable Paragraph. Restore the source
 * span's styles where surrounding paragraph selectors would otherwise win. */
:where(.qforge-site,.editor-styles-wrapper) p.qforge-inline-content.eyebrow {
  display:block;
  max-width:none;
  margin:0 0 19px;
  color:var(--blue);
  font-size:11px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.16em;
  text-transform:uppercase;
}
:where(.qforge-site,.editor-styles-wrapper) .featured-service p.qforge-inline-content.eyebrow {
  color:#d7e8ef;
  margin-bottom:13px;
}
:where(.qforge-site,.editor-styles-wrapper) p.qforge-inline-content.featured-service-label {
  display:flex;
  align-items:center;
  gap:15px;
}
:where(.qforge-site,.editor-styles-wrapper) .about-story p.qforge-inline-content.eyebrow {
  margin-bottom:12px;
  font-size:10px;
}
:where(.qforge-site,.editor-styles-wrapper) .about-story--featured p.qforge-inline-content.eyebrow {
  color:#d7e8ef;
}
:where(.qforge-site,.editor-styles-wrapper) .contact p.qforge-inline-content.eyebrow {
  color:#bdd7e1;
}
:where(.qforge-site,.editor-styles-wrapper) p.qforge-inline-content.service-number {
  max-width:none;
  margin:0;
  padding-top:5px;
  color:var(--blue);
  font-size:12px;
}
:where(.qforge-site,.editor-styles-wrapper) p.qforge-inline-content.step-number {
  display:inline;
  max-width:none;
  margin:0;
  color:var(--blue);
  font-size:12px;
}
:where(.qforge-site,.editor-styles-wrapper) p.qforge-link-row {
  display:flex;
  flex-wrap:wrap;
  max-width:none;
  margin:0;
}

/* core/button puts custom classes on its DIV. All original button visual
 * properties belong to the actual link, preserving its full click target. */
:where(.qforge-site,.editor-styles-wrapper) .qforge-native-buttons {
  margin:0;
  padding:0;
  gap:0;
  max-width:100%;
}
:where(.qforge-site,.editor-styles-wrapper) .wp-block-button.qforge-native-button,
:where(.qforge-site,.editor-styles-wrapper) .wp-block-button.qforge-native-button:hover {
  display:inline-block;
  min-height:0;
  max-width:100%;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  box-shadow:none;
  transform:none;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-native-button > .wp-block-button__link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:21px;
  min-height:51px;
  max-width:100%;
  padding:13px 21px;
  border:1px solid var(--blue);
  border-radius:var(--qforge-radius,3px);
  background:var(--blue);
  color:#fff;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  text-decoration:none;
  box-shadow:none;
  transition:background .15s ease,transform .15s ease;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-native-button > .wp-block-button__link:hover {
  background:var(--navy);
  transform:translateY(-1px);
}
:where(.qforge-site,.editor-styles-wrapper) .contact .qforge-native-button > .wp-block-button__link {
  border-color:#fff;
  background:#fff;
  color:var(--navy);
}
:where(.qforge-site,.editor-styles-wrapper) .contact .qforge-native-button > .wp-block-button__link:hover {
  background:#e9f1f5;
}
:where(.qforge-site,.editor-styles-wrapper) .whatsapp-contact .qforge-native-buttons {
  width:100%;
  margin-top:18px;
}
:where(.qforge-site,.editor-styles-wrapper) .whatsapp-contact .qforge-native-button {
  width:100%;
  margin:0;
}
:where(.qforge-site,.editor-styles-wrapper) .whatsapp-contact .qforge-native-button > .wp-block-button__link {
  width:100%;
  gap:12px;
  padding-inline:14px;
  text-align:center;
}

/* Image captions remain native figcaptions. The former portrait-frame DIV is
 * expressed with image padding/border so the caption stays outside the frame. */
:where(.qforge-site,.editor-styles-wrapper) .wp-block-image > figcaption {
  margin-block-end:0;
  text-align:inherit;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-image-portrait > figcaption {
  margin-block-start:0;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-image-portrait > img {
  display:block;
  width:100%;
  height:auto;
  padding:10px;
  border:1px solid #b7cad3;
  border-radius:5px;
  background:rgba(255,255,255,.6);
  object-fit:contain;
  aspect-ratio:auto !important;
}
:where(.qforge-site,.editor-styles-wrapper) figure.contact-profile-photo {
  flex:0 0 auto;
  margin:0 0 18px;
  border:0;
  border-radius:0;
}
:where(.qforge-site,.editor-styles-wrapper) .contact-profile-photo > img {
  display:block;
  width:106px !important;
  height:106px !important;
  margin:0;
  border-radius:50%;
  object-fit:cover;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-linked-image {
  margin:0;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-linked-image > a {
  display:block;
}

/* Profile paragraphs replace its original standalone strong/span/anchors. */
:where(.qforge-site,.editor-styles-wrapper) .contact-profile > .qforge-contact-person {
  margin:0;
}
:where(.qforge-site,.editor-styles-wrapper) .contact-profile > .qforge-contact-role {
  margin:4px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
:where(.qforge-site,.editor-styles-wrapper) .contact-profile > p.qforge-link-row {
  margin-top:18px;
  font-size:15px;
}
:where(.qforge-site,.editor-styles-wrapper) .contact-profile > p.qforge-text-link-row {
  margin-top:13px;
  font-size:13px;
}
:where(.qforge-site,.editor-styles-wrapper) p.qforge-inline-content.whatsapp-number {
  display:block;
  width:100%;
  margin:12px 0 0;
  color:var(--navy);
  font-size:14px;
  text-align:center;
}

/* The service card stays a single semantic link with a full-card hit area.
 * Each number/title/action is still a separate native Paragraph in the editor. */
:where(.qforge-site,.editor-styles-wrapper) .qforge-native-service-choice {
  position:relative;
  isolation:isolate;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-native-service-choice > p {
  margin:0;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-native-service-choice > .service-choice-action {
  margin-top:auto;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-service-choice-link {
  color:inherit;
  text-decoration:none;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-service-choice-link::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-service-choice-link:focus-visible {
  outline:none;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-service-choice-link:focus-visible::after {
  outline:3px solid var(--navy);
  outline-offset:4px;
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-native-service-choice:focus-within {
  border-color:var(--navy);
  background:#e5eff4;
}
.editor-styles-wrapper .qforge-service-choice-link::after {
  display:none;
}

/* Each personal/professional pair can move or hide together. Pair wrappers
 * retain the exact personal-then-professional source/mobile reading order. */
:where(.qforge-site,.editor-styles-wrapper) .about-stories {
  grid-template-columns:minmax(0,1fr);
}
:where(.qforge-site,.editor-styles-wrapper) .qforge-story-pair {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:76px;
  align-items:start;
  min-width:0;
}
:where(.qforge-site,.editor-styles-wrapper) .about-story-labels p.qforge-inline-content {
  margin:0;
}
:where(.qforge-site,.editor-styles-wrapper) .about-story-labels p.qforge-inline-content > span {
  display:block;
}
:where(.qforge-site,.editor-styles-wrapper) .footer-bottom p.qforge-inline-content {
  max-width:none;
  margin:0;
}

@media (max-width:1050px) {
  :where(.qforge-site,.editor-styles-wrapper) .qforge-story-pair { column-gap:42px; }
}
@media (max-width:780px) {
  :where(.qforge-site,.editor-styles-wrapper) .contact-profile-photo > img { width:88px !important; height:88px !important; }
  :where(.qforge-site,.editor-styles-wrapper) .qforge-story-pair { grid-template-columns:minmax(0,1fr); gap:35px; }
  :where(.qforge-site,.editor-styles-wrapper) .qforge-story-pair > .about-story--professional { margin-bottom:22px; }
  :where(.qforge-site,.editor-styles-wrapper) .qforge-story-pair + .qforge-story-pair > .about-story--personal { padding-top:28px; border-top:1px solid var(--line); }
  :where(.qforge-site,.editor-styles-wrapper) .qforge-story-pair + .qforge-story-pair > .about-story--origin { padding:25px; }
}
@media (max-width:520px) {
  :where(.qforge-site,.editor-styles-wrapper) .qforge-native-service-choice > .service-choice-action { margin-top:0; }
}
@media (max-width:430px) {
  :where(.qforge-site,.editor-styles-wrapper) .hero-actions .qforge-native-buttons,
  :where(.qforge-site,.editor-styles-wrapper) .hero-actions .qforge-native-button { width:100%; }
  :where(.qforge-site,.editor-styles-wrapper) .hero-actions .qforge-native-button > .wp-block-button__link { width:100%; gap:14px; padding-inline:14px; }
}
@media (prefers-reduced-motion:reduce) {
  :where(.qforge-site,.editor-styles-wrapper) .qforge-native-button > .wp-block-button__link { transition:none; }
  :where(.qforge-site,.editor-styles-wrapper) .qforge-native-button > .wp-block-button__link:hover { transform:none; }
}

/* Release visual QA: preserve the source's intrinsic counter columns at 320px,
 * original paragraph eyebrow spacing, and link leading across native wrappers. */
:where(.qforge-site,.editor-styles-wrapper) .experience-grid > .wp-block-qforge-counter { min-width:auto; }
:where(.qforge-site,.editor-styles-wrapper) .contact .wp-block-group > p.eyebrow:not(.qforge-inline-content) { margin-top:23px; }
:where(.qforge-site,.editor-styles-wrapper) .about-story--professional .qforge-text-link-row,
:where(.qforge-site,.editor-styles-wrapper) .professional-history-footer .qforge-text-link-row { line-height:1.65; }
:where(.qforge-site,.editor-styles-wrapper) .qforge-native-button > .wp-block-button__link { text-align:left; }