/* ==========================================================================
   Tijdelijke inschrijfstop - melding + gesloten inschrijfformulier
   Verwijderinstructie staat onderaan dit bestand.
   ========================================================================== */

/* --- De melding bovenaan (niet vast: scrolt gewoon mee met de pagina) ------- */
#inschrijfstop-banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100001;
    box-sizing: border-box;
    background: #fdecd6;
    color: #5a3d00;
    border-bottom: 3px solid #e0a04a;
    font-family: 'Open Sans', Arial, sans-serif;
    text-align: center;
    padding: 10px 16px;
    line-height: 1.5;
}
#inschrijfstop-banner .os-title {
    display: block;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 4px;
}
#inschrijfstop-banner .os-text {
    display: block;
    font-size: 14px;
    max-width: 960px;
    margin: 0 auto;
}

/* --- Ruimte maken voor de melding ------------------------------------------- */
/* Deze website plaatst alle onderdelen absoluut; daarom krijgt elke laag een
   marge ter hoogte van de melding. Dit zijn ruime terugvalwaarden;
   inschrijfstop.js meet de exacte hoogte en verfijnt dit. De menubalk
   (#laag-kop) schuift bij het scrollen weer omhoog naar zijn vaste plek. */
#container > *,
body > div:not(#inschrijfstop-banner):not(#container) {
    margin-top: 108px;
}
@media only screen and (max-width: 768px) {
    #container > *,
    body > div:not(#inschrijfstop-banner):not(#container) {
        margin-top: 168px;
    }
}

/* --- Nette melding op de plek van het gesloten inschrijfformulier ----------- */
.os-form-closed {
    box-sizing: border-box;
    width: 100%;
    max-width: 640px;
    background: #ffffff;
    border: 1px solid #ecd3ad;
    border-top: 4px solid #e0a04a;
    border-radius: 8px;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);
    padding: 24px;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #333333;
    line-height: 1.55;
    text-align: left;
}
.os-form-closed h2 {
    margin: 0 0 14px;
    font-size: 21px;
    font-weight: 700;
    color: #5a3d00;
}
.os-form-closed p {
    margin: 0 0 11px;
    font-size: 14px;
}
.os-form-closed p:last-child { margin-bottom: 0; }
.os-form-closed a { color: #0b61c4; }

/* --------------------------------------------------------------------------
   INSCHRIJFSTOP OPHEFFEN (wanneer u weer nieuwe patienten kunt inschrijven):
   1. Verwijder in elke pagina de regels  <link ... inschrijfstop.css>
      en  <script ... inschrijfstop.js>  uit de <head>.
   2. Verwijder in elke pagina het blok  <div id="inschrijfstop-banner"> ... </div>
      direct onder de <body>-regel.
   3. Zet in inschrijven.php bovenin  $INSCHRIJFSTOP = true;  op  false;
      en plaats het originele formulier terug (zie inschrijven-formulier-origineel.txt).
   -------------------------------------------------------------------------- */
