/* Scoped styles for event pages */
.event-wrap{max-width:1100px;margin:1.25rem auto;padding:0 1rem}

/* Masonry columns (fills gaps) */
.ev-masonry{
  column-count:2;
  -webkit-column-count:2;
  column-gap:1rem;
  -webkit-column-gap:1rem;
}
@media(max-width:900px){
  .ev-masonry{
    column-count:1;
    -webkit-column-count:1;
  }
}
.ev-masonry .ev-block{
  display:inline-block;
  width:100%;
  margin:0 0 1rem 0;
  break-inside:avoid-column;
  -webkit-column-break-inside:avoid;
  -moz-column-break-inside:avoid;
}

.ev-break{
  break-before: column;
  -webkit-column-break-before: always;
  display:block;height:0;margin:0;padding:0;
}
.arena-photo{
  width:100%;
  height:240px;           /* fast høyde */
  object-fit:cover;       /* crop til gitt høyde */
  border-radius:12px;
  border:1px solid #e5e7eb;
  display:block;
  margin-bottom:.5rem;
}
@media (max-width:900px){
  .arena-photo{ height:220px; }
}
.event-gate{
  display:flex; align-items:center; gap:10px;
  margin:12px 0 16px; padding:10px 12px;
  border:1px solid #e5e7eb; border-radius:12px;
  background:#f8fafc; color:#111827; font-size:14px;
}
.event-gate .gate-ico{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:50%;
  background:#eef2ff; color:#4f46e5;
  flex:0 0 26px;
}
@media (max-width:640px){
  .event-gate{font-size:13px; padding:9px 10px;}
}

.event-gate a{font-weight:600; text-decoration:underline;}

/* Cards */
.ev-block{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px}

/* Header */
.ev-title{font-weight:900;font-size:40px;margin:0}
.ev-meta{color:#6b7280;margin:.25rem 0 .75rem}

/* Buttons row */
.btnrow{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0 1rem}
.btnx{border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;text-decoration:none}
.btnx:hover{background:#fafafa}

/* Tables */
.tbl{width:100%;border-collapse:separate;border-spacing:0}
.tbl th,.tbl td{border-bottom:1px solid #e5e7eb;padding:8px;text-align:left}
.tbl th{font-weight:700}

/* Links used in summary block */
.competition-link{text-decoration:underline}

/* Track SVG */
.track-card{display:flex;justify-content:center;align-items:center;padding:10px}
.track-svg{width:100%;max-width:420px}
.track-svg .outer{fill:#d1d5db}
.track-svg .inner{fill:#86efac}
.track-svg .infield{fill:#65a30d;opacity:.9}

/* Kompakt resultattabell */
.tbl.compact th,.tbl.compact td{padding:4px 6px;line-height:1.2;font-size:.92rem}
.tbl.compact th{font-weight:600}

/* kompakt WP-list: faste kolonner og venstrejustert navn */
.tbl.compact{ table-layout:fixed; width:100%; }
.tbl.compact th,.tbl.compact td{ text-align:left; }

/* Pl. */
.tbl.compact th:nth-child(1),
.tbl.compact td:nth-child(1){ width:48px; white-space:nowrap; }

/* Dog */
.tbl.compact th:nth-child(2),
.tbl.compact td:nth-child(2){ width:auto; text-align:left; }

/* P4P høyrejustert */
.tbl.compact th:nth-child(3),
.tbl.compact td:nth-child(3){ width:72px; text-align:right; white-space:nowrap; }

/* flagg justering foran navn */
.tbl.compact td:nth-child(2) img{ height:14px; vertical-align:-2px; margin-right:6px; }

/* Summary header */
.sum-meta{display:flex;justify-content:space-between;align-items:center;margin:.25rem 0 .5rem}
.sum-stat{font-weight:600}
.sum-link{text-decoration:underline}
.pill{display:inline-block;min-width:28px;padding:2px 8px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;text-align:center;margin-right:6px}
.muted{color:#6b7280}
.small{font-size:.85rem}

/* Map */
.map-box{height:300px;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}
@media(max-width:900px){.map-box{height:260px}}

/* Pencil sketch look for WP track */
.track-svg.pencil{width:100%;max-width:720px}
.pencil{stroke-linecap:round;stroke-linejoin:round}

/* Key–value layout for About block */
.kv{display:grid;grid-template-columns:140px 1fr;column-gap:10px;row-gap:6px}
.kv .k{font-weight:700}
.kv .v{min-width:0}
.kv .note{grid-column:2/-1;color:#6b7280;font-size:.9rem;margin-top:-2px}
.flag{height:14px;vertical-align:-2px;margin-right:6px}
