/* Pagina Contact (post 68): inhoud onder de hero, 1-op-1 met marcneerhof.nl/contact/ */

/* Tekstweergave zoals de bron (antialiased) */
.ct-form-sec,.ct-social{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

/* Formuliersectie */
.ct-form-sec{background:#F5F3EF;padding:80px 40px;}
.ct-inner{max-width:838px;margin:0 auto;display:flex;flex-direction:column;gap:20px;}
.ct-intro{display:flex;flex-direction:column;}
h2.mb-el--heading.ct-h{font-family:"Playfair Display",serif;font-size:var(--mn-kit-h4);font-weight:600;line-height:1.2;color:#1F242C;margin:8px 0 16px;}
.mb-el--text.ct-t{margin:0;font-family:Inter,sans-serif;font-size:var(--mn-kit-body);line-height:1.5;color:#4c4c4c;}
.ct-t p{margin:0;}
.mb-el--text.ct-voorw{margin:0;font-family:Inter,sans-serif;font-size:16px;line-height:28px;color:#4c4c4c;}
.ct-voorw p{margin:0 0 14.4px;}
.ct-voorw a{color:#CC3366;text-decoration:none;}

/* Contactformulier (melange-formulieren): alleen opmaak, velden en werking ongewijzigd */
.ct-form .melange-formulier{font-family:Inter,sans-serif;}
.ct-form .melange-formulier-form{display:grid;grid-template-columns:1fr 1fr;column-gap:44px;row-gap:35px;align-items:start;}
.ct-form .melange-formulier-form > *{min-width:0;}
.ct-form .melange-formulier-veld{margin:0;}
.ct-form .melange-formulier-veld:has([id^="mf-naam"]){order:1;}
.ct-form .melange-formulier-veld:has([id^="mf-telefoon"]){order:2;}
.ct-form .melange-formulier-veld:has([id^="mf-email"]){order:3;}
.ct-form .melange-formulier-veld:has([id^="mf-woonplaats"]){order:4;}
.ct-form .melange-formulier-veld:has([id^="mf-onderwerp"]){order:5;}
.ct-form .melange-formulier-veld:has([id^="mf-herkomst"]){order:6;}
.ct-form .melange-formulier-veld:has(textarea){order:7;grid-column:1 / -1;}
.ct-form .melange-formulier-knop{order:8;grid-column:1 / -1;margin:1px 0 0;text-align:center;}
.ct-form .melange-formulier-ip{order:9;grid-column:1 / -1;}
.ct-form .melange-formulier-form > :not(.melange-formulier-veld):not(.melange-formulier-knop):not(.melange-formulier-ip):not(.melange-formulier-hp){order:10;grid-column:1 / -1;}

.ct-form .melange-formulier-veld > label{display:block;margin:0;padding:0 0 10px;font-family:Inter,sans-serif;font-size:var(--mn-kit-body);font-weight:400;line-height:1;color:#4c4c4c;}
.ct-form .melange-formulier-ster{display:none;}
.ct-form .melange-formulier-veld input[type="text"],
.ct-form .melange-formulier-veld input[type="email"],
.ct-form .melange-formulier-veld input[type="tel"],
.ct-form .melange-formulier-veld select,
.ct-form .melange-formulier-veld textarea{display:block;width:100%;box-sizing:border-box;margin:0;padding:15px;border:1px solid #E7E1D6;border-radius:3px;background-color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:25.6px;color:rgba(0,0,0,.35);box-shadow:none;}
.ct-form .melange-formulier-veld input:not([type]){display:block;width:100%;}
.ct-form .melange-formulier-veld textarea{height:134.4px;resize:vertical;}
.ct-form .melange-formulier-veld select{height:57.6px;color:#000;-webkit-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23999' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:11px 6px;}
.ct-form .melange-formulier-veld select option{background:#fff;color:#333;}
.ct-form .melange-formulier-veld select option:nth-child(2n){background:#F5F3EF;color:#000;}
.ct-form .melange-formulier-veld input:focus,
.ct-form .melange-formulier-veld select:focus,
.ct-form .melange-formulier-veld textarea:focus{outline:none;border-color:#B88C48;box-shadow:none;}
.ct-form .melange-formulier-veld ::placeholder{color:rgba(0,0,0,.35);opacity:1;}

.ct-form .melange-formulier-knop.melange-knop-eigen button{display:inline-block;margin:0;padding:18px 45px;border:0;border-radius:2px;background:#B88C48;color:#06090F;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background-color .3s;}
.ct-form .melange-formulier-knop.melange-knop-eigen button:hover,
.ct-form .melange-formulier-knop.melange-knop-eigen button:focus{background:#CAA05A;color:#06090F;}
.ct-form .melange-formulier-ip{margin:0;padding:0;background:transparent;border-radius:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;color:#8a8a8a;text-align:center;}
.ct-form .melange-formulier-ip strong{font-weight:400;}

/* Socials-sectie met foto links */
.ct-social{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:680px;box-sizing:border-box;padding:150px 40px;background-color:#0B1018;}
.ct-social::before{content:"";position:absolute;inset:0;background:url("https://marcneerhof.nl/wp-content/uploads/2026/09/mn-contact-photo-12-opt.webp") left center/auto no-repeat;pointer-events:none;}
.ct-soc-inner{position:relative;z-index:1;width:100%;max-width:1301px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;}
.ct-soc-col{width:878px;max-width:100%;align-self:flex-end;display:flex;flex-direction:column;gap:50px;}
h2.mb-el--heading.ct-soc-h{width:633px;max-width:100%;align-self:center;margin:0;text-align:center;font-family:"Playfair Display",serif;font-size:24px;font-weight:600;line-height:1.3;color:#F5F3EF;}
.ct-soc-links{display:flex;flex-direction:row;justify-content:center;gap:48px;}
.ct-soc-link{display:flex;align-items:center;width:auto;max-width:none;text-decoration:none;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;}
.ct-soc-ic{display:flex;flex:none;}
.ct-soc-ic svg{width:50px;height:50px;margin:0 12.5px 0 0;display:block;}
.ct-soc-txt{padding:0 0 0 5px;color:#F5F3EF;transition:color .3s;}
.ct-soc-link:hover .ct-soc-txt{color:#B88C48;}

@media(max-width:1024px){
  .ct-form-sec{padding:60px 30px;}
  .ct-inner{gap:30px;}
  .ct-social{min-height:350px;padding:50px 30px;}
  .ct-social::before{background-size:0 0;}
  .ct-soc-col{width:100%;}
}
@media(max-width:767px){
  .ct-form-sec{padding:40px 24px 60px;}
  .ct-inner{gap:30px;}
  h2.mb-el--heading.ct-h{font-size:24px;line-height:1.2;}
  .mb-el--text.ct-t{font-size:16px;line-height:1.3;}
  .ct-form .melange-formulier-form{grid-template-columns:1fr;row-gap:15px;}
  .ct-form .melange-formulier-knop{margin-top:16px;}
  .mb-el--shortcode.ct-form{margin-bottom:-20px;}
  .ct-form .melange-formulier-veld > label{font-size:16px;line-height:16px;}
  .ct-form .melange-formulier-veld input[type="text"],
  .ct-form .melange-formulier-veld input[type="email"],
  .ct-form .melange-formulier-veld input[type="tel"],
  .ct-form .melange-formulier-veld select,
  .ct-form .melange-formulier-veld textarea{padding:10px 15px;}
  .ct-form .melange-formulier-veld select{height:47.6px;padding-right:36px;}
  .ct-form .melange-formulier-veld textarea{height:124.4px;}

  .ct-social{min-height:400px;padding:60px 24px;}
  .ct-soc-col{gap:25px;}
  h2.mb-el--heading.ct-soc-h{width:100%;align-self:stretch;text-align:left;}
  .ct-soc-links{flex-direction:column;gap:10px;}
  .ct-soc-link{width:100%;max-width:100%;}
  .ct-soc-ic svg{width:40px;height:40px;margin-right:10px;}
}

.ct-form .melange-formulier-veld input::placeholder,.ct-form .melange-formulier-veld textarea::placeholder{color:rgba(0,0,0,.35);opacity:.6;}