/**
 * rabies.css — Shared styles for LA County DPH Rabies pages
 * Linked by: /vet/Rabies/about/   /vet/Rabies/veterinarians/   /acd/Diseases/rabies/
 *
 * Intended path on server: /vet/rabies/css/rabies.css
 * Does NOT include Roberto Ramos's layout framework (grid, hero, sidebar, stats)
 * or the .btn-link override (conflicts with Bootstrap 5).
 */

/* -------------------------------------------------------
   Callout / alert strip
   Left-bordered cream-orange for important notes
------------------------------------------------------- */
.rabies-alert {
    background: #fff4e5;
    border-left: 5px solid #d97a00;
    padding: 14px 16px;
    border-radius: 6px;
    margin-top: 18px;
    font-weight: bold;
    color: #5c3a00;         /* AA-compliant on #fff4e5 */
}

/* -------------------------------------------------------
   "Last updated" badge (float-right, used in card headers)
------------------------------------------------------- */
.update-note {
    float: right;
    font-size: 13px;
    font-weight: 700;
    color: #8a4b00;
    background: #fff4e5;
    border-left: 3px solid #d97a00;
    border-radius: 6px;
    padding: 8px 12px;
    margin-top: 10px;
}

.update-note::before {
    content: "Last updated:";
    font-weight: 700;
    margin-right: 6px;
}

/* -------------------------------------------------------
   Section / dashboard title
------------------------------------------------------- */
.dashboard-title,
.rabies-data-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-teal, #007380);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
}

/* -------------------------------------------------------
   Responsive: clearfix for .update-note on small screens
------------------------------------------------------- */
@media (max-width: 575.98px) {
    .update-note {
        float: none;
        display: block;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
}


/* -------------------------------------------------------
   Shared inline → moved from page <style> blocks
------------------------------------------------------- */

/* Section heading accent */
.text-teal { color: #0d7a70; }

/* A11y: focus-visible outlines */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--dph-warning, #ffc107);
    outline-offset: 2px;
}

/* A11y: reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }
}

/* A11y: 48px touch targets on quick-nav pills */
nav.nav-pills .nav-link { min-height: 48px; }

/* -------------------------------------------------------
   Gold CTA button — used for standout cross-links
   (e.g., 2026 Rabies Data in the on-page nav)
------------------------------------------------------- */
.btn-gold {
    background-color: var(--color-yellow, #D4AF37);
    color: #061c60;
    border: none;
    font-weight: 600;
}
.btn-gold:hover,
.btn-gold:focus {
    background-color: #c09c22;
    color: #061c60;
}
.btn-gold:focus-visible {
    outline: 3px solid var(--dph-warning, #ffc107);
    outline-offset: 2px;
}