/* ============================================================
   Hof Kastania — Events (Shared)
   File: assets/css/hofkastania-events-shared.css
   Scope: .hk-*
   Purpose: tokens + consistent links + buttons + base helpers
   ============================================================ */

/* -----------------------------
   00 — Tokens (shared)
   ----------------------------- */
:root{
  --hk-ec-bg:#FEFCF8;
  --hk-ec-text:#1D2328;
  --hk-ec-muted:rgba(29,35,40,.72);
  --hk-ec-border:rgba(29,35,40,.14);

  --hk-ec-accent:#FF9E3F;
  --hk-ec-secondary:#566876;

  --hk-ec-radius:20px;
  --hk-ec-shadow:0 10px 28px rgba(146,146,146,.14);

  --hk-ec-gap-1:8px;
  --hk-ec-gap-2:12px;
  --hk-ec-gap-3:18px;
  --hk-ec-gap-4:26px;

  --hk-ec-font-title:"Baloo 2",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --hk-ec-font-body:"Nunito",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  --hk-ec-max:1280px;

  --hk-btn-main:#CC6600;
  --hk-btn-main-hover:#663300;

  --hk-card-border:rgba(0,0,0,.08);
  --hk-card-border-h:rgba(204,102,0,.22);
  --hk-card-shadow:0 10px 24px rgba(0,0,0,.06);
  --hk-card-shadow-h:0 16px 34px rgba(0,0,0,.10);

  --hk-toolbar-bg:rgba(255,255,255,.78);
  --hk-toolbar-border:rgba(29,35,40,.10);
  --hk-toolbar-shadow:0 10px 26px rgba(146,146,146,.10);

  --hk-cancel-bg:rgba(186,32,32,.06);
  --hk-cancel-border:rgba(186,32,32,.28);
  --hk-cancel-text:#A32C2C;
}

/* -----------------------------
   05 — Link policy
   ----------------------------- */
.hk-program a,
.hk-single-event a,
.hk-program a:hover,
.hk-single-event a:hover,
.hk-program a:focus,
.hk-single-event a:focus,
.hk-program a:active,
.hk-single-event a:active{
  color:inherit;
  text-decoration:none !important;
}

.hk-program a:focus-visible,
.hk-single-event a:focus-visible{
  outline:2px solid rgba(255,158,63,.55);
  outline-offset:3px;
  border-radius:10px;
}

/* -----------------------------
   55 — Buttons
   ----------------------------- */
.hk-btn,
.hk-empty__actions a,
.hk-day__note-link a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 18px;
  border-radius:999px;
  border:1px solid transparent;
  text-decoration:none !important;
  font-weight:800;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}

.hk-btn--primary{
  background:var(--hk-btn-main);
  border-color:var(--hk-btn-main);
  color:var(--hk-ec-bg);
}

.hk-btn--primary:hover{
  background:var(--hk-btn-main-hover);
  border-color:var(--hk-btn-main-hover);
  color:var(--hk-ec-bg);
}

.hk-btn--secondary{
  background:transparent;
  border:1px solid rgba(146,146,146,.5);
  color:rgba(29,35,40,.72);
}

.hk-btn--secondary:hover{
  background:rgba(146,146,146,.08);
  border-color:rgba(146,146,146,.8);
  color:var(--hk-ec-text);
}

.hk-btn:hover,
.hk-day__note-link a:hover,
.hk-empty__actions a:hover{
  transform:none !important;
}

.hk-btn--full{
  width:100%;
}

/* -----------------------------
   58 — Icons
   ----------------------------- */
.hk-icon{
  width:16px;
  height:16px;
  display:inline-block;
  flex:0 0 16px;
}

/* -----------------------------
   59 — Helpers
   ----------------------------- */
.hk-muted{
  color:var(--hk-ec-muted);
}

.hk-divider{
  border:0;
  border-top:1px solid rgba(29,35,40,.10);
  margin:14px 0;
}

/* -----------------------------
   70 — Cancelled helpers
   ----------------------------- */
.hk-event-cancelled-label{
  display:inline-block;
  margin:0 0 12px;
  font-weight:900;
  font-size:14px;
  color:var(--hk-cancel-text);
}

.hk-cancel-box{
  border-radius:var(--hk-ec-radius);
  border:1px solid var(--hk-cancel-border);
  background:var(--hk-cancel-bg);
  padding:14px 16px;
  margin-top:14px;
  font-size:14px;
  line-height:1.55;
}

.hk-cancel-box h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.3;
  color:var(--hk-cancel-text);
}

.hk-cancel-box p:last-child{
  margin-bottom:0;
}