/* functions/online_tilmeld.php (style block 1) */
:root{
--bg: #0b0d18;
--panel:#121427;
--text:#f3f4f6;
--muted:#cbd5e1;
--outline:#ffffff14;
--accent:#60a5fa;
    }

    *{box-sizing:border-box;}
    html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:transparent;color:var(--text);}
    .wrap{padding:14px;max-width:900px;margin:0 auto;}
    .card{
      background: var(--bg);
      border: 1px solid var(--outline);
      border-radius: 14px;
      padding: 14px;
      margin-bottom: 12px;
    }
    h2{margin:0 0 8px 0;font-size:28px;font-weight:950;}
    .meta{color:var(--muted);font-weight:700;margin-bottom:10px;}
    .muted{color:var(--muted);}
    ul{list-style:none;margin:10px 0 0 0;padding:0;}
    li{padding:8px 0;border-bottom:1px solid #ffffff10;}

    form{display:grid;gap:10px;grid-template-columns:1fr 1fr auto;align-items:center;margin-top:10px;}
    input{
      padding:10px 12px;border-radius:10px;border:1px solid #ffffff22;background:#0f1220;color:var(--text);
    }
    button{
      padding:10px 16px;border-radius:10px;border:1px solid #ffffff22;background:var(--accent);
      color:#000;font-weight:900;cursor:pointer;
    }
    button[disabled]{opacity:.4;cursor:not-allowed;}
    @media (max-width: 700px){
      form{grid-template-columns:1fr;}
      button{width:100%;}
    }
    .warn{
      border:1px solid rgba(239,68,68,.35);
      background: rgba(239,68,68,.12);
      color:#fecaca;
    }
/* Mobil + tablet: større tekst og touch-venlige felter */
@media (max-width: 1024px){

  .wrap{
    padding: 16px;
  }

  .card{
    padding: 16px;
  }

  .card h2{
    font-size: 26px;
    line-height: 1.15;
    margin: 0 0 10px 0;
  }

  .meta{
    font-size: 16px;
  }

  /* Deltagerliste */
  ul li{
    font-size: 16px;
    padding: 10px 0;
  }

  /* Formular */
  form{
    display: grid;
    gap: 12px;
    margin-top: 12px;
  }

  input{
    font-size: 18px;       /* vigtig! */
    padding: 14px 14px;
    border-radius: 12px;
  }

  button{
    font-size: 18px;       /* vigtig! */
    padding: 14px 16px;
    border-radius: 12px;
    width: 100%;
  }
}