/* netter.css: gemaakt door _gereedschap/spiegel-schuurman.js (sectie NETTER 31 OKT 2026).
   Alleen opmaak; komt na de stylesheets van het thema. */

/* 1. Leesbare tekst: 16 px in plaats van 13 px, rustiger regelafstand */
body, button, input, select, textarea { color: #222; }
.entry-content, .entry-content p, .entry-content li, .entry-content td { font-size: 16px; line-height: 1.6; }
.entry-content p { margin: 0 0 14px; }
.entry-content ul, .entry-content ol { margin: 0 0 18px 22px; }
.entry-content li { margin-bottom: 2px; }

/* 2. Koppen: één lijn in grootte en ruimte */
.entry-title, .entry-content h1 { font-size: 34px; font-weight: 500; line-height: 1.2; margin: 0 0 18px; color: #1a1a1a; }
.entry-content h2 { font-size: 24px; font-weight: 500; line-height: 1.3; margin: 30px 0 10px; color: #1a1a1a; }
.entry-content h3 { font-size: 20px; font-weight: 500; line-height: 1.3; margin: 24px 0 8px; color: #1a1a1a; }
.entry-content h2:first-child, .entry-content h3:first-child { margin-top: 0; }

/* 3. Foto's: zachte hoeken, vaste ruimte naast een foto; een kop staat niet half naast een foto */
.entry-content img { border-radius: 6px; }
.entry-content img.alignleft, .entry-content .alignleft img { margin: 4px 24px 14px 0; }
.entry-content img.alignright, .entry-content .alignright img { margin: 4px 0 14px 24px; }
.entry-content h2, .entry-content h3 { clear: both; }

/* 4. Prijstabellen: kolommen onder elkaar, ook over de losse tabellen op een pagina heen */
.entry-content table { border-collapse: collapse; width: 100%; margin: 0 0 26px; border: 0; }
.entry-content td, .entry-content th { padding: 7px 10px; border: 0; border-bottom: 1px solid #e2e7ee; vertical-align: top; font-size: 15px; }
.entry-content tr:nth-child(even) td { background: #f5f8fb; }
.entry-content tr:hover td { background: #eaf2fa; }
.entry-content tr.netter-kop td { background: #1c73ba; color: #fff; font-weight: 700; border-bottom: 0; }
.entry-content table:has(> tbody > tr > td:nth-child(5):last-child) { table-layout: fixed; }
.entry-content table:has(> tbody > tr > td:nth-child(5):last-child) td:nth-child(1) { width: 7%; }
.entry-content table:has(> tbody > tr > td:nth-child(5):last-child) td:nth-child(2) { width: 20%; }
.entry-content table:has(> tbody > tr > td:nth-child(5):last-child) td:nth-child(3),
.entry-content table:has(> tbody > tr > td:nth-child(5):last-child) td:nth-child(4) { width: 8%; }
@media (max-width: 760px) {
  .entry-content td { font-size: 14px; padding: 6px 6px; }
  .entry-content table:has(> tbody > tr > td:nth-child(5):last-child) { min-width: 560px; }
}

/* 5. Voettekst: links in kolommen, wit zodat ze beter te lezen zijn */
.site-footer-widgets .widget_nav_menu ul.menu { columns: 3; column-gap: 40px; }
.site-footer-widgets .widget_nav_menu li { break-inside: avoid; }
.site-footer-widgets .widget ul li a, .site-footer-widgets .widget a { color: #fff; opacity: .92; }
.site-footer-widgets .widget ul li a:hover, .site-footer-widgets .widget a:hover { opacity: 1; text-decoration: underline; }
@media (max-width: 900px) { .site-footer-widgets .widget_nav_menu ul.menu { columns: 2; } }
@media (max-width: 560px) { .site-footer-widgets .widget_nav_menu ul.menu { columns: 1; } }
.site-footer-bottom-bar { background-color: #e52629; }

/* 6. Minder lege ruimte onder de inhoud */
.site-content { padding-bottom: 40px; }
.entry-content > p:last-child { margin-bottom: 0; }

/* 8. Lettertype van janaolbert.nl (Montserrat), vanaf de eigen server in plaats van Google */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/fonts/montserrat-var.woff2') format('woff2-variations'), url('/fonts/montserrat-var.woff2') format('woff2'); }
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.main-navigation, .main-navigation a, .entry-content, .entry-content p, .entry-content li, .entry-content td,
.widgettitle, .site-footer, .site-footer-bottom-bar, .site-footer a, .site-footer li,
.site-footer-widgets .widget a, .site-footer-widgets .widget ul li a { font-family: 'Montserrat', Arial, sans-serif; }
.entry-content, .entry-content p, .entry-content li { font-size: 15px; }
/* Montserrat is breder dan Ubuntu: het hoofdmenu blijft op één regel door minder ruimte per knop
   (het telefoonmenu begint bij 960 px, zoals in het thema) */
@media (min-width: 1200px) { .main-navigation a { padding-left: 16px; padding-right: 16px; } }
@media (min-width: 1100px) and (max-width: 1199px) { .main-navigation a { padding-left: 12px; padding-right: 12px; font-size: 12px; } }
@media (min-width: 961px) and (max-width: 1099px) { .main-navigation a { padding-left: 9px; padding-right: 9px; font-size: 11.5px; } }

/* 9. Telefoon- en mailicoon op /contact: strakke iconen zoals op janaolbert.nl */
.netter-icoon { float: left; width: 46px; height: 46px; margin: 0 16px 12px 0; border-radius: 50%; background: #e52629; display: flex; align-items: center; justify-content: center; }
.netter-icoon svg { width: 22px; height: 22px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
a:hover .netter-icoon, a.netter-icoon:hover { background: #b11b1e; }

/* 10. Zoekvak van autosleutels.com in een kader (de inhoud komt van autosleutels.com en is van hier niet op te maken) */
.netter-zoek { max-width: 560px; margin: 14px 0 24px; padding: 14px 18px 6px; background: #fff; border: 1px solid #dfe5ec; border-left: 5px solid #e52629; border-radius: 8px; box-shadow: 0 6px 18px rgba(28, 115, 186, .10); }
.netter-zoek iframe { display: block; width: 100%; border: 0; }

/* 7. Afscheidsbericht op /contact in een kader (zoals de kaders op janaolbert.nl) */
.netter-afscheid { max-width: 820px; margin: 30px 0 10px; padding: 22px 26px 8px; background: #f6f3ee; border: 1px solid #e6e0d6; border-left: 5px solid #e52629; border-radius: 8px; }
.netter-afscheid > p:first-child strong { font-size: 20px; }
@media (max-width: 560px) { .netter-afscheid { padding: 18px 16px 4px; } }