/* ============================================================
   Connect SWFL Brand — Bootstrap 5 CSS variable overrides
   Navy #06274C · Red #DE0E1D (danger only) · Gray #D2D2D3
   ============================================================ */
:root {
    --bs-primary:            #06274C;
    --bs-primary-rgb:        6, 39, 76;
    --bs-link-color:         #06274C;
    --bs-link-hover-color:   #083d76;
    --bs-link-color-rgb:     6, 39, 76;
    --bs-danger:             #DE0E1D;
    --bs-danger-rgb:         222, 14, 29;
}

/* Bootstrap computes button/badge backgrounds from RGB vars which don't
   always cascade correctly — explicit overrides guarantee the brand color */
.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #06274C;
    border-color:     #06274C;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #083d76;
    border-color:     #083d76;
}
.btn-outline-primary {
    color:        #06274C;
    border-color: #06274C;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: #06274C;
    border-color:     #06274C;
    color:            #fff;
}
.bg-primary           { background-color: #06274C !important; }
.text-primary         { color: #06274C !important; }
.border-primary       { border-color: #06274C !important; }
.badge.bg-primary     { background-color: #06274C !important; }
.text-navy            { color: #06274C; }

/* Navbar active link */
.navbar-light .nav-link.active,
.navbar-light .navbar-nav .nav-link.active {
    color:       #06274C !important;
    font-weight: 600;
}
.navbar-light .nav-link:hover {
    color: #06274C !important;
}

/* ============================================================
   Accessibility — focus indicators (WCAG 2.4.11)
   ============================================================ */
:focus-visible {
    outline:        3px solid #06274C;
    outline-offset: 2px;
}

/* Skip link */
.visually-hidden-focusable:focus {
    z-index:     1060;
    clip:        auto;
    white-space: normal;
}

/* Minimum touch target (WCAG 2.5.8) */
.btn-sm {
    min-height: 32px;
    min-width:  32px;
}

/* ============================================================
   Navbar brand logo
   ============================================================ */
.navbar-brand img {
    height: 36px;
    width:  auto;
}

/* ============================================================
   Score colors
   ============================================================ */
.score-high { color: #198754; }
.score-mid  { color: #fd7e14; }
.score-low  { color: #DE0E1D; }

/* ============================================================
   Card hover lift
   ============================================================ */
.card {
    transition: box-shadow 0.15s ease-in-out;
}
.card:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1) !important;
}

/* ============================================================
   Accordion findings — navy tint open state
   ============================================================ */
.accordion-button:not(.collapsed) {
    background-color: #e8edf3;
    color:            #06274C;
}

/* ============================================================
   Print styles for reports
   ============================================================ */
@media print {
    .navbar, .btn, nav { display: none !important; }
    .card { box-shadow: none !important; border: 1px solid #dee2e6 !important; }
}
