/* /Components/Layout/Shared/SiteHeader.razor.rz.scp.css */
.site-header[b-38hmmmc269] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: var(--vt-paper);
    border-bottom: 1px solid var(--border-subtle);
    height: 68px;
}

.site-header-inner[b-38hmmmc269] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
    height: 68px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.site-header-logo[b-38hmmmc269] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.site-header-logo img[b-38hmmmc269] {
    height: 60px;
    width: auto;
    display: block;
}

.site-header-spacer[b-38hmmmc269] {
    flex: 1;
}
/* /Components/Pages/Clubs/Details.razor.rz.scp.css */
.page-message[b-k4lg5ubv3a] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px;
    font: 500 15px/1.6 var(--font-body);
    color: var(--text-muted);
}

/* ---- Clubhead ---- */
.clubhead[b-k4lg5ubv3a] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 38px 32px 8px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
    align-items: center;
}

.clubhead-eyebrow[b-k4lg5ubv3a] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font: 700 12px/1 var(--font-body);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--vt-forest-500);
    margin-bottom: 14px;
}

.clubhead-title[b-k4lg5ubv3a] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 48px;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--text-strong);
    margin: 0 0 12px;
}

.clubhead-lead[b-k4lg5ubv3a] {
    font-size: 17px;
    line-height: 1.55;
    color: var(--text-body);
    max-width: 560px;
    margin: 0;
}

/* ---- Secties ---- */
.section[b-k4lg5ubv3a] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 36px 32px 8px;
}

.section-last[b-k4lg5ubv3a] {
    padding: 44px 32px 72px;
}

.section-head[b-k4lg5ubv3a] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.section-title[b-k4lg5ubv3a] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 26px;
    color: var(--text-strong);
    margin: 0;
}

.section-line[b-k4lg5ubv3a] {
    height: 1px;
    flex: 1;
    background: var(--border-subtle);
}

.cards-grid[b-k4lg5ubv3a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

/* ---- Gedeelde kaartonderdelen ---- */
.card-accent[b-k4lg5ubv3a] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--vt-laurel);
}

.card-icon[b-k4lg5ubv3a] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: var(--vt-forest-700);
    color: var(--vt-lime);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.card-body[b-k4lg5ubv3a] {
    flex: 1;
    min-width: 0;
}

.card-title[b-k4lg5ubv3a] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 18px;
    color: var(--text-strong);
    line-height: 1.15;
}

.card-meta[b-k4lg5ubv3a] {
    font: 500 13px/1.4 var(--font-body);
    color: var(--text-muted);
    margin-top: 5px;
}

.card-arrow[b-k4lg5ubv3a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--vt-n-50);
    color: var(--text-strong);
    flex-shrink: 0;
}

.card-pill[b-k4lg5ubv3a] {
    margin-bottom: 7px;
}

/* ---- Speelschema-kaart ---- */
.schedule-card[b-k4lg5ubv3a] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: 18px;
    box-shadow: var(--shadow-sm);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.schedule-card:hover[b-k4lg5ubv3a] {
    text-decoration: none;
    color: inherit;
    box-shadow: var(--shadow-md);
}

/* ---- Competitiekaart ---- */
.competition-card[b-k4lg5ubv3a] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: 18px;
    box-shadow: var(--shadow-sm);
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.competition-card:hover[b-k4lg5ubv3a] {
    text-decoration: none;
    color: inherit;
    box-shadow: var(--shadow-md);
}

.competition-head[b-k4lg5ubv3a] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.competition-pills[b-k4lg5ubv3a] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.competition-foot[b-k4lg5ubv3a] {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.competition-progress[b-k4lg5ubv3a] {
    min-width: 0;
    flex: 1;
}

.progress-label[b-k4lg5ubv3a] {
    font: 600 11px/1 var(--font-body);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--vt-forest-500);
    margin-bottom: 6px;
}

.progress-track[b-k4lg5ubv3a] {
    height: 6px;
    background: var(--vt-n-100);
    border-radius: var(--r-pill);
    overflow: hidden;
}

.progress-fill[b-k4lg5ubv3a] {
    display: block;
    height: 6px;
    background: var(--vt-laurel);
    border-radius: var(--r-pill);
}

.progress-meta[b-k4lg5ubv3a] {
    font: 500 12px/1 var(--font-body);
    color: var(--text-muted);
    margin-top: 6px;
}
/* /Components/Pages/Competities/Details.razor.rz.scp.css */
.page-message[b-tc1gs72euj] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px;
    font: 500 15px/1.6 var(--font-body);
    color: var(--text-muted);
}

.page[b-tc1gs72euj] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 26px 32px 80px;
}

.back-link[b-tc1gs72euj] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    font: 600 14px/1 var(--font-body);
    color: var(--vt-forest-600);
    padding: 6px 0;
    margin-bottom: 18px;
}

.detail[b-tc1gs72euj] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 32px;
    align-items: start;
}

/* ---- Kop ---- */
.pills-row[b-tc1gs72euj] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.pills-meta[b-tc1gs72euj] {
    font: 600 13px/1 var(--font-body);
    color: var(--text-muted);
}

.detail-title[b-tc1gs72euj] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 40px;
    line-height: 1.02;
    letter-spacing: -0.02em;
    color: var(--text-strong);
    margin: 0 0 18px;
}

/* ---- Let op!-blok ---- */
.notice[b-tc1gs72euj] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--vt-forest-700);
    color: var(--vt-paper);
    border-radius: 16px;
    padding: 20px 22px;
    margin: 0 0 26px;
}

.notice-icon[b-tc1gs72euj] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--vt-lime);
    color: var(--vt-forest-800);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notice-text[b-tc1gs72euj] {
    font: 500 14px/1.6 var(--font-body);
    color: #DDE7CC;
    margin: 0;
}

/* ---- Reglementen-HTML uit beheer (whitelist: h2/strong/em/ul/ol/li/p/br) ---- */
.reglementen[b-tc1gs72euj]  p {
    font-size: 16px;
    line-height: 1.65;
    color: var(--text-body);
    max-width: 640px;
    margin: 0 0 16px;
}

.reglementen[b-tc1gs72euj]  h2 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 22px;
    color: var(--text-strong);
    margin: 28px 0 14px;
}

/* Ongeordende lijsten worden de "samengevat"-checklistkaart uit het ontwerp */
.reglementen[b-tc1gs72euj]  ul {
    list-style: none;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    padding: 8px 22px;
    margin: 0 0 24px;
}

.reglementen[b-tc1gs72euj]  ul li {
    position: relative;
    padding: 11px 0 11px 30px;
    border-bottom: 1px solid var(--border-subtle);
    font: 500 15px/1.5 var(--font-body);
    color: var(--text-body);
}

.reglementen[b-tc1gs72euj]  ul li:last-child {
    border-bottom: none;
}

.reglementen[b-tc1gs72euj]  ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2391C811' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center / contain;
}

.reglementen[b-tc1gs72euj]  ol {
    padding-left: 22px;
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.65;
    color: var(--text-body);
    max-width: 640px;
}

.reglementen[b-tc1gs72euj]  ol li {
    margin-bottom: 6px;
}

/* ---- Aside ---- */
.aside[b-tc1gs72euj] {
    position: sticky;
    top: 88px;
}

.aside-card[b-tc1gs72euj] {
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: 18px;
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

.aside-head[b-tc1gs72euj] {
    background: var(--vt-forest-700);
    color: var(--vt-paper);
    padding: 20px 22px;
}

.aside-head-eyebrow[b-tc1gs72euj] {
    font: 600 11px/1 var(--font-body);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--vt-lime);
    margin-bottom: 8px;
}

.aside-head-value[b-tc1gs72euj] {
    font-family: var(--font-display);
    font-weight: 900;
    font-size: 28px;
    line-height: 1;
}

.aside-body[b-tc1gs72euj] {
    padding: 20px 22px;
}

.aside-rows[b-tc1gs72euj] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 20px;
}

.aside-row[b-tc1gs72euj] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.aside-row-icon[b-tc1gs72euj] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: var(--vt-n-50);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--vt-forest-600);
}

.aside-row-label[b-tc1gs72euj] {
    font: 600 11px/1 var(--font-body);
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--text-muted);
    margin-bottom: 3px;
}

.aside-row-value[b-tc1gs72euj] {
    font: 600 14px/1.2 var(--font-body);
    color: var(--text-strong);
}

.aside-bezetting[b-tc1gs72euj] {
    margin-bottom: 16px;
}

.aside-bezetting-head[b-tc1gs72euj] {
    display: flex;
    justify-content: space-between;
    font: 600 12px/1 var(--font-body);
    margin-bottom: 6px;
}

.aside-bezetting-label[b-tc1gs72euj] {
    color: var(--text-muted);
}

.aside-bezetting-value[b-tc1gs72euj] {
    color: var(--text-strong);
}

.progress-track[b-tc1gs72euj] {
    height: 8px;
    background: var(--vt-n-100);
    border-radius: var(--r-pill);
    overflow: hidden;
}

.progress-fill[b-tc1gs72euj] {
    display: block;
    height: 8px;
    background: var(--vt-laurel);
    border-radius: var(--r-pill);
}

.btn-inschrijven[b-tc1gs72euj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    height: 52px;
    font: 700 17px/1 var(--font-body);
    border-radius: var(--r-pill);
    text-decoration: none;
    background: var(--vt-lime);
    color: var(--text-on-accent);
    border: var(--bw-1) solid var(--vt-lime);
    box-shadow: var(--shadow-sm);
}

.btn-inschrijven:hover[b-tc1gs72euj] {
    background: var(--accent-hover);
    border-color: var(--accent-hover);
    color: var(--text-on-accent);
    text-decoration: none;
}
/* /Components/Pages/Index.razor.rz.scp.css */
/* ---- Hero ---- */
.hero[b-bj3s3s4kox] {
    background: var(--vt-forest-700);
    color: var(--vt-paper);
    position: relative;
    overflow: hidden;
}

.hero-watermark[b-bj3s3s4kox] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(720px, 130%);
    height: auto;
    opacity: 0.1;
    z-index: 0;
    pointer-events: none;
}

.hero-inner[b-bj3s3s4kox] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 88px 32px 84px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.hero-eyebrow[b-bj3s3s4kox] {
    font: 700 12px/1 var(--font-body);
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--vt-lime);
    margin-bottom: 18px;
}

.hero-title[b-bj3s3s4kox] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 60px;
    line-height: 0.96;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    margin: 0 0 18px;
    color: #fff;
}

.hero-lead[b-bj3s3s4kox] {
    font-size: 18px;
    line-height: 1.55;
    color: #CBD8B6;
    max-width: 560px;
    margin: 0 auto;
}

/* ---- Kies je club ---- */
.clubs[b-bj3s3s4kox] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 46px 32px 12px;
}

.section-head[b-bj3s3s4kox] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}

.section-title[b-bj3s3s4kox] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 26px;
    color: var(--text-strong);
    margin: 0;
}

.section-line[b-bj3s3s4kox] {
    height: 1px;
    flex: 1;
    background: var(--border-subtle);
}

.clubs-grid[b-bj3s3s4kox] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
}

.clubs-message[b-bj3s3s4kox] {
    font: 500 15px/1.6 var(--font-body);
    color: var(--text-muted);
    margin: 0;
}

/* ---- Over / contact ---- */
.info[b-bj3s3s4kox] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 32px 72px;
}

.info-grid[b-bj3s3s4kox] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.info-card[b-bj3s3s4kox] {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: 18px;
    padding: 30px 32px;
}

.info-card:hover[b-bj3s3s4kox] {
    text-decoration: none;
    color: inherit;
}

.info-card-invers[b-bj3s3s4kox] {
    background: var(--vt-forest-700);
    color: var(--vt-paper);
    border: none;
    cursor: default;
    display: flex;
    flex-direction: column;
}

.info-icon[b-bj3s3s4kox] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--vt-lime);
    color: var(--vt-forest-800);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.info-title[b-bj3s3s4kox] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 22px;
    color: var(--text-strong);
    margin: 0 0 12px;
}

.info-title-invers[b-bj3s3s4kox] {
    color: #fff;
}

.info-text[b-bj3s3s4kox] {
    font: 500 15px/1.6 var(--font-body);
    color: var(--text-body);
    margin: 0 0 12px;
}

.info-text-last[b-bj3s3s4kox] {
    margin-bottom: 16px;
}

.info-text-invers[b-bj3s3s4kox] {
    color: #CBD8B6;
    margin-bottom: 22px;
}

.info-link[b-bj3s3s4kox] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font: 700 14px/1 var(--font-body);
    color: var(--vt-forest-600);
}

.info-actions[b-bj3s3s4kox] {
    margin-top: auto;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.btn-accent[b-bj3s3s4kox] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 42px;
    padding: 0 20px;
    font: 700 15px/1 var(--font-body);
    letter-spacing: 0.01em;
    border-radius: var(--r-pill);
    text-decoration: none;
    background: var(--vt-lime);
    color: var(--text-on-accent);
    border: var(--bw-1) solid var(--vt-lime);
    box-shadow: var(--shadow-sm);
}

.btn-accent:hover[b-bj3s3s4kox] {
    text-decoration: none;
    background: var(--accent-hover);
    border-color: var(--accent-hover);
    color: var(--text-on-accent);
}

.mail-link[b-bj3s3s4kox] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font: 700 14px/1 var(--font-body);
    color: var(--vt-lime);
    text-decoration: none;
    padding: 12px 4px;
}

.mail-link:hover[b-bj3s3s4kox] {
    color: var(--vt-lime-bright);
    text-decoration: none;
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.nf[b-wn83mxvnyv] {
    max-width: 760px;
    margin: 0 auto;
    padding: 88px 32px;
    text-align: center;
}

.nf-eyebrow[b-wn83mxvnyv] {
    font: 700 12px/1 var(--font-body);
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--vt-forest-500);
    margin-bottom: 14px;
}

.nf-title[b-wn83mxvnyv] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    margin: 0 0 14px;
}

.nf-text[b-wn83mxvnyv] {
    font: 500 16px/1.6 var(--font-body);
    color: var(--text-muted);
    margin: 0 0 24px;
}

.nf-link[b-wn83mxvnyv] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font: 700 14px/1 var(--font-body);
    color: var(--vt-forest-600);
}
/* /Components/Pages/Over/Index.razor.rz.scp.css */
/* ---- Hero ---- */
.hero[b-78xfpxmnq2] {
    background: var(--vt-forest-700);
    color: var(--vt-paper);
    position: relative;
    overflow: hidden;
}

.hero-watermark[b-78xfpxmnq2] {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: min(420px, 60%);
    height: auto;
    opacity: 0.1;
    z-index: 0;
    pointer-events: none;
}

.hero-inner[b-78xfpxmnq2] {
    max-width: 900px;
    margin: 0 auto;
    padding: 56px 32px 52px;
    position: relative;
    z-index: 1;
}

.hero-back[b-78xfpxmnq2] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    cursor: pointer;
    font: 600 14px/1 var(--font-body);
    color: var(--vt-lime);
    padding: 6px 0;
    margin-bottom: 20px;
}

.hero-back:hover[b-78xfpxmnq2] {
    color: var(--vt-lime-bright);
    text-decoration: none;
}

.hero-eyebrow[b-78xfpxmnq2] {
    font: 700 12px/1 var(--font-body);
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--vt-lime);
    margin-bottom: 14px;
}

.hero-title[b-78xfpxmnq2] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 52px;
    line-height: 0.98;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    margin: 0 0 16px;
    color: #fff;
}

.hero-lead[b-78xfpxmnq2] {
    font-size: 18px;
    line-height: 1.55;
    color: #CBD8B6;
    max-width: 600px;
    margin: 0;
}

/* ---- Wat is Viertallen ---- */
.intro[b-78xfpxmnq2] {
    max-width: 900px;
    margin: 0 auto;
    padding: 48px 32px 24px;
}

.intro-text[b-78xfpxmnq2] {
    max-width: 680px;
}

.intro-title[b-78xfpxmnq2] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 24px;
    color: var(--text-strong);
    margin: 0 0 12px;
}

.intro-body[b-78xfpxmnq2] {
    font: 500 16px/1.65 var(--font-body);
    color: var(--text-body);
    margin: 0 0 28px;
}

.feature-grid[b-78xfpxmnq2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.feature-card[b-78xfpxmnq2] {
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    padding: 24px;
}

.feature-icon[b-78xfpxmnq2] {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: var(--vt-lime);
    color: var(--vt-forest-800);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.feature-title[b-78xfpxmnq2] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 18px;
    color: var(--text-strong);
    margin-bottom: 6px;
}

.feature-text[b-78xfpxmnq2] {
    font: 500 14px/1.55 var(--font-body);
    color: var(--text-muted);
    margin: 0;
}

/* ---- Contact ---- */
.contact[b-78xfpxmnq2] {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px 32px 72px;
}

.contact-card[b-78xfpxmnq2] {
    background: var(--vt-forest-700);
    color: var(--vt-paper);
    border-radius: 18px;
    padding: 34px 36px;
}

.contact-title[b-78xfpxmnq2] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 24px;
    color: #fff;
    margin: 0 0 10px;
}

.contact-text[b-78xfpxmnq2] {
    font: 500 15px/1.6 var(--font-body);
    color: #CBD8B6;
    margin: 0 0 22px;
    max-width: 520px;
}

.contact-actions[b-78xfpxmnq2] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.contact-mail[b-78xfpxmnq2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 20px;
    border-radius: var(--r-pill);
    background: var(--vt-lime);
    color: var(--vt-forest-800);
    font: 700 15px/1 var(--font-body);
    text-decoration: none;
}

.contact-mail:hover[b-78xfpxmnq2] {
    background: var(--accent-hover);
    color: var(--vt-forest-800);
    text-decoration: none;
}
/* /Components/Pages/Speelschemas/Details.razor.rz.scp.css */
.page-message[b-jtt9yl9ybh] {
    max-width: 920px;
    margin: 0 auto;
    padding: 32px;
    font: 500 15px/1.6 var(--font-body);
    color: var(--text-muted);
}

.page[b-jtt9yl9ybh] {
    max-width: 920px;
    margin: 0 auto;
    padding: 26px 32px 80px;
}

.back-link[b-jtt9yl9ybh] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    font: 600 14px/1 var(--font-body);
    color: var(--vt-forest-600);
    padding: 6px 0;
    margin-bottom: 18px;
}

/* ---- Kop ---- */
.schema-head[b-jtt9yl9ybh] {
    text-align: center;
    margin-bottom: 26px;
}

.schema-pill[b-jtt9yl9ybh] {
    padding: 5px 12px;
    margin-bottom: 14px;
}

.schema-title[b-jtt9yl9ybh] {
    font-family: var(--font-display);
    font-weight: 900;
    font-size: 34px;
    line-height: 1.08;
    letter-spacing: -0.015em;
    text-transform: uppercase;
    color: var(--text-strong);
    margin: 0 auto;
    max-width: 640px;
}

.schema-meta[b-jtt9yl9ybh] {
    font: 600 13px/1 var(--font-body);
    color: var(--text-muted);
    margin-top: 12px;
}

.schema-meta-link[b-jtt9yl9ybh] {
    font: inherit;
    color: var(--vt-forest-600);
}

.page-message-center[b-jtt9yl9ybh] {
    text-align: center;
}

/* ---- Poulekaart ---- */
.schema-card[b-jtt9yl9ybh] {
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: 18px;
    box-shadow: var(--shadow-sm);
    padding: 0 28px 8px;
}

.poule[b-jtt9yl9ybh] {
    padding: 22px 0;
    border-bottom: 1px solid var(--border-subtle);
}

.poule:last-child[b-jtt9yl9ybh] {
    border-bottom: none;
}

.poule-head[b-jtt9yl9ybh] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.poule-title[b-jtt9yl9ybh] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 19px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: var(--text-strong);
    margin: 0;
}

.poule-time[b-jtt9yl9ybh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 700;
    color: var(--vt-forest-600);
    font-variant-numeric: tabular-nums;
}

.poule-players[b-jtt9yl9ybh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.player-row[b-jtt9yl9ybh] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px 0;
}

.player-nr[b-jtt9yl9ybh] {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--vt-n-50);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 12px;
    color: var(--vt-forest-500);
}

.player-name[b-jtt9yl9ybh] {
    font: 500 16px/1.3 var(--font-body);
    color: var(--text-body);
}
/* /Components/Shared/ClubCard.razor.rz.scp.css */
.club-card[b-8y9me3xi9k] {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    background: var(--surface-card);
    border: 1px solid var(--border-subtle);
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.club-card:hover[b-8y9me3xi9k] {
    text-decoration: none;
    color: inherit;
    box-shadow: var(--shadow-md);
}

.club-card-media[b-8y9me3xi9k] {
    position: relative;
    height: 140px;
}

.club-card-placeholder[b-8y9me3xi9k] {
    width: 100%;
    height: 100%;
    background: var(--vt-n-100);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--vt-forest-400);
    font: 600 12px var(--font-body);
}

.club-card-image[b-8y9me3xi9k] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.club-card-overlay[b-8y9me3xi9k] {
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(22, 41, 10, 0.05), rgba(22, 41, 10, 0.55));
    pointer-events: none;
}

.club-card-name[b-8y9me3xi9k] {
    position: absolute;
    left: 16px;
    bottom: 14px;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    pointer-events: none;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}

.club-card-body[b-8y9me3xi9k] {
    padding: 18px 20px;
}

.club-card-location[b-8y9me3xi9k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font: 600 13px/1 var(--font-body);
    color: var(--text-muted);
    margin-bottom: 12px;
}

.club-card-pills[b-8y9me3xi9k] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.club-card-foot[b-8y9me3xi9k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.club-card-count[b-8y9me3xi9k] {
    font: 600 13px/1 var(--font-body);
    color: var(--text-muted);
}

.club-card-cta[b-8y9me3xi9k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font: 700 13px/1 var(--font-body);
    color: var(--vt-forest-600);
}
/* /Components/Shared/ClubSwitcher.razor.rz.scp.css */
.club-switcher[b-rvsmqsvhq1] {
    display: block;
    width: 230px;
}

.club-switcher-wrap[b-rvsmqsvhq1] {
    position: relative;
    display: block;
}

.club-switcher-select[b-rvsmqsvhq1] {
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    appearance: none;
    padding: 0 40px 0 14px;
    font: 500 15px/1 var(--font-body);
    color: var(--text-body);
    background: var(--surface-card);
    border-radius: var(--r-md);
    border: var(--bw-1) solid var(--border-default);
    outline: none;
    cursor: pointer;
}

.club-switcher-wrap[b-rvsmqsvhq1]  .club-switcher-chevron {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    pointer-events: none;
}
/* /Components/Shared/UnderConstruction.razor.rz.scp.css */
.uc[b-zqud3eqwj6] {
    max-width: 760px;
    margin: 0 auto;
    padding: 88px 32px;
    text-align: center;
}

.uc-eyebrow[b-zqud3eqwj6] {
    font: 700 12px/1 var(--font-body);
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--vt-forest-500);
    margin-bottom: 14px;
}

.uc-title[b-zqud3eqwj6] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    margin: 0 0 14px;
}

.uc-text[b-zqud3eqwj6] {
    font: 500 16px/1.6 var(--font-body);
    color: var(--text-muted);
    margin: 0 0 24px;
}

.uc-link[b-zqud3eqwj6] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font: 700 14px/1 var(--font-body);
    color: var(--vt-forest-600);
}