/*
Theme Name: Oostergetel
Theme URI: https://www.oostergetel.nl/
Author: Oostergetel Makelaardij
Description: Custom WordPress block theme voor Oostergetel Makelaardij.
Version: 1.3.1
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: oostergetel
*/

/* Kleine aanvullende styles buiten theme.json. */
:root {
  --og-navy: #062e55;
  --og-navy-2: #0b3a68;
  --og-blue: #58b5dc;
  --og-yellow: #ffcb05;
  --og-cream: #f7f5ef;
  --og-text: #203d5a;
  --og-muted: #647789;
  --og-border: #dfe6eb;
  --og-radius: 18px;
  --og-shadow: 0 15px 38px rgba(4,45,85,.08);
}

.wp-site-blocks {
  overflow-x: clip;
}

.og-card {
  border: 1px solid var(--og-border);
  border-radius: var(--og-radius);
  box-shadow: var(--og-shadow);
  overflow: hidden;
}

.og-rounded,
.og-rounded img {
  border-radius: var(--og-radius);
}

.og-eyebrow {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.og-whatsapp .wp-block-button__link {
  background: #25D366;
  color: #fff;
}

@media (max-width: 600px) {
  .wp-block-button {
    width: 100%;
  }

  .wp-block-button__link {
    width: 100%;
    justify-content: center;
  }
}


/* =========================================================
   Oostergetel Theme 1.1 — header/footer & compatibility
   ========================================================= */
.og-site-header{
  position:relative;
  z-index:100;
  border-bottom:1px solid rgba(6,46,85,.08);
  box-shadow:0 2px 14px rgba(6,46,85,.05);
}
.og-site-header .wp-block-site-logo img{
  width:auto;
  max-height:58px;
}
.og-site-header .wp-block-navigation-item__content{
  color:var(--og-navy);
  font-weight:700;
  text-decoration:none;
}
.og-site-header .wp-block-navigation__responsive-container-open,
.og-site-header .wp-block-navigation__responsive-container-close{
  color:var(--og-navy);
}
.og-site-header .og-header-cta .wp-block-button__link{
  white-space:nowrap;
}
.og-site-footer a{color:#fff}
.og-site-footer .wp-block-navigation-item__content{
  color:#fff;
  font-weight:600;
}

/* Existing page compatibility: don't force dark paragraph color
   inside sections that explicitly use a dark background. */
.has-navy-background-color p,
.has-navy-background-color li,
.has-navy-background-color h1,
.has-navy-background-color h2,
.has-navy-background-color h3,
.has-navy-background-color h4,
.has-navy-2-background-color p,
.has-navy-2-background-color li,
.has-navy-2-background-color h1,
.has-navy-2-background-color h2,
.has-navy-2-background-color h3,
.has-navy-2-background-color h4{
  color:#fff;
}
.has-navy-background-color .has-yellow-color,
.has-navy-2-background-color .has-yellow-color{color:var(--og-yellow)!important}

@media (max-width: 900px){
  .og-site-header{padding-left:16px!important;padding-right:16px!important}
  .og-site-header .wp-block-site-logo img{max-height:48px}
  .og-site-header .og-header-cta .wp-block-button__link{
    min-height:42px;
    padding:10px 14px;
    font-size:13px;
  }
}
@media (max-width: 600px){
  .og-site-header .wp-block-site-logo{max-width:145px}
  .og-site-header .og-header-cta{display:none}
  .og-site-footer{padding-left:20px!important;padding-right:20px!important}
}


/* 1.2.1 footer contrast hardening */
.og-site-footer,
.og-site-footer p,
.og-site-footer li,
.og-site-footer h1,
.og-site-footer h2,
.og-site-footer h3,
.og-site-footer h4,
.og-site-footer a,
.og-site-footer .wp-block-navigation-item__content {
  color:#fff !important;
}
.og-site-footer .og-eyebrow {
  color:var(--og-yellow) !important;
}


/* =========================================================
   1.2.2 — Homepage polish, content stays native Gutenberg
   ========================================================= */

/* Hero */
.wp-block-cover.is-position-center-left > .wp-block-cover__inner-container{
  width:100%;
  max-width:1220px;
  margin-left:auto;
  margin-right:auto;
}
.wp-block-cover.is-position-center-left > .wp-block-cover__inner-container > .wp-block-group{
  max-width:760px;
  margin-left:0;
  margin-right:auto;
}
.wp-block-cover .og-eyebrow{
  margin-bottom:14px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.wp-block-cover h1{
  max-width:760px;
  margin-top:0;
  margin-bottom:18px;
  font-size:clamp(46px,5.4vw,74px);
  line-height:1.02;
  letter-spacing:-.035em;
}
.wp-block-cover h2{
  margin-top:0;
  margin-bottom:18px;
  font-size:clamp(24px,2.2vw,31px);
  line-height:1.15;
}
.wp-block-cover h2 + p{
  max-width:680px;
  margin-bottom:28px;
  font-size:19px;
  line-height:1.65;
}
.wp-block-cover .wp-block-buttons{
  gap:12px;
}
.wp-block-cover .wp-block-button__link{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  padding:14px 22px;
  font-weight:800;
  line-height:1.2;
  border-radius:8px;
}
.wp-block-button.og-whatsapp .wp-block-button__link{
  background:#25D366;
  color:#082e55;
}

/* General homepage rhythm */
main > .wp-block-group.alignfull h2,
.wp-block-post-content > .wp-block-group.alignfull h2{
  letter-spacing:-.02em;
}
.og-card{
  border-radius:14px;
  box-shadow:0 12px 30px rgba(6,46,85,.08);
}

/* Buttons */
.wp-block-button__link{
  transition:transform .15s ease, box-shadow .15s ease;
}
.wp-block-button__link:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(6,46,85,.14);
}

/* Mobile */
@media (max-width: 781px){
  .wp-block-cover.is-position-center-left{
    min-height:600px !important;
  }
  .wp-block-cover.is-position-center-left > .wp-block-cover__inner-container{
    padding-left:22px;
    padding-right:22px;
  }
  .wp-block-cover h1{
    font-size:clamp(40px,12vw,58px);
    line-height:1.02;
  }
  .wp-block-cover h2{
    font-size:24px;
  }
  .wp-block-cover h2 + p{
    font-size:17px;
    line-height:1.55;
  }
  .wp-block-cover .wp-block-buttons{
    align-items:stretch;
  }
  .wp-block-cover .wp-block-button{
    width:100%;
  }
  .wp-block-cover .wp-block-button__link{
    width:100%;
    justify-content:center;
  }
}


/* =========================================================
   1.2.3 — Typography, mobile hierarchy & contrast polish
   Primary font: Montserrat
   ========================================================= */

/* Global typography */
body,
button,
input,
select,
textarea,
.wp-site-blocks,
.editor-styles-wrapper {
  font-family: Montserrat, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,h2,h3,h4,h5,h6,
.wp-block-heading,
.wp-block-navigation-item__label,
.wp-block-button__link {
  font-family: Montserrat, Arial, sans-serif;
}

h1,.wp-block-heading:is(h1){
  font-weight:800;
  letter-spacing:-.045em;
}

h2,.wp-block-heading:is(h2){
  font-weight:800;
  letter-spacing:-.035em;
}

h3,.wp-block-heading:is(h3){
  font-weight:750;
  letter-spacing:-.02em;
}

/* Better readable body copy */
p,
li {
  font-weight:400;
  letter-spacing:-.005em;
}

.og-eyebrow{
  font-family:Montserrat,Arial,sans-serif;
  font-weight:800;
  letter-spacing:.13em;
  line-height:1.3;
}

/* HERO - desktop */
.wp-block-cover.is-position-center-left{
  min-height:680px !important;
}
.wp-block-cover.is-position-center-left .wp-block-cover__background{
  opacity:.56 !important;
}
.wp-block-cover.is-position-center-left > .wp-block-cover__inner-container{
  padding-left:clamp(24px,5vw,72px);
  padding-right:24px;
}
.wp-block-cover.is-position-center-left h1{
  max-width:720px;
  font-size:clamp(52px,5.2vw,76px);
  line-height:.98;
  font-weight:800;
}
.wp-block-cover.is-position-center-left h2{
  font-size:clamp(24px,2.1vw,30px);
  line-height:1.16;
  font-weight:700;
}
.wp-block-cover.is-position-center-left h2 + p{
  max-width:650px;
  font-size:18px;
  line-height:1.62;
}

/* Proof row */
.wp-block-cover + .wp-block-group .wp-block-columns{
  align-items:center;
}
.wp-block-cover + .wp-block-group .wp-block-column p{
  margin:0;
  font-size:15px;
  line-height:1.45;
}
.wp-block-cover + .wp-block-group .wp-block-column strong{
  display:block;
  margin-bottom:2px;
  font-size:20px;
  line-height:1.1;
  color:var(--og-navy);
}

/* Dark sections: force readable contrast */
.has-navy-background-color,
.has-navy-2-background-color{
  color:#fff;
}
.has-navy-background-color p,
.has-navy-background-color li,
.has-navy-background-color h1,
.has-navy-background-color h2,
.has-navy-background-color h3,
.has-navy-background-color h4,
.has-navy-background-color a:not(.wp-block-button__link),
.has-navy-2-background-color p,
.has-navy-2-background-color li,
.has-navy-2-background-color h1,
.has-navy-2-background-color h2,
.has-navy-2-background-color h3,
.has-navy-2-background-color h4,
.has-navy-2-background-color a:not(.wp-block-button__link){
  color:#fff !important;
}
.has-navy-background-color .has-yellow-color,
.has-navy-2-background-color .has-yellow-color{
  color:var(--og-yellow)!important;
}

/* Cards */
.og-card{
  border:1px solid rgba(6,46,85,.08);
  border-radius:14px;
  box-shadow:0 10px 26px rgba(6,46,85,.08);
}
.og-card p:last-child{
  margin-bottom:0;
}

/* Better section text scale */
.wp-block-group.alignfull > h2,
.wp-block-group.alignfull > .wp-block-heading{
  max-width:900px;
}
.wp-block-group.alignfull > p{
  max-width:780px;
}

/* Footer: shorter and cleaner */
.og-site-footer{
  padding-top:52px !important;
  padding-bottom:28px !important;
}
.og-site-footer p,
.og-site-footer li,
.og-site-footer a{
  font-size:14px;
  line-height:1.55;
}
.og-site-footer h3{
  font-size:18px;
  margin-bottom:12px;
}

/* Mobile */
@media (max-width: 781px){

  body,
  .wp-site-blocks{
    font-size:16px;
  }

  .wp-block-cover.is-position-center-left{
    min-height:560px !important;
  }

  .wp-block-cover.is-position-center-left > .wp-block-cover__inner-container{
    padding-left:20px;
    padding-right:20px;
  }

  .wp-block-cover.is-position-center-left .wp-block-cover__background{
    opacity:.62 !important;
  }

  .wp-block-cover.is-position-center-left .wp-block-cover__image-background{
    object-position:42% center;
  }

  .wp-block-cover.is-position-center-left h1{
    max-width:330px;
    margin-bottom:12px;
    font-size:44px;
    line-height:.98;
    letter-spacing:-.045em;
  }

  .wp-block-cover.is-position-center-left h2{
    margin-bottom:12px;
    font-size:23px;
    line-height:1.12;
  }

  .wp-block-cover.is-position-center-left h2 + p{
    max-width:340px;
    margin-bottom:20px;
    font-size:16px;
    line-height:1.5;
  }

  .wp-block-cover.is-position-center-left .og-eyebrow{
    max-width:300px;
    margin-bottom:10px;
    font-size:11px;
    line-height:1.3;
  }

  .wp-block-cover .wp-block-buttons{
    gap:8px;
  }

  .wp-block-cover .wp-block-button__link{
    min-height:46px;
    padding:12px 16px;
    font-size:14px;
  }

  /* Compact proof row */
  .wp-block-cover + .wp-block-group{
    padding-top:26px !important;
    padding-bottom:26px !important;
  }

  .wp-block-cover + .wp-block-group .wp-block-columns{
    gap:22px;
  }

  .wp-block-cover + .wp-block-group .wp-block-column p{
    font-size:13px;
  }

  .wp-block-cover + .wp-block-group .wp-block-column strong{
    font-size:17px;
  }

  /* More comfortable content sections */
  .wp-block-group.alignfull{
    scroll-margin-top:80px;
  }

  .wp-block-group.alignfull > .wp-block-heading,
  .wp-block-group.alignfull .wp-block-heading{
    line-height:1.08;
  }

  .wp-block-group.alignfull h2{
    font-size:28px;
  }

  .wp-block-group.alignfull h3{
    font-size:19px;
  }

  .wp-block-group.alignfull p,
  .wp-block-group.alignfull li{
    font-size:15px;
    line-height:1.58;
  }

  .og-card{
    border-radius:12px;
  }

  .og-site-footer{
    padding-top:40px !important;
    padding-bottom:22px !important;
  }
}

@media (max-width: 430px){
  .wp-block-cover.is-position-center-left h1{
    max-width:290px;
    font-size:40px;
  }

  .wp-block-cover.is-position-center-left h2{
    font-size:21px;
  }

  .wp-block-cover.is-position-center-left h2 + p{
    font-size:15.5px;
  }
}


/* =========================================================
   1.2.4 — Mobile hero + explicit Oostergetel text colours
   ========================================================= */

/* Hero colours: never inherit navy text over the photo */
.wp-block-cover.is-position-center-left .wp-block-cover__inner-container h1,
.wp-block-cover.is-position-center-left .wp-block-cover__inner-container h2,
.wp-block-cover.is-position-center-left .wp-block-cover__inner-container p:not(.og-eyebrow){
  color:#ffffff !important;
}

.wp-block-cover.is-position-center-left .wp-block-cover__inner-container .og-eyebrow{
  color:#ffcc00 !important;
}

/* Hero buttons retain their own brand colours */
.wp-block-cover.is-position-center-left .wp-block-button:not(.og-whatsapp) .wp-block-button__link{
  background:#ffcc00 !important;
  color:#06345f !important;
}
.wp-block-cover.is-position-center-left .wp-block-button.og-whatsapp .wp-block-button__link{
  background:#25d366 !important;
  color:#06345f !important;
}

/* Proof strip */
.wp-block-cover + .wp-block-group{
  color:#06345f;
}
.wp-block-cover + .wp-block-group p,
.wp-block-cover + .wp-block-group strong{
  color:#06345f !important;
}

/* Mobile hero refinement */
@media (max-width:781px){
  .wp-block-cover.is-position-center-left{
    min-height:590px !important;
  }

  .wp-block-cover.is-position-center-left .wp-block-cover__image-background{
    object-position:47% center !important;
  }

  .wp-block-cover.is-position-center-left .wp-block-cover__background{
    opacity:.67 !important;
  }

  .wp-block-cover.is-position-center-left > .wp-block-cover__inner-container{
    padding-left:18px;
    padding-right:18px;
  }

  .wp-block-cover.is-position-center-left > .wp-block-cover__inner-container > .wp-block-group{
    max-width:340px;
  }

  .wp-block-cover.is-position-center-left .og-eyebrow{
    max-width:280px;
    margin-bottom:10px;
    font-size:11px;
    font-weight:800;
    line-height:1.35;
    letter-spacing:.12em;
  }

  .wp-block-cover.is-position-center-left h1{
    max-width:315px;
    margin-top:0;
    margin-bottom:12px;
    font-size:36px;
    font-weight:800;
    line-height:1.02;
    letter-spacing:-.04em;
  }

  .wp-block-cover.is-position-center-left h2{
    max-width:315px;
    margin-top:0;
    margin-bottom:10px;
    font-size:20px;
    font-weight:700;
    line-height:1.15;
  }

  .wp-block-cover.is-position-center-left h2 + p{
    max-width:320px;
    margin-bottom:18px;
    font-size:15px;
    font-weight:400;
    line-height:1.5;
  }

  .wp-block-cover.is-position-center-left .wp-block-buttons{
    max-width:320px;
    gap:8px;
  }

  .wp-block-cover.is-position-center-left .wp-block-button__link{
    min-height:44px;
    padding:11px 14px;
    font-size:13px;
    font-weight:800;
  }

  /* Proof strip more legible and compact */
  .wp-block-cover + .wp-block-group{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }
  .wp-block-cover + .wp-block-group .wp-block-columns{
    gap:16px;
  }
  .wp-block-cover + .wp-block-group .wp-block-column strong{
    margin-bottom:3px;
    font-size:18px;
    font-weight:800;
  }
  .wp-block-cover + .wp-block-group .wp-block-column p{
    font-size:13.5px;
    line-height:1.4;
  }
}


/* =========================================================
   1.2.5 — Final mobile hero/proof polish
   Desktop deliberately left unchanged
   ========================================================= */

@media (max-width:781px){

  /* Keep photo alive, but create a calm reading zone on the left. */
  .wp-block-cover.is-position-center-left::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(
      90deg,
      rgba(6,52,95,.56) 0%,
      rgba(6,52,95,.38) 54%,
      rgba(6,52,95,.08) 100%
    );
  }

  .wp-block-cover.is-position-center-left .wp-block-cover__background{
    opacity:.50 !important;
    z-index:1;
  }

  .wp-block-cover.is-position-center-left .wp-block-cover__inner-container{
    position:relative;
    z-index:2;
  }

  /* More breathing room without changing the established scale. */
  .wp-block-cover.is-position-center-left .og-eyebrow{
    margin-bottom:12px;
  }

  .wp-block-cover.is-position-center-left h1{
    margin-bottom:15px;
    line-height:1.06;
  }

  .wp-block-cover.is-position-center-left h2{
    margin-bottom:12px;
    line-height:1.2;
  }

  .wp-block-cover.is-position-center-left h2 + p{
    margin-bottom:22px;
    line-height:1.55;
  }

  /* Proof strip: readable instead of miniature. */
  .wp-block-cover + .wp-block-group{
    padding-top:26px !important;
    padding-bottom:26px !important;
  }

  .wp-block-cover + .wp-block-group .wp-block-columns{
    gap:18px;
  }

  .wp-block-cover + .wp-block-group .wp-block-column{
    padding-top:2px;
    padding-bottom:2px;
  }

  .wp-block-cover + .wp-block-group .wp-block-column strong{
    font-size:18px;
    line-height:1.15;
  }

  .wp-block-cover + .wp-block-group .wp-block-column p{
    font-size:14px;
    line-height:1.45;
  }
}


/* =========================================================
   1.3.0 — Verkooppagina
   ========================================================= */

.og-sell-hero .wp-block-cover__inner-container{
  width:100%;
  max-width:1220px;
  margin:0 auto;
  padding-left:24px;
  padding-right:24px;
}
.og-sell-hero h1{
  max-width:780px;
  color:#fff!important;
  font-size:clamp(48px,5.4vw,76px);
  line-height:.98;
}
.og-sell-hero h2,
.og-sell-hero p:not(.og-eyebrow){
  color:#fff!important;
}
.og-sell-hero .og-eyebrow{
  color:var(--og-yellow)!important;
}

.og-sell-step{
  height:100%;
  border:1px solid rgba(6,46,85,.08);
  border-radius:14px;
  box-shadow:0 10px 26px rgba(6,46,85,.06);
}
.og-sell-step .og-step-number{
  margin-bottom:8px;
  color:var(--og-yellow)!important;
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
}

.og-sell-feature{
  height:100%;
  border-radius:14px;
}

.og-faq details{
  border-bottom:1px solid rgba(6,46,85,.14);
  padding:18px 0;
}
.og-faq summary{
  color:var(--og-navy);
  font-weight:800;
  cursor:pointer;
}

@media (max-width:781px){
  .og-sell-hero{
    min-height:590px!important;
  }
  .og-sell-hero h1{
    font-size:40px;
    line-height:1.02;
  }
  .og-sell-hero h2{
    font-size:22px;
  }
}


/* =========================================================
   1.3.1 — Verkooproute / stappenplan
   ========================================================= */

.og-sales-timeline > .og-eyebrow,
.og-sales-timeline > h2,
.og-sales-timeline > p{
  max-width:820px;
}

.og-sales-timeline .og-timeline-row{
  position:relative;
  gap:34px;
  margin-top:52px;
  margin-bottom:0;
}

/* Horizontal route line */
.og-sales-timeline .og-timeline-row::before{
  content:"";
  position:absolute;
  top:27px;
  left:8%;
  right:8%;
  height:2px;
  background:rgba(255,255,255,.28);
  z-index:0;
}

.og-sales-timeline .og-timeline-step{
  position:relative;
  z-index:1;
  height:100%;
  padding-right:14px;
}

.og-sales-timeline .og-timeline-number{
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  margin:0 0 24px;
  border-radius:50%;
  background:var(--og-yellow);
  color:var(--og-navy)!important;
  font-family:Montserrat,Arial,sans-serif;
  font-size:16px;
  font-weight:900;
  line-height:1;
  box-shadow:0 0 0 8px var(--og-navy);
}

.og-sales-timeline .og-timeline-step h3{
  margin-top:0;
  margin-bottom:10px;
  color:#fff!important;
  font-size:21px;
  line-height:1.18;
}

.og-sales-timeline .og-timeline-step p:not(.og-timeline-number){
  margin-top:0;
  color:rgba(255,255,255,.88)!important;
  font-size:15px;
  line-height:1.6;
}

/* Mobile: vertical route */
@media (max-width:781px){
  .og-sales-timeline{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }

  .og-sales-timeline .og-timeline-row{
    display:block;
    margin-top:34px;
  }

  .og-sales-timeline .og-timeline-row + .og-timeline-row{
    margin-top:0;
  }

  .og-sales-timeline .og-timeline-row::before{
    display:none;
  }

  .og-sales-timeline .og-timeline-row .wp-block-column{
    position:relative;
    margin:0;
    padding:0 0 34px 76px;
  }

  .og-sales-timeline .og-timeline-row .wp-block-column::before{
    content:"";
    position:absolute;
    left:27px;
    top:56px;
    bottom:0;
    width:2px;
    background:rgba(255,255,255,.25);
  }

  .og-sales-timeline .og-timeline-row:last-of-type .wp-block-column:last-child::before{
    display:none;
  }

  .og-sales-timeline .og-timeline-step{
    position:static;
    padding-right:0;
  }

  .og-sales-timeline .og-timeline-number{
    position:absolute;
    top:0;
    left:0;
    width:56px;
    height:56px;
    margin:0;
    box-shadow:0 0 0 6px var(--og-navy);
  }

  .og-sales-timeline .og-timeline-step h3{
    padding-top:4px;
    font-size:20px;
  }

  .og-sales-timeline .og-timeline-step p:not(.og-timeline-number){
    font-size:15px;
    line-height:1.55;
  }
}


/* NVM en partnerlogo’s */
.og-trust-nvm { display:flex; align-items:center; justify-content:center; gap:14px; min-height:72px; text-align:left; }
.og-trust-nvm img { width:36px; height:58px; object-fit:contain; flex:0 0 auto; }
.og-trust-nvm p { margin:0; line-height:1.35; }
.og-footer-logos { margin:34px 0 26px; padding-top:26px; border-top:1px solid rgba(255,255,255,.2); }
.og-footer-logos > p { margin:0 0 16px; color:#fff; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; opacity:.82; }
.og-footer-logos__row { display:flex; align-items:center; flex-wrap:wrap; gap:14px; }
.og-footer-logos__nvm { width:42px; height:67px; object-fit:contain; margin-right:8px; }
.og-footer-logos__card { display:flex; align-items:center; justify-content:center; min-width:150px; height:68px; padding:7px 13px; border-radius:10px; background:#fff; }
.og-footer-logos__card img { display:block; max-width:130px; max-height:54px; width:auto; height:auto; }
@media (max-width: 781px) {
  .og-trust-nvm { text-align:center; flex-direction:column; gap:8px; }
  .og-trust-nvm img { width:31px; height:49px; }
  .og-footer-logos { margin-top:28px; }
  .og-footer-logos__row { gap:10px; }
  .og-footer-logos__nvm { width:36px; height:58px; margin-right:2px; }
  .og-footer-logos__card { min-width:126px; height:60px; padding:6px 10px; }
  .og-footer-logos__card img { max-width:112px; max-height:48px; }
}


/* Rustige headeropbouw voor kleine desktopbreedtes */
@media (min-width: 782px) and (max-width: 1180px) {
  .og-site-header > .wp-block-group { align-items:flex-start !important; }
  .og-site-header > .wp-block-group > .wp-block-group { width:100%; }
  .og-site-header > .wp-block-group > .wp-block-group > .wp-block-group {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-rows:auto auto;
    column-gap:14px;
    row-gap:14px;
    width:100%;
    justify-items:end;
    align-items:center;
  }
  .og-site-header .wp-block-navigation { display:contents !important; }
  .og-site-header .wp-block-navigation__container {
    grid-column:1 / -1;
    grid-row:1;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
    gap:20px !important;
  }
  .og-site-header .wp-block-navigation > a[href^="tel:"] {
    grid-column:2;
    grid-row:2;
    white-space:nowrap;
  }
  .og-site-header .og-header-cta {
    grid-column:3;
    grid-row:2;
    margin:0 !important;
    white-space:nowrap;
  }
}

/* Correcte containerlaag voor de header-CTA’s */
@media (min-width: 782px) and (max-width: 1180px) {
  .og-site-header > .wp-block-group > .wp-block-group {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-rows:auto auto;
    column-gap:14px;
    row-gap:14px;
    width:100%;
    justify-items:end;
    align-items:center;
  }
}

/* Definitieve desktopindeling: navigatie boven, CTA’s samen eronder */
@media (min-width: 782px) {
  .og-site-header > .wp-block-group {align-items:flex-start !important;}
  .og-site-header > .wp-block-group > .wp-block-group {display:grid !important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;column-gap:14px;row-gap:14px;width:100%;justify-items:end;align-items:center;}
  .og-site-header .wp-block-navigation{display:contents !important;}
  .og-site-header .wp-block-navigation__container{grid-column:1/-1;grid-row:1;justify-content:flex-end !important;flex-wrap:nowrap !important;gap:20px !important;}
  .og-site-header .wp-block-navigation>a[href^="tel:"]{grid-column:2;grid-row:2;white-space:nowrap;}
  .og-site-header .og-header-cta{grid-column:3;grid-row:2;margin:0 !important;white-space:nowrap;}
}