/*
 * MCMTA Admin Theme Override
 * Include this on msmta.org admin pages to match the MCMTA site look.
 * All rules are scoped to body.mcmta so they only fire when local_id=1024.
 */

/* ── Base ── */
body.mcmta {
    background-color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    padding-top: 0;
    margin-top: 0;
}

/* ── Remove any top gap injected by msmta's own styles ── */
body.mcmta > *:first-child,
body.mcmta .page-top,
body.mcmta #top,
body.mcmta #topmenu {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ── Card headers: replace bg-dark with MCMTA green-accent style ── */
body.mcmta .card-header.bg-dark {
    background-color: #f7f8f7 !important;
    color: #1a1a1a !important;
    font-weight: 600;
    border-left: 4px solid #89AF63;
}

/* ── Table dark headers ── */
body.mcmta thead.table-dark > tr > th {
    --bs-table-bg: #f0f2f0;
    --bs-table-color: #1a1a1a;
    background-color: #f0f2f0 !important;
    color: #1a1a1a !important;
    border-color: #dee2e6;
}
body.mcmta thead.table-dark > tr > th:first-child {
    border-left: 4px solid #89AF63;
}

/* ── Links ── */
body.mcmta a:link,
body.mcmta a:visited {
    color: #4a7a2a;
    text-decoration: none;
}
body.mcmta a:hover {
    color: #243A0F;
    text-decoration: underline;
}

/* ── Page heading text ── */
body.mcmta h1,
body.mcmta h2,
body.mcmta .h3 {
    color: #1a1a1a;
}
body.mcmta h2 {
    font-size: calc(1.325rem + .9vw);
    font-weight: 500;
}

/* ── Buttons: restore Bootstrap appearance overridden by link color rules ── */
body.mcmta .btn {
    text-decoration: none;
}
body.mcmta .btn-primary {
    color: #fff !important;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
body.mcmta .btn-light {
    color: #1a1a1a !important;
    background-color: #f8f9fa;
    border-color: #dee2e6;
}
body.mcmta .btn-secondary {
    color: #fff !important;
    background-color: #6c757d;
    border-color: #6c757d;
}
body.mcmta .btn-success {
    color: #fff !important;
}
body.mcmta .btn-outline-danger {
    color: #dc3545 !important;
}
body.mcmta .btn:hover {
    text-decoration: none;
}

/* ── Page wrapper breathing room ── */
body.mcmta .page-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 1.5rem;
}

/* ── Site header: Bootstrap grid handles layout, just ensure no msmta overrides bleed in ── */
body.mcmta .mcmta-site-header,
body.mcmta .container.pt-3 {
    background-color: #ffffff;
}

/* ── Navbar (#4, #5) ── */
body.mcmta .nav-mcmta {
    background-color: #89AF63;
    padding-top: 0.35rem !important;   /* #5: tighter to match main site height */
    padding-bottom: 0.35rem !important;
}
body.mcmta .nav-mcmta .container-fluid {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
body.mcmta .nav-mcmta .nav-link,
body.mcmta .nav-mcmta .navbar-toggler {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;                  /* #4: slightly bolder nav links */
}
body.mcmta .nav-mcmta .navbar-brand {
    color: rgba(0, 0, 0, 0.7);
}
body.mcmta .nav-mcmta .nav-link:hover,
body.mcmta .nav-mcmta .nav-link:focus,
body.mcmta .nav-mcmta .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.9);
}
body.mcmta .nav-mcmta .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}