/* ===========================================================================
   Judge Details page — companion styles for the Bootstrap-based layout (see
   JudgeDetails.cshtml). Concepts ported from the legacy module's own <style>
   block, restyled to this site's Bootstrap 5 + site.css palette. No Kendo/
   jQuery/Font Awesome dependency.
   =========================================================================== */

.jdp-photo {    
    min-width: 150px;
    height: 227px;
    object-fit: cover;
    border-radius: 0.4rem;
    border: 1px solid #e3e8ee;
    background: #eef2f6;
}

.jdp-name {
    color: var(--jud-navy);
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
}

.jdp-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
}
.jdp-info-list li { padding-bottom: 0.45rem; }
.jdp-info-list a { color: var(--jud-blue); }

/* Bootstrap's own pill variant, restyled to match .division-tabs' fully-rounded pill look
   (Bootstrap's default .nav-pills radius is a subtle 0.375rem, not a true pill/capsule shape) and
   this site's navy for the active state (Bootstrap's default active-pill color is its own primary
   blue). Page-scoped here since this is currently the only page using .nav-pills. */
.nav-pills .nav-link {
    border-radius: 50rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--jud-navy);
}

/* Pills float above the panel rather than merging into its top edge like .nav-tabs did, so the
   panel gets a full border/radius and a small gap below the pill row instead of border-top: 0. */
.jdp-tab-content {
    margin-top: 0.75rem;
    padding: 1.25rem;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
}

.jdp-section-title {
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--jud-navy);
    margin-bottom: 0.7rem;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #e9ecef;
}
.jdp-section-title .bi { margin-right: 0.4rem; opacity: .8; }

.jdp-schedule-table, .jdp-alt-table {
    width: 100%;
    font-size: 0.85rem;
}
.jdp-schedule-table thead th, .jdp-alt-table thead th {
    background: #f8f9fa;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.jdp-doc-list { list-style: none; padding: 0; margin: 0; }
.jdp-doc-list li { padding: 0.2rem 0; }
.jdp-doc-list a { color: var(--jud-navy); }

.jdp-date-month { font-weight: 700; margin-bottom: 0.3rem; }
.jdp-date-list { list-style: none; padding: 0 0 0.6rem 0.8rem; margin: 0; font-size: 0.85rem; }

.jdp-empty-msg { color: #6c757d; font-style: italic; padding: 0.7rem 0; }