/* /Views/Club/WieIsWie.cshtml.rz.scp.css */
/* =========================
   ROSTER GRID (BASE)
   ========================= */

.roster-grid[b-x04gww2a8q] {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 14px;
    font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.2;
}

.roster-grid__header[b-x04gww2a8q] {
    background-color: #3f8ed7;
}

.roster-grid__th[b-x04gww2a8q] {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 0.85rem 1rem;
    box-sizing: border-box;
    text-align: left;
}

/* Rows + striping */
.roster-grid__row[b-x04gww2a8q] {
    width: 100%;
}

    .roster-grid__row:nth-child(odd)[b-x04gww2a8q] {
        background-color: #fff;
    }

    .roster-grid__row:nth-child(even)[b-x04gww2a8q] {
        background-color: rgba(0, 0, 0, 0.04);
    }

/* Cells */
.roster-grid__td[b-x04gww2a8q] {
    padding: 0.85rem 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    line-height: 1.15;
    box-sizing: border-box;
}

/* Naam kleur */
.roster-grid__name[b-x04gww2a8q] {
    color: #2f7de1;
    text-transform: uppercase;
}

/* Functie */
.roster-grid__role[b-x04gww2a8q] {
    color: inherit;
}

/* Email link */
.roster-grid__email a[b-x04gww2a8q] {
    word-break: break-word;
}


/* =========================
   BREAKPOINT: merge to 2 cols
   ========================= */
@media (max-width: 991.98px) {

    /* ===== HEADER: maak dezelfde grid als body ===== */

    .roster-grid__header .col-4[b-x04gww2a8q] {
        display: none;
    }

    /* Header row wordt grid zodat NAAM/FUNCTIE exact boven de kolommen staan */
    .roster-grid__header .row[b-x04gww2a8q] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 0.75rem;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

        /* De header cells zijn directe grid children: maak ze full width in hun grid cell */
        .roster-grid__header .row > [class*="col-"][b-x04gww2a8q] {
            padding-left: 0;
            padding-right: 0;
            width: auto !important;
            max-width: none !important;
            flex: none !important;
            box-sizing: border-box;
        }

    .roster-grid__header .col-5[b-x04gww2a8q] {
        grid-column: 1;
    }

    .roster-grid__header .col-3[b-x04gww2a8q] {
        grid-column: 2;
    }

    /* Padding op th zelf: links/rechts via row, dus th iets compacter */
    .roster-grid__th[b-x04gww2a8q] {
        padding-left: 0;
        padding-right: 0;
        text-align: left;
    }

    /* ===== BODY ===== */

    .roster-grid__row > .row[b-x04gww2a8q] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "name role"
            "name email";
        column-gap: 0.75rem;
        row-gap: 0.02rem;
        width: 100%;
        margin: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
    }

        /* Directe grid children zijn de bootstrap cols */
        .roster-grid__row > .row > .col-5[b-x04gww2a8q] {
            grid-area: name;
        }

        .roster-grid__row > .row > .col-3[b-x04gww2a8q] {
            grid-area: role;
            text-align: left;
        }

        .roster-grid__row > .row > .col-4[b-x04gww2a8q] {
            grid-area: email;
        }

        /* Neutraliseer bootstrap col padding */
        .roster-grid__row > .row > [class*="col-"][b-x04gww2a8q] {
            padding-left: 0;
            padding-right: 0;
            width: auto !important;
            max-width: none !important;
            flex: none !important;
            box-sizing: border-box;
        }

    /* Cells: links/rechts via row padding, dus cell padding enkel verticaal */
    .roster-grid__td[b-x04gww2a8q] {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
        box-sizing: border-box;
    }

    /* Functie + Email compacter */
    .roster-grid__role[b-x04gww2a8q] {
        padding-bottom: 0.08rem;
        margin: 0;
    }

    .roster-grid__email[b-x04gww2a8q] {
        padding-top: 0;
        padding-bottom: 0.55rem;
        border-top: 0;
        opacity: 0.9;
        line-height: 1.05;
        margin: 0;
    }

        .roster-grid__email a[b-x04gww2a8q] {
            line-height: inherit;
            display: inline-block;
        }
}
/* /Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-mbeez559bv] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-mbeez559bv] {
  color: #0077cc;
}

.btn-primary[b-mbeez559bv] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-mbeez559bv], .nav-pills .show > .nav-link[b-mbeez559bv] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-mbeez559bv] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-mbeez559bv] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-mbeez559bv] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-mbeez559bv] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-mbeez559bv] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* /Views/Sportief/Aanmelden.cshtml.rz.scp.css */
#ClubId[b-y0uo5tp0da]{
    display:none;
}
/* /Views/Sportief/Trainingen.cshtml.rz.scp.css */
.table-trainingen-wrap[b-qwdb3z5rif] {
    width: 100%;
}

/* Desktop/tablet: klassieke tabel */
.table-trainingen[b-qwdb3z5rif] {
    width: 100%;
    margin-bottom: 3rem;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

    .table-trainingen th[b-qwdb3z5rif],
    .table-trainingen td[b-qwdb3z5rif] {
        border: 1px solid #bdbdbd;
        padding: 10px 12px;
        vertical-align: middle;
        text-align: center;
    }

    .table-trainingen thead th[b-qwdb3z5rif] {
        background: #3f90dc;
        color: #fff;
        font-weight: 700;
    }

    .table-trainingen tbody th[scope="row"][b-qwdb3z5rif] {
        text-align: left;
        font-weight: 700;
        background: #fff;
        color: #3f90dc;
    }

/* Mobiel: stack per ploeg */
@media (max-width: 768px) {
    .table-trainingen thead[b-qwdb3z5rif] {
        display: none;
    }

    .table-trainingen[b-qwdb3z5rif],
    .table-trainingen tbody[b-qwdb3z5rif],
    .table-trainingen tr[b-qwdb3z5rif] {
        display: block;
        width: 100%;
    }

        .table-trainingen tr[b-qwdb3z5rif] {
            margin: 12px 0;
            border: 1px solid #d6d6d6;
            border-radius: 10px;
            overflow: hidden;
        }

        .table-trainingen tbody th[scope="row"][b-qwdb3z5rif] {
            display: block;
            background: #3f90dc;
            color: #fff;
            text-align: left;
            padding: 12px;
        }

        .table-trainingen td[b-qwdb3z5rif] {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            border: 0;
            border-top: 1px solid #e6e6e6;
            padding: 10px 12px;
            text-align: right;
        }

            .table-trainingen td[b-qwdb3z5rif]::before {
                content: attr(data-label);
                font-weight: 700;
                text-align: left;
            }

            /* verberg lege dagen op mobiel */
            .table-trainingen td[data-value=""][b-qwdb3z5rif] {
                display: none;
            }
}