/*
  Huisstijl Erasmushogeschool Brussel voor Stay On Trails.

  Wordt na de inline <style> van elke pagina geladen (via sot_theme_head()),
  zodat de variabelen en de gedeelde onderdelen (kop, menu, panelen, knoppen,
  voettekst) hier overschreven worden. Kleuren komen van www.ehb.be.
*/

:root{
  --ehb-red:#e30713;
  --ehb-red-dark:#a8050e;
  --ehb-grey:#303030;
  --ehb-grey-soft:#f6f6f6;
  --ehb-border:#e6e6e6;

  --bg:var(--ehb-grey-soft);
  --panel:#ffffff;
  --panel-2:var(--ehb-grey-soft);
  --panel-soft:var(--ehb-grey-soft);
  --text:var(--ehb-grey);
  --muted:#5f5f5f;
  --line:var(--ehb-border);
  --accent:var(--ehb-red);
  --accent-ink:#ffffff;
  --focus:#0a7c78;
  --menu-bg:#ffffff;
  --menu-border:var(--ehb-border);
  color-scheme:light;
}

html,body{
  background:var(--bg);
  color:var(--text);
  font-family:"Poppins",Arial,Helvetica,sans-serif;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid var(--focus);
  outline-offset:3px;
}

/* ---------- Inhoud ---------- */

h1,h2,h3{
  color:var(--ehb-grey);
}

.panel{
  background:#ffffff;
  border:1px solid var(--ehb-border);
  border-radius:6px;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}

.eyebrow,
.sectionTitle{
  color:var(--ehb-red);
}

.button,
button.button{
  background:var(--ehb-grey);
  color:#ffffff;
  border-color:var(--ehb-grey);
  border-radius:4px;
}

.button.primary,
.eventBanner .eventButton{
  background:var(--ehb-red);
  border-color:var(--ehb-red);
  color:#ffffff;
  border-radius:4px;
}

.button.primary:hover,
.eventBanner .eventButton:hover{
  background:var(--ehb-red-dark);
  filter:none;
}

/*
  Gewone .btn-knoppen: veel pagina's komen uit het oude donkere thema en geven
  .btn witte tekst. Op de witte achtergrond van de huisstijl was die tekst
  onleesbaar. Gekleurde varianten (primair, gevaar, geselecteerd, ...) houden
  hun eigen kleuren, daarom staan ze in de :not()-lijst.
*/
.btn:not(.primary):not(.btnPrimary):not(.btnDanger):not(.btn-cyan):not(.btn-warn):not(.btn-done):not(.active):not(.export-btn):not([aria-pressed="true"]){
  background:#ffffff;
  color:var(--ehb-grey);
  border-color:#bdbdbd;
}

.btn:not(.primary):not(.btnPrimary):not(.btnDanger):not(.btn-cyan):not(.btn-warn):not(.btn-done):not(.active):not(.export-btn):not([aria-pressed="true"]):hover{
  background:#f0f0f0;
  color:var(--ehb-grey);
}

.button.alt{
  background:#ffffff;
  color:var(--ehb-grey);
  border-color:var(--ehb-grey);
}

.eventBanner{
  background:#ffffff;
  border:1px solid var(--ehb-border);
  border-left:6px solid var(--ehb-red);
}

.participantCard{
  background:#ffffff;
  border:1px solid var(--ehb-border);
  border-radius:6px;
}

.participantCard:hover{
  background:#ffffff;
  border-color:var(--ehb-red);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

.partnerLink{
  border-radius:6px;
  border:1px solid var(--ehb-border);
}

input,
select,
textarea{
  background:#ffffff;
  color:var(--ehb-grey);
  border-color:#cfcfcf;
}

/* Taalkeuze onderaan de pagina */
.language-menu a{
  border:1px solid var(--ehb-border);
  background:#ffffff;
}

/* ---------- Voettekst: donkergrijze balk ---------- */

.site-footer{
  margin-top:48px;
  background:var(--ehb-grey);
  color:#e6e6e6;
  font-size:15px;
  line-height:1.6;
}

.site-footer-inner{
  max-width:1200px;
  margin:0 auto;
  padding:36px 18px 20px;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));
  gap:28px;
}

.site-footer .footer-logo{
  display:block;
  height:40px;
  width:auto;
  filter:brightness(0) invert(1);
}

.site-footer p{
  margin:14px 0 0;
  color:#cfcfcf;
}

.site-footer h2{
  margin:0 0 10px;
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ffffff;
}

.site-footer ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.site-footer a{
  color:#ffffff;
  text-decoration:none;
}

.site-footer a:hover{
  color:#ffffff;
  text-decoration:underline;
  text-decoration-color:var(--ehb-red);
  text-underline-offset:4px;
}

.site-footer a:focus-visible{
  outline-color:#ffffff;
}

.site-footer .footer-languages{
  flex-direction:row;
  gap:12px;
}

.site-footer .footer-languages a[aria-current="page"]{
  color:var(--ehb-red);
  font-weight:700;
}

.site-footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
}

.site-footer-bottom p{
  max-width:1200px;
  margin:0 auto;
  padding:14px 18px;
  font-size:13px;
  color:#bdbdbd;
}

@media (max-width: 800px){
  .site-footer-inner{
    grid-template-columns:1fr;
  }
}