/* iCanFix – consistente typografie en leeslayout 2026/2027 */



/* Printplaat taxonomy: inhoud volledig in wit vlak onder blauwe hero */

body.tax-productgroup.term-printplaat #page-general.general {
  position: relative !important;
  z-index: 2 !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 56px 0 48px !important;
  background: #fff !important;
  color: #111 !important;
  overflow: visible !important;




}







/* Printplaat taxonomy: stabiele tekstflow binnen de taxonomy-content */



















































/* --- WPWriter addition --- */

/* iCanFix – accessibility correcties 21-09-2026 */


/* Tekstlinks op lichte contentvlakken: WCAG-contrastrijker dan huisstijllichtblauw */



/* --- WPWriter addition --- */

/* Trustindex – reserveer ruimte voor Google-reviewavatars */



/* --- WPWriter addition --- */

/* ===== Migrated from WPCode 3188: Repender contrast ===== */
















/* ===== Migrated from WPCode 3214: Educatie Chromebook layout ===== */























/* --- WPWriter addition --- */

/* ===== Migrated from WPCode 3187: WhatsApp button styling ===== */










/* ===== Migrated from WPCode 3182: Google Reviews header badge styling ===== */










/* iCanFix homepage: Repender boven categorie-informatie */
#home-top{height:auto!important;min-height:0!important;padding:64px 0 80px!important;overflow:visible!important}
#home-top>.limiter{max-width:1080px!important;padding:0 24px!important}
#home-top>.limiter p{max-width:780px;margin:0 auto 18px;line-height:1.65}
#home-top .direct-cta{display:inline-block;margin:8px auto 18px}
#home-top #repender-inline{max-width:1080px;min-height:320px;margin:20px auto 10px;padding:24px;background:#fff;border-radius:18px;color:#1f2933;text-align:left;box-shadow:0 14px 40px rgba(0,0,0,.14)}
#home-top .menu-reparaties-container{position:static!important;width:auto!important;max-width:1180px;margin:48px auto 0;padding:0 24px}
#repair-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0!important;padding:0!important}
#repair-menu li{float:none!important;width:auto!important;height:auto!important;margin:0!important;position:static!important}
#repair-menu li a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:24px 18px!important;background:#fff!important;border-radius:18px;color:#16212a!important;text-decoration:none!important;box-shadow:0 10px 28px rgba(0,0,0,.12);transition:transform .2s ease,box-shadow .2s ease}
#repair-menu li a:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.18)}
#repair-menu li a:before{content:""!important;display:block!important;position:static!important;width:112px!important;height:112px!important;margin:0 0 18px!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important}
#repair-menu li a span{position:static!important;display:block!important;max-width:260px!important;color:#16212a!important;font-size:18px!important;line-height:1.3!important;text-align:center!important;white-space:normal!important}
#repair-menu li:nth-child(1) a:before{background-image:url("https://icanfix.nl/wp-content/uploads/2026/09/elektronica-printplaat.png")!important}
#repair-menu li:nth-child(2) a:before{background-image:url("https://icanfix.nl/wp-content/uploads/2026/09/computer-laptop.png")!important}
#repair-menu li:nth-child(3) a:before{background-image:url("https://icanfix.nl/wp-content/uploads/2026/09/tablet-ipad.png")!important}
#repair-menu li:nth-child(4) a:before{background-image:url("https://icanfix.nl/wp-content/uploads/2026/09/samsung.png")!important}
#repair-menu li:nth-child(5) a:before{background-image:url("https://icanfix.nl/wp-content/uploads/2026/09/telefoon-iphone.png")!important}
#repair-menu li:nth-child(6) a:before{background-image:url("https://icanfix.nl/wp-content/uploads/2026/09/schermreparatie.png")!important}
#repair-menu li:nth-child(7) a:before{background-image:url("https://icanfix.nl/wp-content/uploads/2026/09/macbook-imac.png")!important}
#repair-menu li:nth-child(8) a:before{background-image:url("https://icanfix.nl/wp-content/uploads/2026/09/batterij.png")!important}
#repair-menu li:nth-child(9) a:before{background-image:url("https://icanfix.nl/wp-content/uploads/2026/09/moederbord.png")!important}
#home-top .scrolldown{display:none!important}
@media(max-width:900px){#repair-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#home-top{padding-top:40px!important}#home-top #repender-inline{padding:14px;min-height:280px}#repair-menu{grid-template-columns:1fr;gap:16px}#repair-menu li a{min-height:190px}}

/* iCanFix – consistente typografie en leeslayout 2026/2027 */



/* Printplaat taxonomy: inhoud volledig in wit vlak onder blauwe hero */
body.tax-productgroup.term-printplaat #product-top.top-item {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  overflow: visible !important;
}
body.tax-productgroup.term-printplaat #page-general.general {
  position: relative !important;
  z-index: 2 !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 56px 0 48px !important;
  background: #fff !important;
  color: #111 !important;
  overflow: visible !important;
}
body.tax-productgroup.term-printplaat #page-general.general > .limiter {
  position: relative !important;
  float: none !important;
  clear: both !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  background: #fff !important;
  color: #111 !important;
}
body.tax-productgroup.term-printplaat #page-general .icx-term-description,
body.tax-productgroup.term-printplaat #page-general .icx-term-description h2,
body.tax-productgroup.term-printplaat #page-general .icx-term-description p,
body.tax-productgroup.term-printplaat #page-general .icx-term-description li {
  color: #111 !important;
  background: transparent !important;
}
body.tax-productgroup.term-printplaat #page-general .icx-term-description {
  display: block !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}
body.tax-productgroup.term-printplaat #page-general .icx-term-description h2,
body.tax-productgroup.term-printplaat #page-general .icx-term-description p {
  position: static !important;
  float: none !important;
  clear: both !important;
}
body.tax-productgroup.term-printplaat #product-overview {
  clear: both !important;
}
@media (max-width: 760px) {
  body.tax-productgroup.term-printplaat #page-general.general {
    padding: 40px 0 36px !important;
  }
}

/* Printplaat taxonomy: stabiele tekstflow binnen de taxonomy-content */
body.tax-productgroup.term-printplaat #page-general .icx-term-description {
  max-width: 800px;
  margin: 0 auto 28px;
  position: static !important;
  float: none !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
body.tax-productgroup.term-printplaat #page-general .icx-term-description h2 {
  display: block !important;
  position: static !important;
  float: none !important;
  clear: both !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 42px 0 14px !important;
  padding: 0 !important;
  font-size: clamp(28px, 2.3vw, 36px);
  line-height: 1.22 !important;
  transform: none !important;
}
body.tax-productgroup.term-printplaat #page-general .icx-term-description h2:first-child {
  margin-top: 0 !important;
}
body.tax-productgroup.term-printplaat #page-general .icx-term-description p {
  display: block !important;
  position: static !important;
  float: none !important;
  clear: both !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  line-height: 1.75 !important;
  white-space: pre-line;
  transform: none !important;
}
@media (max-width: 760px) {
  body.tax-productgroup.term-printplaat #page-general .icx-term-description h2 {
    margin-top: 34px !important;
    font-size: clamp(25px, 7vw, 31px);
  }
  body.tax-productgroup.term-printplaat #page-general .icx-term-description p {
    line-height: 1.7 !important;
  }
}

body #page-general.general > .limiter {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(18px, 3vw, 32px);
  padding-right: clamp(18px, 3vw, 32px);
}

body #page-general.general > .limiter > p,
body #page-general.general > .limiter > ul,
body #page-general.general > .limiter > ol,
body #page-general.general > .limiter > h2,
body #page-general.general > .limiter > h3,
body #page-general.general > .limiter > h4 {
  max-width: 800px;
  margin-left: auto !important;
  margin-right: auto !important;
}

body #page-general.general > .limiter > p,
body #page-general.general > .limiter > ul,
body #page-general.general > .limiter > ol,
body #page-general.general > .limiter > ul li,
body #page-general.general > .limiter > ol li {
  font-size: clamp(17px, 0.25vw + 16px, 18px);
  line-height: 1.65;
}

body #page-general.general > .limiter > p {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  text-align: left;
  text-wrap: pretty;
  overflow-wrap: break-word;
}

body #page-general.general > .limiter > h2 {
  font-size: clamp(28px, 2.3vw, 36px);
  line-height: 1.18;
  margin-top: 48px !important;
  margin-bottom: 18px !important;
  text-align: left;
  text-wrap: balance;
}

body #page-general.general > .limiter > h2:first-child {
  margin-top: 0 !important;
}

body #page-general.general > .limiter > h3 {
  font-size: clamp(23px, 1.7vw, 27px);
  line-height: 1.25;
  margin-top: 36px !important;
  margin-bottom: 12px !important;
  text-align: left;
  text-wrap: balance;
}

body #page-general.general > .limiter > h4 {
  font-size: clamp(20px, 1.3vw, 23px);
  line-height: 1.3;
  margin-top: 28px !important;
  margin-bottom: 8px !important;
  text-align: left;
  text-wrap: balance;
}

body #page-general.general > .limiter > ul,
body #page-general.general > .limiter > ol {
  padding-left: 26px;
  margin-top: 8px !important;
  margin-bottom: 28px !important;
}

body #page-general.general > .limiter > ul li,
body #page-general.general > .limiter > ol li {
  margin-bottom: 9px;
}

body #page-general.general > .limiter > h4 + p {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(16,43,58,.10);
}

body #product-top.top-item .col-50.tekst h1,
body #product-top.top-item.noimage .col-100.tekst h1,
body #group-top.top-item > .limiter > h1,
body #home-top.top-item > .limiter > h1,
body #aboutus-top.top-item > .limiter > h1 {
  font-size: clamp(34px, 4.1vw, 50px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

body #product-top.top-item .col-50.tekst h1 {
  margin-bottom: 18px;
}

body #product-top.top-item .col-50.tekst p {
  font-size: clamp(17px, 0.25vw + 16px, 18px);
  line-height: 1.65;
  margin-bottom: 22px;
  text-wrap: pretty;
}

body #product-top.top-item.noimage .col-100.tekst {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body #product-top.top-item.noimage .col-100.tekst h1,
body #product-top.top-item.noimage .col-100.tekst p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

body #group-top.top-item > .limiter > h1 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body #group-top.top-item > .limiter > p {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: clamp(17px, 0.25vw + 16px, 18px);
  line-height: 1.65;
  text-wrap: pretty;
}

body #home-top.top-item > .limiter > p,
body #aboutus-top.top-item > .limiter > p {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(17px, 0.25vw + 16px, 18px);
  line-height: 1.65;
  text-wrap: pretty;
}

body #page-general.general > .limiter img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 980px) {
  body #page-general.general > .limiter > h2 {
    margin-top: 42px !important;
  }

  body #page-general.general > .limiter > h3 {
    margin-top: 32px !important;
  }
}

@media (max-width: 760px) {
  body #page-general.general > .limiter {
    padding-left: 18px;
    padding-right: 18px;
  }

  body #page-general.general > .limiter > p,
  body #page-general.general > .limiter > ul,
  body #page-general.general > .limiter > ol,
  body #product-top.top-item .col-50.tekst p,
  body #group-top.top-item > .limiter > p,
  body #home-top.top-item > .limiter > p,
  body #aboutus-top.top-item > .limiter > p {
    font-size: 17px;
    line-height: 1.6;
  }

  body #page-general.general > .limiter > h2 {
    margin-top: 36px !important;
    margin-bottom: 14px !important;
  }

  body #page-general.general > .limiter > h3 {
    margin-top: 28px !important;
    margin-bottom: 10px !important;
  }

  body #page-general.general > .limiter > h4 {
    margin-top: 24px !important;
  }

  body #group-top.top-item > .limiter > h1,
  body #group-top.top-item > .limiter > p,
  body #product-top.top-item.noimage .col-100.tekst {
    text-align: left;
  }

  body #page-general.general > .limiter > ul,
  body #page-general.general > .limiter > ol {
    padding-left: 22px;
  }
}


/* --- WPWriter addition --- */

/* iCanFix – accessibility correcties 21-09-2026 */
@media (max-width: 900px) {
  body a.icx-phone,
  body a.icx-mail,
  body a.icf-google-header,
  body a.icx-btn,
  body #wpconsent-consent-floating,
  body .wpconsent-preferences-header-close {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body a.icx-phone,
  body a.icx-mail {
    padding: 10px 8px;
  }
}

/* Tekstlinks op lichte contentvlakken: WCAG-contrastrijker dan huisstijllichtblauw */
body #page-general.general > .limiter a:not(.icx-btn),
body .icf-faq-answer a,
body .icf-policy a,
body .icf-mac-service a,
body .icf-shipping-service a,
body .icf-board-service a,
body .icf-battery-service a {
  color: #0077a8;
  text-decoration: underline;
  text-underline-offset: 2px;
}


/* --- WPWriter addition --- */

/* Trustindex – reserveer ruimte voor Google-reviewavatars */
body .ti-widget img[alt$="profile picture"],
body [class*="ti-widget"] img[alt$="profile picture"] {
  width: 40px !important;
  height: 40px !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}


/* --- WPWriter addition --- */

/* ===== Migrated from WPCode 3188: Repender contrast ===== */
.icx-site-shell #product-top #repender-inline {
  margin-top: 24px;
  padding: 28px 30px 34px;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
  color: #112632;
}

.icx-site-shell #product-top #repender-inline h2,
.icx-site-shell #product-top #repender-inline h3,
.icx-site-shell #product-top #repender-inline p,
.icx-site-shell #product-top #repender-inline label,
.icx-site-shell #product-top #repender-inline span {
  color: #112632 !important;
}

.icx-site-shell #product-top #repender-inline button,
.icx-site-shell #product-top #repender-inline [role="button"] {
  border-color: #b7c9d2 !important;
  background: #fff !important;
  color: #112632 !important;
}

.icx-site-shell #product-top #repender-inline button:hover,
.icx-site-shell #product-top #repender-inline button:focus-visible,
.icx-site-shell #product-top #repender-inline [role="button"]:hover,
.icx-site-shell #product-top #repender-inline [role="button"]:focus-visible {
  border-color: #27b4f5 !important;
  background: #edf8fd !important;
  color: #112632 !important;
}

.icx-site-shell #product-top #repender-inline button svg,
.icx-site-shell #product-top #repender-inline [role="button"] svg {
  color: #112632 !important;
  stroke: #112632 !important;
  fill: none !important;
}

.icx-site-shell #product-top #repender-inline input[type="text"],
.icx-site-shell #product-top #repender-inline input[type="search"] {
  border-color: #c9d6dc !important;
  background: #fff !important;
  color: #112632 !important;
}

.icx-site-shell #product-top #repender-inline input::placeholder {
  color: #6b7c86 !important;
}

@media (max-width: 640px) {
  .icx-site-shell #product-top #repender-inline {
    margin-top: 18px;
    padding: 20px 16px 24px;
    border-radius: 18px;
  }
}

/* ===== Migrated from WPCode 3214: Educatie Chromebook layout ===== */
body.postid-2409 #product-top .cols{
  display:block;
}
body.postid-2409 #product-top .col-50.image{
  display:none !important;
}
body.postid-2409 #product-top .col-50.tekst{
  width:100% !important;
  max-width:900px;
  margin:0 auto;
  float:none !important;
  text-align:center;
}
body.postid-2409 #product-top .col-50.tekst h1{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  line-height:1.15;
}
body.postid-2409 #product-top .col-50.tekst p{
  max-width:820px;
  margin:18px auto 24px;
  text-align:center;
  line-height:1.7;
}
body.postid-2409 #product-top .button{
  display:inline-block;
}

body.postid-2409 #product-content,
body.postid-2409 section.general.nopadding{
  padding-top:48px;
  padding-bottom:48px;
}
body.postid-2409 #product-content .limiter,
body.postid-2409 section.general.nopadding .limiter{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}
body.postid-2409 #product-content h2,
body.postid-2409 section.general.nopadding h2{
  max-width:820px;
  margin:0 auto 24px;
  text-align:center;
  line-height:1.2;
}
body.postid-2409 #product-content h3,
body.postid-2409 section.general.nopadding h3{
  max-width:820px;
  margin:34px auto 12px;
  text-align:center;
  line-height:1.3;
}
body.postid-2409 #product-content h4,
body.postid-2409 section.general.nopadding h4{
  max-width:820px;
  margin:28px auto 8px;
  text-align:left;
  line-height:1.35;
}
body.postid-2409 #product-content p,
body.postid-2409 section.general.nopadding p{
  max-width:820px;
  margin:0 auto 18px;
  text-align:left;
  line-height:1.75;
}
body.postid-2409 #product-content ul{
  max-width:760px;
  margin:18px auto 30px;
  padding-left:24px;
}
body.postid-2409 #product-content li{
  margin-bottom:8px;
  line-height:1.6;
}
body.postid-2409 section.general.nopadding h3 + h4{
  margin-top:20px;
}
body.postid-2409 section.general.nopadding h4 + p{
  padding-bottom:14px;
  border-bottom:1px solid rgba(16,43,58,.10);
}
body.postid-2409 section.general.nopadding p:last-child{
  text-align:center;
  border-bottom:0;
  margin-top:28px;
}
body.postid-2409 #product-repairs:empty{
  display:none;
}

@media (max-width:760px){
  body.postid-2409 #product-top .col-50.tekst,
  body.postid-2409 #product-content .limiter,
  body.postid-2409 section.general.nopadding .limiter{
    max-width:100%;
  }
  body.postid-2409 #product-top .col-50.tekst{
    padding-left:18px;
    padding-right:18px;
  }
  body.postid-2409 #product-content,
  body.postid-2409 section.general.nopadding{
    padding-top:34px;
    padding-bottom:34px;
  }
  body.postid-2409 #product-content h2,
  body.postid-2409 #product-content h3,
  body.postid-2409 section.general.nopadding h2,
  body.postid-2409 section.general.nopadding h3{
    text-align:left;
  }
}


/* --- WPWriter addition --- */

/* ===== Migrated from WPCode 3187: WhatsApp button styling ===== */
.icx-btn-whatsapp {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  box-sizing:border-box;
  border:1px solid #1faa52 !important;
  background:#25d366 !important;
  color:#083b1d !important;
  font-family:Arial,sans-serif;
  font-weight:700;
  line-height:1;
  text-decoration:none !important;
  white-space:nowrap;
  transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease;
}
.icx-btn-whatsapp:visited{color:#083b1d !important}
.icx-btn-whatsapp:hover,
.icx-btn-whatsapp:focus{
  border-color:#168f42 !important;
  background:#1faa52 !important;
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 5px 16px rgba(8,59,29,.28);
}
.icx-btn-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:3px}
.icx-btn-whatsapp__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  min-height:20px;
  font-size:13px;
  font-weight:700;
  letter-spacing:-.5px;
}
header#masthead > .icx-btn-whatsapp--legacy{
  position:absolute;
  top:70px;
  right:145px;
  z-index:6;
  width:50px;
  height:50px;
  padding:0 !important;
  border-radius:50%;
}
header#masthead > .icx-btn-whatsapp--legacy .icx-btn-whatsapp__label,
.icx-site-header .icx-head-actions .icx-btn-whatsapp__label{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
@media (max-width:1079px){
  header#masthead > .icx-btn-whatsapp--legacy{top:100px;right:20px}
}
@media (max-width:640px){
  .icx-site-header .icx-head-actions > .icx-btn.icx-btn-whatsapp{
    min-width:40px;
    width:40px;
    height:40px;
    padding:0 !important;
    border-radius:10px;
  }
}

/* ===== Migrated from WPCode 3182: Google Reviews header badge styling ===== */
.icf-google-header{
  position:absolute;
  top:63px;
  right:455px;
  z-index:5;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:7px 11px;
  box-sizing:border-box;
  color:#263238 !important;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(255,255,255,.72);
  border-radius:8px;
  box-shadow:0 4px 14px rgba(21,54,70,.16);
  font-family:myriad-pro,sans-serif;
  font-size:13px;
  line-height:1;
  text-decoration:none !important;
  white-space:nowrap;
  transition:transform .15s ease,box-shadow .15s ease;
}
.icf-google-header:hover,
.icf-google-header:focus{
  color:#17232b !important;
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(21,54,70,.22);
}
.icf-google-header:focus-visible{outline:3px solid #fff;outline-offset:3px}
.icf-google-header__logo{display:block;width:58px;height:auto}
.icf-google-header__stars{
  color:#fbbc04;
  font-family:Arial,sans-serif;
  font-size:14px;
  letter-spacing:-1.5px;
  line-height:1;
}
.icf-google-header__score{font-size:14px;font-weight:700}
.icf-google-header__count{color:#52616b}
@media (max-width:1079px){
  .icf-google-header{top:43px;right:135px}
}
@media (max-width:620px){
  .icf-google-header{
    top:96px;
    right:auto;
    left:20px;
    min-height:30px;
    padding:5px 8px;
    gap:5px;
    font-size:12px;
    border-radius:7px;
  }
  .icf-google-header__logo{width:50px}
  .icf-google-header__stars{font-size:13px}
  .icf-google-header__score{font-size:13px}
}

/* iCanFix homepage: categoriegrid in wit contentgedeelte */
#home-top{padding-bottom:0!important}
#home-top .menu-reparaties-container{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:48px 0 0!important;
  padding:64px max(24px,calc((100vw - 1180px)/2)) 72px!important;
  background:#fff!important;
}
#repair-menu{max-width:1180px!important;margin:0 auto!important}
#repair-menu li a{border:1px solid #e8eef2!important}
@media(max-width:600px){
  #home-top .menu-reparaties-container{margin-top:32px!important;padding:40px 18px 48px!important}
}

/* iCanFix homepage: Repender boven kliklaag categoriegrid */
#home-top #repair-menu li::before,
#home-top #repair-menu li::after {
  pointer-events: none !important;
}



/* iCanFix homepage: responsive top en Repender */
@media (max-width: 1100px) {
  #home-top > .limiter {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }
  #home-top > .limiter > h1,
  #home-top > .limiter > p {
    width: 100% !important;
    max-width: 800px !important;
    box-sizing: border-box !important;
  }
  #home-top #repender-inline {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 600px) {
  #home-top > .limiter {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  #home-top > .limiter > h1 {
    font-size: 32px !important;
    line-height: 1.1 !important;
  }
}


/* iCanFix homepage: ruimte onder mobiele header */
@media (max-width: 1100px) {
  #home-top > .limiter {
    padding-top: 150px !important;
  }
}
@media (max-width: 600px) {
  #home-top > .limiter {
    padding-top: 160px !important;
  }
}


@media (max-width: 600px) {
  html,
  body,
  #page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
		
  }

}


/* iCanFix sitebrede responsive correcties – concept */
@media (min-width:1101px){
  body.home #home-top{padding-top:210px!important}
}
@media (max-width:1100px){
  #product-top.top-item{padding-top:220px!important}
  #page-general.general>.limiter{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important
  }
  #page-general.general>.limiter>.icf-concept,
  #page-general.general>.limiter>.icf-faq,
  #page-general.general #repender-inline{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important
  }
}
@media (max-width:600px){
  #product-top.top-item{padding-top:210px!important}
  #page-general.general>.limiter{
    padding-left:18px!important;
    padding-right:18px!important
  }
}

/* Leesbare aanmeldknop op de blauwe paginakop */
#product-top a.button.button-green{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:54px!important;padding:0 24px!important;border-radius:8px!important;background:#173042!important;color:#fff!important;font:700 16px/1.3 Arial,sans-serif!important;text-transform:none!important;text-align:center!important}
#product-top a.button.button-green:hover,#product-top a.button.button-green:focus{background:#0d2230!important;color:#fff!important}
#product-top a.button.button-green:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important}
@media(max-width:600px){body.page-id-3326 #repender-plugin,body.page-id-3328 #repender-plugin,body.page-id-3330 #repender-plugin,body.page-id-3344 #repender-plugin,body.page-id-3346 #repender-plugin{display:none!important}}
#product-top a.button.button-green{width:auto!important;min-width:0!important;max-width:100%!important;padding:0 16px!important}
@media(max-width:600px){#product-top a.button.button-green{width:calc(100% - 20px)!important;min-width:0!important;font-size:15px!important;padding:0 12px!important}}
@media(max-width:600px){#product-top a.button.button-green{width:100%!important;margin:0!important;padding:0 8px!important;font-size:14px!important}}

@media(max-width:600px){body.page-id-3209 #repender-plugin,body.page-id-3211 #repender-plugin,body.page-id-3237 #repender-plugin,body.page-id-3222 #repender-plugin{display:none!important}}


/* Contactformulier: maak het CAPTCHA-antwoordveld duidelijk en plaats het onder de berichttekst. */
#contactformulier .wpcf7-form > *:has(input[placeholder="Vul het antwoord in"]) {
  clear: both !important;
  display: block !important;
  float: none !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 18px 0 0 !important;
  color: #172b3a !important;
}
#contactformulier .wpcf7-form :is(label, p, div):has(input[placeholder="Vul het antwoord in"]) {
  color: #172b3a !important;
}
#contactformulier .wpcf7-form input[placeholder="Vul het antwoord in"] {
  display: block !important;
  box-sizing: border-box !important;
  width: min(100%, 420px) !important;
  min-height: 52px !important;
  padding: 12px 14px !important;
  color: #172b3a !important;
  background: #fff !important;
  border: 1px solid #738397 !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
}
#contactformulier .wpcf7-form input[placeholder="Vul het antwoord in"]::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}
#contactformulier .wpcf7-form input[placeholder="Vul het antwoord in"]:focus {
  outline: 3px solid rgba(39, 180, 245, 0.28) !important;
  border-color: #27b4f5 !important;
}


/* CAPTCHA-contactveld: label en antwoord onder het berichtveld uitlijnen. */
#contactformulier .wpcf7-form p:has(input[placeholder="Vul het antwoord in"]),
#contactformulier .wpcf7-form label:has(input[placeholder="Vul het antwoord in"]) {
  display:block!important; position:static!important; float:none!important; clear:both!important;
  width:100%!important; max-width:100%!important; text-align:left!important;
  margin:18px 0!important; color:#172b3a!important;
}
#contactformulier .wpcf7-form label:has(input[placeholder="Vul het antwoord in"]) input[placeholder="Vul het antwoord in"] {
  position:static!important; float:none!important; margin:8px 0 0!important;
  width:min(100%,420px)!important; min-height:52px!important;
}

/* Voorkom de hoge lege CAPTCHA-container. */
#contactformulier .wpcf7-form p:has(input[placeholder="Vul het antwoord in"]),
#contactformulier .wpcf7-form label:has(input[placeholder="Vul het antwoord in"]),
#contactformulier .wpcf7-form div:has(input[placeholder="Vul het antwoord in"]) {
  height:auto!important; min-height:0!important; max-height:none!important;
  padding:0!important; vertical-align:top!important;
}
#contactformulier .wpcf7-form label:has(input[placeholder="Vul het antwoord in"]) {
  background:transparent!important; border:0!important;
}

/* SilentShield gebruikt een dynamisch veld-ID met vaste prefix c_. */
#contactformulier .wpcf7-form :is(p,div,span,label,table,tbody,tr,td):has(input[id^="c_"]) {
  height:auto!important; min-height:0!important; max-height:none!important;
  padding:0!important; margin:8px 0!important; position:static!important;
  float:none!important; clear:both!important; text-align:left!important;
  vertical-align:top!important;
}
#contactformulier .wpcf7-form input[id^="c_"] {
  display:block!important; position:static!important; float:none!important;
  box-sizing:border-box!important; width:min(100%,420px)!important;
  min-height:52px!important; margin:8px 0 0!important;
  padding:12px 14px!important; color:#172b3a!important;
  background:#fff!important; border:1px solid #738397!important;
  border-radius:8px!important; font-size:16px!important; opacity:1!important;
}

/* Uitlijning voor het CAPTCHA-veld in Contact Form 7. */
.wpcf7-form label[for^="c_"] {
  display:block!important; position:static!important; float:none!important;
  clear:both!important; width:100%!important; height:auto!important;
  min-height:0!important; margin:16px 0 8px!important;
  padding:0!important; text-align:left!important; background:transparent!important;
}
.wpcf7-form p:has(input[id^="c_"]),
.wpcf7-form div:has(input[id^="c_"]) {
  display:block!important; position:static!important; float:none!important;
  clear:both!important; height:auto!important; min-height:0!important;
  max-height:none!important; margin:8px 0!important; padding:0!important;
  text-align:left!important;
}
.wpcf7-form input[id^="c_"] {
  position:static!important; display:block!important; float:none!important;
  width:min(100%,420px)!important; height:52px!important; min-height:52px!important;
  margin:8px 0!important; padding:12px 14px!important;
  color:#172b3a!important; background:#fff!important;
  border:1px solid #738397!important; border-radius:8px!important;
}


/* Herstel normale afmeting van het CAPTCHA-antwoordveld */
#contactformulier .wpcf7-form input[id^="c_"],
#contactformulier .wpcf7-form textarea[id^="c_"] {
  width: min(100%, 420px) !important;
  max-width: 420px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  box-sizing: border-box !important;
}
#contactformulier .wpcf7-form p:has(> input[id^="c_"]),
#contactformulier .wpcf7-form p:has(> textarea[id^="c_"]) {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
}

/* Beperk ook de widgetcontainer met het dynamische CAPTCHA-ID */
#contactformulier .wpcf7-form [id^="c_"] {
  display: block !important;
  width: min(100%, 420px) !important;
  max-width: 420px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  box-sizing: border-box !important;
}


/* SilentShield CAPTCHA-antwoord: richt op het CF7-veld. */
#contactformulier .icf-contact-form .wpcf7-form-control.wpcf7-f12_captcha,
#contactformulier .icf-contact-form input[name^="f12_captcha-"]:not([name$="_hash"]) {
  width: 240px !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
  display: inline-block !important;
}
#contactformulier .icf-contact-form .wpcf7-form-control-wrap:has(input.wpcf7-f12_captcha),
#contactformulier .icf-contact-form .wpcf7-form-control-wrap:has(input[name^="f12_captcha-"]:not([name$="_hash"])) {
  display: block !important;
  width: 100% !important;
}


/* SilentShield: begrens de CAPTCHA-balk via de afbeelding-wrapper. */
#contactformulier .icf-contact-form .wpcf7-form-control-wrap:has(img.captcha-image) {
  display: block !important;
  width: min(100%, 420px) !important;
  max-width: 420px !important;
}
#contactformulier .icf-contact-form .wpcf7-form-control-wrap:has(img.captcha-image) .captcha-image {
  max-width: 100% !important;
}


/* CAPTCHA-antwoordveld op deze pagina; de widget gebruikt een dynamisch c_-id. */
#contactformulier .wpcf7-form-control-wrap:has(input[id^="c_"]) {
  display: block !important;
  width: min(100%, 420px) !important;
  max-width: 420px !important;
}
#contactformulier .wpcf7-form-control-wrap input[id^="c_"] {
  width: min(100%, 420px) !important;
  max-width: 420px !important;
  box-sizing: border-box !important;
}
/* Compact formaat voor het CAPTCHA-antwoordveld op de contactpagina. */#contactformulier .wpcf7-form-control-wrap:has(input[id^="c_"]:not([type=hidden])),#contactformulier .wpcf7-form-control-wrap:has(input[name^="c_"]:not([type=hidden])) {  display: inline-block !important;  width: 220px !important;  max-width: 100% !important;  vertical-align: top !important;}#contactformulier .wpcf7-form-control-wrap input[id^="c_"]:not([type=hidden]),#contactformulier .wpcf7-form-control-wrap input[name^="c_"]:not([type=hidden]) {  display: block !important;  width: 180px !important;  max-width: 100% !important;  height: 44px !important;  min-height: 44px !important;  box-sizing: border-box !important;  padding: 8px 12px !important;}/* Houd het berichtveld bruikbaar en in verhouding tot de overige velden. */#contactformulier .wpcf7-form textarea {  width: min(100%, 800px) !important;  max-width: 800px !important;  height: 160px !important;  min-height: 160px !important;  max-height: 360px !important;  box-sizing: border-box !important;  resize: vertical !important;
}/* Exact selector for the Contact Form 7 message field. */#contactformulier .icf-contact-form textarea.wpcf7-form-control {  width: 100% !important;  max-width: 800px !important;  height: 160px !important;  min-height: 160px !important;  max-height: 360px !important;  display: block !important;  box-sizing: border-box !important;  resize: vertical !important;}/* Stel alleen het Contact Form 7-berichtveld in. */#contactformulier textarea[name="bericht"] { width: min(100%, 800px) !important; height: 160px !important; min-height: 160px !important; max-height: 360px !important; box-sizing: border-box !important; resize: vertical !important; }
/* CAPTCHA-antwoordveld: compacte, vaste maat. */#contactformulier input[name^="c_"]:not([type=hidden]), #contactformulier input[id^="c_"]:not([type=hidden]) { width: 260px !important; max-width: 100% !important; height: 50px !important; min-height: 50px !important; box-sizing: border-box !important; display: block !important; }#contactformulier .wpcf7-form-control-wrap:has(input[name^="c_"]:not([type=hidden])), #contactformulier .wpcf7-form-control-wrap:has(input[id^="c_"]:not([type=hidden])) { width: 260px !important; max-width: 100% !important; }
/* Maak het berichtvak compact; de bezoeker kan het zelf vergroten. */#contactformulier textarea[name="bericht"] { width: min(100%, 800px) !important; height: 140px !important; min-height: 140px !important; max-height: 320px !important; display: block !important; box-sizing: border-box !important; resize: vertical !important; }
/* Laat het berichtveld op de contactpagina compact beginnen. */textarea[name="bericht"], .wpcf7 textarea[name="bericht"] { height: 130px !important; min-height: 130px !important; max-height: 320px !important; width: min(100%, 800px) !important; max-width: 800px !important; display: block !important; box-sizing: border-box !important; resize: vertical !important; }

/* Contactpagina live: centreer de formuliervelden en voorkom overflow op smalle schermen. */
body.page-id-88 .icf-concept #contactformulier,
body.page-id-88 .icf-concept #contactformulier .intro,
body.page-id-88 .icf-concept #contactformulier .wpcf7,
body.page-id-88 .icf-concept #contactformulier .wpcf7-form,
body.page-id-88 .icf-concept #contactformulier .icf-contact-form {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-id-88 .icf-concept #contactformulier .icf-contact-form,
body.page-id-88 .icf-concept #contactformulier .icf-contact-form p,
body.page-id-88 .icf-concept #contactformulier .icf-contact-form label {
  color: #172b3a !important;
}
body.page-id-88 .icf-concept #contactformulier .wpcf7-form-control-wrap {
  display: block !important;
  float: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.page-id-88 .icf-concept #contactformulier .icf-contact-form input[type="text"],
body.page-id-88 .icf-concept #contactformulier .icf-contact-form input[type="email"],
body.page-id-88 .icf-concept #contactformulier .icf-contact-form textarea {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  color: #172b3a !important;
  background: #fff !important;
  border: 1px solid #cbd5df !important;
}
@media (max-width: 760px) {
  body.page-id-88 .icf-concept #contactformulier,
  body.page-id-88 .icf-concept #contactformulier .icf-contact-form {
    max-width: 100% !important;
  }
}

/* SilentShield CAPTCHA: toon afbeelding en antwoordveld in het actieve contactformulier. */
#contactformulier .f12-captcha,
#contactformulier .f12-captcha .c-header,
#contactformulier .f12-captcha .c-input,
#contactformulier .f12-captcha .c-data,
#contactformulier .f12-captcha .captcha-image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
#contactformulier .f12-captcha .captcha-image img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 125px !important;
  height: 30px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}
#contactformulier .f12-captcha input[name="f12_captcha"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  width: min(100%, 260px) !important;
  max-width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 8px 0 0 !important;
  padding: 12px 14px !important;
  color: #172b3a !important;
  background: #fff !important;
  border: 1px solid #738397 !important;
  border-radius: 6px !important;
}
/* iCanFix: mobiele onderwijskaart 2026-10-20 */
@media (max-width:600px){
body.page-id-3332 div[style="font-size:26px;font-weight:800;line-height:1.1"]{
overflow-wrap:anywhere;hyphens:auto;
}
}

@media(max-width:600px){
body.page-id-3332 div[style="display:flex;align-items:center;gap:16px;margin-bottom:24px"]{display:block!important}
}

/* iCanFix: mobiele Chromebookkop en CTA 2026-10-20 */
@media(max-width:600px){
body.postid-2409 h1{overflow-wrap:anywhere;hyphens:auto}
body.postid-2409 .hero-actions .icx-btn{max-width:100%;overflow-wrap:anywhere;hyphens:auto}
}

/* iCanFix: mobiele partner- en laptopkoppen 2026-10-20 */
@media(max-width:600px){
body.page-id-3336 h1,body.page-id-3336 h2,body.page-id-3336 h3,body.page-id-3328 h1,body.page-id-3328 h2,body.page-id-3328 h3{overflow-wrap:anywhere;hyphens:auto}
}

/* iCanFix: leesbare mobiele B2B-koppen 2026-10-20 */
@media(max-width:600px){body.page-id-3332 h1,body.page-id-3332 h2,body.page-id-3332 h3,body.page-id-2840 h1,body.page-id-2840 h2,body.page-id-2840 h3{overflow-wrap:anywhere;hyphens:auto}}

/* iCanFix: lichtere mobiele zakelijke hero 2026-10-20 */
@media(max-width:600px){body.page-id-2840 #zakelijk-hero{background-image:linear-gradient(90deg,rgba(4,17,29,.97) 0%,rgba(4,17,29,.84) 45%,rgba(4,17,29,.4) 100%),url("https://icanfix.nl/wp-content/uploads/2020/12/DSF1568-683x1024.jpg?wsr")!important}}