/* ===========================================================================
   profiel-blokken.css — de losse stukjes opmaak van de sprekerspagina

   Vier <style>-blokken die verspreid door item-profiel.php stonden, in
   dezelfde volgorde achter elkaar gezet zodat de cascade precies gelijk
   blijft. Ze stonden in de body en kwamen dus te laat: de pagina werd
   eerst zonder getekend.

   Een op een overgenomen; er is geen regel veranderd.

     1. de sticky-kolom en de blauwe links   (stond rond regel 558)
     2. de kleurvariabelen en .btn-blue      (stond rond regel 605)
     3. de doorzichtige mobiele balk         (stond rond regel 651)
     4. de mobiele balk zelf, vast onderaan  (stond rond regel 725)
   =========================================================================== */

/* --- 1. sticky-kolom en blauwe links ----------------------------------- */
.sticky{
  position: static;
  top: auto;
  align-self: auto;
  z-index: auto;
}

/* Pas sticky vanaf desktop */
@media (min-width: 992px){
  .sticky{
    position: sticky;
    top: 88px;
    align-self: flex-start;
    z-index: 2;
  }
}
	/* Desktop: sticky moet kunnen werken */
#main{
  overflow: visible;
}

/* Mobiel: voorkom horizontaal schuiven */
@media (max-width: 991.98px){
  #main{
    overflow-x: hidden;
  }
}
	
	a.link-blue {color: #1d1d1f;}
	a.link-blue:hover {color: #103856;}

/* --- 2. kleurvariabelen en .btn-blue ----------------------------------- */
:root {
  --brand-blue: #103856;
  --brand-orange: #f56c20;
  --fg: #1a2a3a;
}
.btn-blue {
  background-color: var(--brand-blue);
  color: #fff;
  border: 2px solid var(--brand-blue);
  transition: background-color .3s, border-color .3s;
}
.btn-blue:hover {
  background-color: #0b263a;
  border-color: #0b263a;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.18);
  color: #fff;
}

/* --- 3. doorzichtige mobiele balk -------------------------------------- */
.mobile-cta {
    /* 1. Maak de achtergrondkleur half-doorzichtig wit */
    /* Het laatste getal (0.8) is de doorzichtigheid tussen 0 en 1 */
    background-color: rgba(255, 255, 255, 0.2)!important;

    /* 2. Voeg de 'blur' toe aan alles wat erachter zit */
    /* Hoe hoger het aantal pixels, hoe waziger */
    backdrop-filter: blur(10px);
    
    /* Voor betere ondersteuning op oudere Apple apparaten (Safari) */
    -webkit-backdrop-filter: blur(10px);

    /* Optioneel: een subtiel randje aan de bovenkant helpt soms for de definitie */
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

/* --- 4. mobiele balk, vast onderaan ------------------------------------ */
  .mobile-cta{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  max-width: 100%;
  overflow-x: hidden;
  background: #fff;
  border-top: 1px solid rgba(0,0,0,.08);
  padding: 12px 0;
  z-index: 1030;
}
  .mobile-cta-btn{
    white-space: nowrap;
  }
  /* Zorg dat content niet achter de fixed bar valt */
  @media (max-width: 991.98px){
    body{ padding-bottom: 78px; }
  }