@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@500;600;700&family=Nunito+Sans:wght@400;600;700&display=swap');

.rngc{font-family:'Nunito Sans',-apple-system,sans-serif;color:#334155;line-height:1.65}
.rngc-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
#top .rngc h1,#top .rngc h2,#top .rngc h3{font-family:Rubik,sans-serif;color:#0F172A;text-transform:none;letter-spacing:0}
#top .rngc h1{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.15;margin:0 0 14px;font-weight:700}
#top .rngc h2{font-size:clamp(1.35rem,2.4vw,1.8rem);margin:0 0 16px;font-weight:600}
#top .rngc h3{font-size:1.1rem;margin:0 0 8px;font-weight:600}
.rngc p{margin:0 0 14px}

/* hero */
.rngc-hero{background:linear-gradient(180deg,#EFF6FF 0%,#fff 100%);padding:42px 0 34px}
.rngc-hero-in{display:grid;grid-template-columns:1.35fr 1fr;gap:34px;align-items:center}
.rngc-lead{font-size:1.08rem;max-width:60ch}
.rngc-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.rngc-usp{list-style:none;margin:0;padding:20px;background:#fff;border:1px solid #DBEAFE;border-radius:16px;box-shadow:0 6px 20px rgba(15,23,42,.06)}
.rngc-usp li{position:relative;padding:7px 0 7px 28px;font-size:.97rem}
.rngc-usp li::before{content:"";position:absolute;left:4px;top:14px;width:9px;height:9px;border-radius:50%;background:#2563EB}
#top .rngc-usp strong{color:#0F172A}

/* buttons — ONE definition for every city page */
#top .rngc-btn{display:inline-block;background:#C2410C;color:#fff;font-family:Rubik,sans-serif;font-weight:600;font-size:1rem;padding:13px 26px;border-radius:10px;text-decoration:none;transition:background .15s}
#top .rngc-btn:hover{background:#9A3412;color:#fff}
#top .rngc-btn-ghost{background:#fff;color:#1D4ED8;border:1.5px solid #BFDBFE}
#top .rngc-btn-ghost:hover{background:#EFF6FF;color:#1E40AF}
#top .rngc-btn-lg{font-size:1.1rem;padding:16px 34px}

.rngc-intro{padding:30px 20px 6px;max-width:80ch}
.rngc-band{background:#F8FAFC;padding:38px 0;margin:26px 0}
.rngc-h2-sub{margin-top:34px !important}
.rngc-sub{color:#64748B;margin-top:-8px}

/* price cards */
.rngc-pricecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.rngc-pricecard{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:22px}
.rngc-price{font-family:Rubik,sans-serif;font-size:1.25rem;font-weight:700;color:#1D4ED8;margin:0}
.rngc-free{color:#15803D}

/* model grid */
.rngc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:16px;margin:18px 0 10px}
.rngc-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:16px 10px;text-decoration:none;transition:box-shadow .15s}
#top .rngc-card:hover{box-shadow:0 6px 18px rgba(15,23,42,.10)}
.rngc-card img{width:100px;height:100px;object-fit:contain;margin-bottom:9px}
#top .rngc-card-name{font-family:Rubik,sans-serif;font-size:.95rem;font-weight:600;color:#0F172A;line-height:1.3}
#top .rngc-card-price{font-size:.8rem;font-weight:700;color:#1D4ED8;margin-top:4px}
.rngc-tail{margin-top:8px}
#top .rngc-tail summary{cursor:pointer;font-weight:700;color:#1D4ED8;font-family:Rubik,sans-serif;padding:10px 0}
.rngc-taillist{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 0;margin:0}
#top .rngc-taillist a{display:inline-block;padding:7px 14px;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:999px;color:#1D4ED8;font-size:.88rem;font-weight:600;text-decoration:none}

/* steps */
.rngc-how{padding:10px 20px 30px}
.rngc-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.rngc-steps li{counter-increment:s;position:relative;padding-left:52px}
.rngc-steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:36px;height:36px;border-radius:50%;background:#2563EB;color:#fff;font-family:Rubik,sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center}

/* location */
.rngc-loc{max-width:1120px;margin:0 auto;padding:14px 20px 34px}
.rngc-loc-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;align-items:start}
.rngc-addr{font-size:1.05rem}
#top .rngc-tel{font-family:Rubik,sans-serif;font-weight:700;font-size:1.15rem;color:#1D4ED8;text-decoration:none}
.rngc-hours{width:100%;max-width:340px;border-collapse:collapse;margin:0 0 18px}
.rngc-hours th,.rngc-hours td{text-align:left;padding:6px 10px 6px 0;border-bottom:1px solid #E2E8F0;font-weight:400}
.rngc-hours th{font-weight:600;color:#0F172A;width:45%}

/* faq */
.rngc-faq{background:#fff;border:1px solid #E2E8F0;border-radius:12px;margin:0 0 10px;padding:0 18px}
#top .rngc-faq summary{cursor:pointer;font-family:Rubik,sans-serif;font-weight:600;color:#0F172A;padding:15px 0;list-style:none}
.rngc-faq summary::-webkit-details-marker{display:none}
.rngc-faq summary::after{content:"+";float:right;color:#2563EB;font-weight:700}
.rngc-faq[open] summary::after{content:"–"}
.rngc-faq p{padding:0 0 15px;margin:0}

/* nearby + closing cta */
.rngc-near{padding:8px 0 30px}
.rngc-nearlist{list-style:none;display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0}
#top .rngc-nearlist a{display:inline-block;padding:8px 15px;border:1.5px solid #BFDBFE;border-radius:999px;background:#EFF6FF;color:#1D4ED8;font-size:.9rem;font-weight:700;text-decoration:none}
.rngc-cta{background:linear-gradient(rgba(30,58,138,.78),rgba(30,58,138,.78)),url(/wp-content/themes/enfold-child/rng-repair-parts/img/cta-achtergrond.jpg) center/cover no-repeat;padding:38px 0;text-align:center}
#top .rngc-cta h2{color:#fff;margin-bottom:20px}

@media (max-width:820px){
  .rngc-hero-in,.rngc-loc-grid{grid-template-columns:1fr}
  .rngc-hero{padding:28px 0 24px}
}
.rngc-locwrap{padding-top:8px}
.rngc-locwrap h2{margin-bottom:0}
.rngc-loc h3{font-size:1.15rem;margin-bottom:10px}
/* repair-type sections (symptomen + vanaf-prijs per reparatie) */
.rngc-reps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:28px 0 6px}
.rngc-rep{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:20px}
#top .rngc-rep h3{font-size:1.05rem;margin-bottom:8px}
.rngc-rep p{font-size:.95rem;margin-bottom:10px}
/* F2: lokaal blok + praktisch + foto-slot */
.rngc-local p{max-width:70ch}
.rngc-praklist{list-style:none;margin:0;padding:0}
.rngc-praklist li{padding:.45em 0;border-bottom:1px solid rgba(0,0,0,.08)}
.rngc-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px}
.rngc-photo{margin:0}
.rngc-photo img{width:100%;height:auto;border-radius:14px;display:block}

/* F7 (2026-08-09) opsturen-route — tweede route, bewust ondergeschikt aan de oranje knop.
   #1D4ED8 op de lichte hero · #fff op de blauwe CTA-band (#2563EB). 44px tikdoel. */
#top .rngc-send{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#1D4ED8;font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:1rem;text-decoration:underline;text-underline-offset:3px}
#top .rngc-send:hover{color:#1E40AF;text-decoration:underline}
#top .rngc-cta .rngc-send{color:#fff;margin-left:18px}
#top .rngc-cta .rngc-send:hover{color:#fff}