/* NewMINIclub - eigen stijlaanpassingen (styles/eles) */
:root { --nmc-bg: 250,250,250; --nmc-kaart: #fff; --nmc-icoon: #2b2b2b; --nmc-veld: #fff; --nmc-veld-tekst: #333; --nmc-veld-rand: #d6d6d2; }
html.nmc-dark { --nmc-bg: 41,43,47; --nmc-kaart: rgb(48,50,56); --nmc-icoon: #15171a; --nmc-veld: rgb(30,32,36); --nmc-veld-tekst: #e2e2e2; --nmc-veld-rand: #4a4c52; }
/* Editor (ABBC3) */
#postingbox .abbc3_buttons_row { display:flex; flex-wrap:wrap; align-items:center; gap:4px; margin-bottom:10px; }
#postingbox .abbc3_buttons_row > * { float:none !important; margin:0 !important; vertical-align:middle; }
#postingbox .abbc3_buttons_row .abbc3_size_menu_btn { display:inline-flex; align-items:center; margin:0 4px !important; }
#postingbox .abbc3_size_menu_btn .dropdown-trigger.button-secondary { display:inline-flex !important; align-items:center; gap:6px; height:24px; margin:0 !important; padding:0 9px !important; line-height:1 !important; background:var(--nmc-veld) !important; color:var(--nmc-veld-tekst) !important; border:1px solid var(--nmc-veld-rand) !important; border-radius:6px !important; box-shadow:none !important; text-shadow:none !important; font-size:12px; font-weight:600; }
#postingbox .abbc3_size_menu_btn .dropdown-trigger.button-secondary:hover, #postingbox .abbc3_size_menu_btn .dropdown-trigger.button-secondary:focus { filter: brightness(.95); }
#postingbox .abbc3_size_menu_btn .fa-caret-down { width:0; height:0; font-size:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid currentColor; }
#postingbox .abbc3_size_menu_btn .fa-caret-down::before { content:none !important; }
#postingbox textarea#message { background:var(--nmc-veld); color:var(--nmc-veld-tekst); border:1px solid var(--nmc-veld-rand); border-radius:8px; padding:12px 14px; font-size:15px; line-height:1.6; box-sizing:border-box; }
#postingbox textarea#message:focus { border-color:#888; outline:none; box-shadow:0 0 0 3px rgba(120,120,120,.18); }
/* Header met subtiele overloop */
#page-header { background-image: none !important; }
#page-header .header-bg { opacity: 1 !important; background-size: cover !important; background-position: center 60% !important; transition: opacity 1.6s ease-in-out; }
#page-header .header-bg.nmc-bg-next { opacity: 0 !important; }
#page-header .header-bg.nmc-bg-next.nmc-show { opacity: 1 !important; }
#page-header .header-bg::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(14,16,20,.55) 0%, rgba(14,16,20,.08) 22%, rgba(14,16,20,0) 45%, rgba(var(--nmc-bg),0) 80%, rgba(var(--nmc-bg),.6) 93%, rgb(var(--nmc-bg)) 100%); }
.main.container > .inner.header-offset { background: transparent !important; }
#page-body-wrapper { border-left-color: transparent !important; border-right-color: transparent !important; }
#page-body > .top-block { border-bottom-color: transparent !important; }
/* Bovenmenu */
#nav-main > li > a { border-radius: 999px; padding: 4px 10px !important; transition: background .2s ease; }
#nav-main > li.small-icon:not(.menu-item) > a { padding-left: 26px !important; }
#nav-main > li.small-icon:not(.menu-item) > a::before { left: 8px !important; }
#nav-main > li > a:hover, #nav-main > li > a:focus { background: rgba(255,255,255,.18); color: #fff; }
#nav-main > li.nmc-thema-knop > a { padding: 4px 9px !important; font-size: 15px; }
/* Logo */
#logo { display: inline-block; transition: transform .35s ease; }
#logo img { filter: drop-shadow(0 3px 10px rgba(0,0,0,.45)); transition: filter .35s ease; }
#logo:hover, #logo:focus-visible { transform: scale(1.02); }
#logo:hover img, #logo:focus-visible img { filter: drop-shadow(0 0 3px rgba(255,255,255,.55)) drop-shadow(0 0 10px rgba(255,255,255,.25)); }
/* Zoekvak */
#search-box { border-radius: 999px; box-shadow: 0 6px 20px rgba(0,0,0,.25); }
#search-box .inputbox { border-radius: 999px 0 0 999px; }
/* Kruimelpad-kaart */
#page-header .navbar.top { background: transparent !important; padding-top: 0 !important; }
#page-header .navbar.top > .inner { background: var(--nmc-kaart); border: 0 !important; border-radius: 14px; padding: 6px 10px 6px 16px; box-shadow: 0 10px 30px rgba(20,20,20,.12); display: flex; align-items: center; justify-content: space-between; }
#page-header .navbar.top #nav-breadcrumbs { float: none; margin: 0; }
#nav-breadcrumbs .crumb a { font-weight: 700; }
/* Sociale iconen */
#page-header .social-links { float: none !important; width: auto !important; display: flex; gap: 6px; margin: 0; padding: 0; }
#page-header .social-links li { margin: 0; padding: 0; list-style: none; }
#page-header .social-links a { width: 32px !important; height: 32px !important; border-radius: 999px; background: var(--nmc-icoon); color: #fff !important; display: flex !important; align-items: center; justify-content: center; font-size: 15px !important; transition: background .2s ease, transform .2s ease; }
#page-header .social-links a:hover { transform: translateY(-1px); }
#social-link-facebook a:hover { background: #1877f2; }
#social-link-youtube a:hover { background: #e62117; }
#social-link-instagram a:hover { background: #c13584; }
#page-header .social-links i { color: inherit !important; line-height: 1; }
/* Donkere modus: leesbaarheid */
html.nmc-dark p.author { color: rgba(215,215,215,.6) !important; }
html.nmc-dark a.top { color: rgba(215,215,215,.45) !important; }
html.nmc-dark a.postlink, html.nmc-dark .content a.postlink { color: #8fb8e8 !important; }
html.nmc-dark .username-coloured, html.nmc-dark a[style*="color"] { filter: brightness(1.7); }
/* Mobiel */
@media (max-width: 700px) {
#page-header .navbar.top > .inner { margin: 0 12px; width: auto; padding: 5px 6px 5px 12px; }
#page-header .social-links { gap: 5px; }
#page-header .social-links a { width: 30px !important; height: 30px !important; font-size: 14px !important; }
}
@media (prefers-reduced-motion: reduce) {
#page-header .header-bg, #logo, #logo img, #page-header .social-links a { transition: none; }
#logo:hover { transform: none; }
}
/* Fix: pictogrammen bovenmenu op een lijn */
#nav-main > li.small-icon:not(.menu-item) > a::before { top: 50% !important; transform: translateY(-50%); }
#nav-main > li.nmc-thema-knop > a { display: inline-block; padding: 4px 10px !important; font-size: 13px; }
/* Logo: meer diepte */
#logo img { filter: drop-shadow(0 1px 1px rgba(0,0,0,.6)) drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 8px 18px rgba(0,0,0,.35)); }
#logo:hover img, #logo:focus-visible img { filter: drop-shadow(0 1px 1px rgba(0,0,0,.6)) drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(255,255,255,.3)); }
/* Profielnaam bovenin op een lijn */
#nav-main > li#username_logged_in { height: 41px; display: flex !important; align-items: center; }
#nav-main #username_logged_in .header-profile { display: flex; align-items: center; }
#nav-main #username_logged_in .header-avatar { display: inline-flex !important; align-items: center; gap: 6px; padding: 4px 10px !important; line-height: 1 !important; border-radius: 999px; }
#nav-main #username_logged_in .header-avatar img { margin: 0 !important; vertical-align: middle; }
/* Fix: snelle links in compacte modus alleen pictogram */
#nav-main.compact #quick-links > a.responsive-menu-link { width: 0; padding: 4px 0 4px 26px !important; overflow: hidden; }
/* Fix: avatar netjes naast de naam, geen los puntje */
#nav-main #username_logged_in .header-avatar img { position: static !important; left: auto !important; margin: 0 !important; }
#nav-main #username_logged_in .header-avatar img + span::before { display: none !important; }
#nav-main #username_logged_in .header-avatar:not(:has(img)) { padding-left: 26px !important; }
/* Fix: emoji op normale tekstgrootte */
img.emoji { display: inline !important; width: 1.25em !important; height: 1.25em !important; min-width: 18px; min-height: 18px; max-width: none; margin: 0 .05em; vertical-align: -0.25em; }
/* Footer: foto met donkere sluier */
#page-footer { background: linear-gradient(180deg, rgba(14,15,17,.74) 0%, rgba(14,15,17,.84) 60%, rgba(14,15,17,.94) 100%), url('/forum/images/footer.jpg') center 55% / cover no-repeat, #181a1c !important; }
#page-footer .endbar { background: rgba(0,0,0,.35) !important; }
/* Footer-balk: leesbare links in licht en donker */
#page-footer .navbar.bottom a { color: #444 !important; }
#page-footer .navbar.bottom a:hover { color: #000 !important; }
html.nmc-dark #page-footer .navbar.bottom a { color: #d7d7d7 !important; }
html.nmc-dark #page-footer .navbar.bottom a:hover { color: #fff !important; }
/* Subforums: ongelezen vet in huisstijl in plaats van paars */
a.subforum.unread { color: #1f1f1f !important; font-weight: 700; }
a.subforum.unread::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 6px; border-radius: 50%; background: #e62117; vertical-align: middle; }
a.subforum.read { color: #666 !important; }
html.nmc-dark a.subforum.unread { color: #fff !important; }
html.nmc-dark a.subforum.read { color: #aaa !important; }
/* Subforums: altijd donker en vet, rood = ongelezen, groen = alles gelezen */
a.subforum.read, a.subforum.unread { color: #1f1f1f !important; font-weight: 700; }
a.subforum.read::after, a.subforum.unread::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 6px; border-radius: 50%; vertical-align: middle; }
a.subforum.unread::after { background: #e62117; }
a.subforum.read::after { background: #2ea44f; }
html.nmc-dark a.subforum.read, html.nmc-dark a.subforum.unread { color: #fff !important; }