.hcm-bnt{--h:42px;position:relative;z-index:99998;display:flex;align-items:center;width:100%;height:var(--h);background:var(--hcm-bnt-bg,#090909);color:var(--hcm-bnt-text,#fff);box-shadow:0 4px 18px rgba(0,0,0,.45);font-family:Arial,Helvetica,sans-serif;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.hcm-bnt-fixed{position:fixed;left:0;right:0}.hcm-bnt-fixed.hcm-bnt-top{left:var(--hcm-bnt-desktop-left,0)}.hcm-bnt-top{top:0}.hcm-bnt-bottom{bottom:0}.admin-bar .hcm-bnt-top.hcm-bnt-adminbar-offset{top:32px}
.hcm-bnt-label{height:100%;display:flex;align-items:center;gap:10px;background:var(--hcm-bnt-label-bg,#d10000);color:var(--hcm-bnt-label-text,#fff);padding:0 16px;flex:0 0 auto;text-transform:uppercase;letter-spacing:.08em;font-weight:900;box-shadow:8px 0 16px rgba(0,0,0,.35);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}
.hcm-bnt-label span{font-size:11px;background:#fff;color:#b00000;padding:3px 6px;border-radius:2px}.hcm-bnt-label strong{font-size:14px;white-space:nowrap}
.hcm-bnt-track-wrap{position:relative;overflow:hidden;flex:1;height:100%;display:flex;align-items:center}.hcm-bnt-track{display:flex;align-items:center;white-space:nowrap;animation:hcm-bnt-scroll var(--hcm-bnt-duration,42s) linear infinite;will-change:transform}.hcm-bnt-pause-hover:hover .hcm-bnt-track{animation-play-state:paused}
.hcm-bnt-item-link{display:inline-flex;align-items:center;gap:8px;color:var(--hcm-bnt-text,#fff);text-decoration:none;font-size:14px;font-weight:700;padding:0 28px;line-height:42px;text-transform:none}.hcm-bnt-item-link:hover{color:var(--hcm-bnt-item-color,var(--hcm-bnt-accent,#ff1a1a))}
.hcm-bnt-dot{width:7px;height:7px;background:var(--hcm-bnt-item-color,var(--hcm-bnt-accent,#ff1a1a));border-radius:50%;box-shadow:0 0 12px var(--hcm-bnt-item-color,var(--hcm-bnt-accent,#ff1a1a))}.hcm-bnt-type{color:var(--hcm-bnt-item-color,var(--hcm-bnt-accent,#ff1a1a));font-size:11px;letter-spacing:.12em;font-weight:900}.hcm-bnt-close{height:100%;width:42px;border:0;background:#151515;color:#fff;font-size:22px;cursor:pointer}.hcm-bnt-close:hover{background:#2a0000}
@keyframes hcm-bnt-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
body.hcm-bnt-has-top{padding-top:42px}body.hcm-bnt-has-bottom{padding-bottom:42px}.admin-bar body.hcm-bnt-has-top{padding-top:42px}
@media(max-width:782px){.hcm-bnt-fixed.hcm-bnt-top{left:var(--hcm-bnt-mobile-left,58px)}.admin-bar .hcm-bnt-top.hcm-bnt-adminbar-offset{top:46px}.hcm-bnt{--h:38px}.hcm-bnt-label{padding:0 10px;gap:6px}.hcm-bnt-label span{display:none}.hcm-bnt-label strong{font-size:12px}.hcm-bnt-item-link{font-size:12px;padding:0 18px;line-height:38px}.hcm-bnt-type{font-size:10px}}
.hcm-bnt-quick{--qh:var(--hcm-bnt-quick-height,24px);position:relative;z-index:99997;display:flex;align-items:center;width:100vw;max-width:none;height:var(--qh);background:var(--hcm-bnt-quick-bg,#151515);color:var(--hcm-bnt-quick-text,#cfcfcf);font-family:Arial,Helvetica,sans-serif;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 2px 10px rgba(0,0,0,.28);margin-left:0;margin-right:0}
.hcm-bnt-quick-fixed{position:fixed;left:0!important;right:0!important;width:100vw!important;max-width:none!important}.hcm-bnt-quick-fixed.hcm-bnt-quick-top{top:42px;left:0!important}.admin-bar .hcm-bnt-quick-top.hcm-bnt-adminbar-offset{top:74px}
.hcm-bnt-quick-track{display:flex;align-items:center;white-space:nowrap;animation:hcm-bnt-scroll var(--hcm-bnt-quick-duration,55s) linear infinite;will-change:transform}.hcm-bnt-pause-hover:hover + .hcm-bnt-quick .hcm-bnt-quick-track,.hcm-bnt-quick:hover .hcm-bnt-quick-track{animation-play-state:paused}
.hcm-bnt-quick-link{display:inline-flex;align-items:center;gap:8px;color:var(--hcm-bnt-quick-text,#cfcfcf);text-decoration:none;font-size:var(--hcm-bnt-quick-font-size,12px);font-weight:400;padding:0 30px;line-height:var(--qh);letter-spacing:.01em}.hcm-bnt-quick-link:hover{color:#fff}.hcm-bnt-quick-link span{color:var(--hcm-bnt-quick-accent,#ff1a1a);font-size:calc(var(--hcm-bnt-quick-font-size,12px) + 1px)}
body.hcm-bnt-has-top.hcm-bnt-has-quick{padding-top:calc(42px + var(--hcm-bnt-quick-height,24px))}.admin-bar body.hcm-bnt-has-top.hcm-bnt-has-quick{padding-top:calc(42px + var(--hcm-bnt-quick-height,24px))}
@media(max-width:782px){.hcm-bnt-quick-fixed.hcm-bnt-quick-top{top:38px;left:0!important;right:0!important;width:100vw!important;max-width:none!important}.admin-bar .hcm-bnt-quick-top.hcm-bnt-adminbar-offset{top:84px}.hcm-bnt-quick{--qh:var(--hcm-bnt-quick-mobile-height,22px)}.hcm-bnt-quick-link{font-size:var(--hcm-bnt-quick-mobile-font-size,11px);line-height:var(--qh);padding:0 22px}.hcm-bnt-quick-link span{font-size:calc(var(--hcm-bnt-quick-mobile-font-size,11px) + 1px)}body.hcm-bnt-has-top.hcm-bnt-has-quick{padding-top:calc(38px + var(--hcm-bnt-quick-mobile-height,22px))}}


/* v1.0.9 hard override: Quick news is always full viewport width, independent from theme containers/menu offsets. */
html body .hcm-bnt-quick,
html body .hcm-bnt-quick-fixed,
html body .hcm-bnt-quick.hcm-bnt-quick-top,
html body .hcm-bnt-quick-fixed.hcm-bnt-quick-top{
  position:fixed!important;
  left:0!important;
  right:auto!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
html body .hcm-bnt-quick-track{min-width:max-content!important;}
html body .hcm-bnt-quick-top{top:42px!important;}
html body.admin-bar .hcm-bnt-quick-top.hcm-bnt-adminbar-offset{top:74px!important;}
@media(max-width:782px){
  html body .hcm-bnt-quick-top{top:38px!important;}
  html body.admin-bar .hcm-bnt-quick-top.hcm-bnt-adminbar-offset{top:84px!important;}
}


/* v1.1.1: Quick news moet rechts buiten beeld starten en naar links lopen. */
@keyframes hcm-bnt-quick-scroll{
  from{transform:translateX(100vw)}
  to{transform:translateX(-100%)}
}
html body .hcm-bnt-quick-track{
  animation-name:hcm-bnt-quick-scroll!important;
  animation-duration:var(--hcm-bnt-quick-duration,55s)!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  transform:translateX(100vw);
  padding-left:0!important;
  margin-left:0!important;
}


/* v1.1.2: JS zet animation-delay negatief zodat de ticker tussen pagina's blijft doorlopen. */


/* v1.1.3: Quick news items worden niet meer dubbel gerenderd in PHP; deze CSS blijft de enkele track van rechts naar links animeren. */

/* v1.1.6 HCM News module */
.hcm-bnt-label-link{ text-decoration:none; cursor:pointer; }
.hcm-bnt-label-link:hover{ filter:brightness(1.12); color:var(--hcm-bnt-label-text,#fff); }
.hcm-news-module{max-width:1180px;margin:34px auto;padding:28px 18px;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}.hcm-news-module-hero{background:linear-gradient(135deg,#120000,#080808 58%,#1c0000);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:34px 28px;box-shadow:0 16px 50px rgba(0,0,0,.4);position:relative;overflow:hidden}.hcm-news-module-hero:after{content:"";position:absolute;inset:auto -10% -45% auto;width:420px;height:420px;background:radial-gradient(circle,rgba(209,0,0,.25),transparent 62%);pointer-events:none}.hcm-news-module-kicker{display:inline-flex;background:#d10000;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px;padding:7px 10px;border-radius:999px;margin-bottom:12px}.hcm-news-module h1{margin:0 0 10px;font-size:clamp(34px,5vw,64px);line-height:.95;text-transform:uppercase;letter-spacing:-.04em}.hcm-news-module-hero p{max-width:780px;margin:0;color:#d7d7d7;font-size:17px}.hcm-news-module-section{margin-top:34px}.hcm-news-module-section h2{font-size:22px;text-transform:uppercase;letter-spacing:.08em;border-left:5px solid #d10000;padding-left:12px;margin:0 0 16px;color:#fff}.hcm-news-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hcm-news-module-card{display:flex;min-height:154px;background:#111;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease}.hcm-news-module-card:hover{transform:translateY(-2px);border-color:rgba(255,26,26,.55);color:#fff}.hcm-news-module-card-inner{padding:18px;display:flex;flex-direction:column;gap:10px;width:100%}.hcm-news-module-type{align-self:flex-start;background:#270000;color:#ff4a4a;border:1px solid rgba(255,26,26,.35);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;padding:5px 8px;border-radius:999px}.hcm-news-module-card h3{font-size:18px;line-height:1.25;margin:0;color:#fff}.hcm-news-module-card p{color:#cfcfcf;margin:0;line-height:1.45}.hcm-news-module-card small{margin-top:auto;color:#8e8e8e;text-transform:uppercase;letter-spacing:.06em}.hcm-news-module-list{display:grid;gap:10px}.hcm-news-module-quick{display:flex;gap:14px;align-items:center;background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#e9e9e9;text-decoration:none;padding:13px 15px}.hcm-news-module-quick:hover{border-color:rgba(255,26,26,.55);color:#fff}.hcm-news-module-quick span{background:#d10000;color:#fff;text-transform:uppercase;font-size:11px;font-weight:900;padding:5px 8px;border-radius:999px}.hcm-news-module-thumb{display:block;flex:0 0 38%;background-size:cover;background-position:center;min-height:170px}.hcm-news-module-blog-card .hcm-news-module-card-inner{min-width:0}.hcm-news-module-empty{padding:24px;background:#111;border:1px dashed rgba(255,255,255,.2);border-radius:14px;color:#ddd;margin-top:24px}
@media(max-width:900px){.hcm-news-module-grid{grid-template-columns:1fr 1fr}.hcm-news-module-thumb{flex-basis:42%}}
@media(max-width:640px){.hcm-news-module{padding:18px 12px;margin:22px auto}.hcm-news-module-hero{padding:24px 18px}.hcm-news-module-grid{grid-template-columns:1fr}.hcm-news-module-card{min-height:auto}.hcm-news-module-blog-card{display:block}.hcm-news-module-thumb{width:100%;min-height:190px}.hcm-news-module-quick{align-items:flex-start;flex-direction:column;gap:8px}}

/* v1.1.7 HCM News module layout + theme contrast fixes */
.hcm-news-module{background:var(--hcm-news-module-page-bg,transparent)!important;box-sizing:border-box!important;}
.hcm-news-module .hcm-news-module-hero{background:linear-gradient(135deg,var(--hcm-news-module-hero-bg,#160000),#070707 62%,#210000)!important;}
.hcm-news-module .hcm-news-module-hero h1,
.hcm-news-module h1,
.hcm-news-module .hcm-news-module-card h3,
.hcm-news-module .hcm-news-module-card-inner h3{color:#fff!important;text-shadow:none!important;}
.hcm-news-module .hcm-news-module-hero p,
.hcm-news-module .hcm-news-module-card p{color:#e5e5e5!important;}
.hcm-news-module .hcm-news-module-card small{color:#b5b5b5!important;}
.hcm-news-module-cols-1 .hcm-news-module-grid{grid-template-columns:1fr!important;}
.hcm-news-module-cols-2 .hcm-news-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.hcm-news-module-cols-3 .hcm-news-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.hcm-news-module-cols-4 .hcm-news-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.hcm-news-module-style-compact .hcm-news-module-card{min-height:116px!important;border-radius:12px!important;}
.hcm-news-module-style-compact .hcm-news-module-card-inner{padding:14px!important;gap:8px!important;}
.hcm-news-module-style-compact .hcm-news-module-card h3{font-size:16px!important;}
.hcm-news-module-style-wide .hcm-news-module-grid{grid-template-columns:1fr!important;}
.hcm-news-module-style-wide .hcm-news-module-card{min-height:120px!important;}
@media(max-width:900px){.hcm-news-module-cols-3 .hcm-news-module-grid,.hcm-news-module-cols-4 .hcm-news-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){.hcm-news-module-cols-1 .hcm-news-module-grid,.hcm-news-module-cols-2 .hcm-news-module-grid,.hcm-news-module-cols-3 .hcm-news-module-grid,.hcm-news-module-cols-4 .hcm-news-module-grid{grid-template-columns:1fr!important;}}


/* v1.1.8: isolate HCM News section titles from theme CSS */
.hcm-news-module .hcm-news-module-section > h2{
  color:var(--hcm-news-module-section-title-color,#111111)!important;
  background:var(--hcm-news-module-section-title-bg,transparent)!important;
  background-image:none!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  border-left:5px solid #d10000!important;
  padding:2px 8px 2px 12px!important;
  margin:0 0 16px!important;
  box-shadow:none!important;
  text-shadow:none!important;
  line-height:1.25!important;
  -webkit-text-fill-color:var(--hcm-news-module-section-title-color,#111111)!important;
}
.hcm-news-module .hcm-news-module-section > h2:before,
.hcm-news-module .hcm-news-module-section > h2:after{display:none!important;content:none!important;}

/* v1.1.9: admin-only frontend edit button for ticker/quick news */
.hcm-bnt-admin-edit{
  position:relative!important;
  z-index:100001!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:24px!important;
  margin:0 8px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,26,26,.75)!important;
  border-radius:999px!important;
  background:#210000!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:0 0 12px rgba(209,0,0,.35)!important;
}
.hcm-bnt-admin-edit:hover{background:#d10000!important;color:#fff!important;border-color:#ff4a4a!important;}
.hcm-bnt-quick .hcm-bnt-admin-edit{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;height:20px!important;font-size:10px!important;background:#210000!important;}
.hcm-bnt-quick .hcm-bnt-quick-track{padding-right:72px!important;}
@media(max-width:782px){.hcm-bnt-admin-edit{height:22px!important;margin:0 5px!important;padding:0 8px!important;font-size:10px!important}.hcm-bnt-quick .hcm-bnt-admin-edit{right:5px!important;height:18px!important;font-size:9px!important}}
