/* ===================================================== */
/* MOBILE HAMBURGER ICON – 3 BLACK LINES PERFECTLY      */
/* ===================================================== */

.container-header .navbar-toggler {
    color: #000000;
    cursor: pointer;
    border: 1px solid #000000;
}

/* Site Description / STORE PENSACOLA Text */
.container-header .site-description {
    color: #B30000 !important; /* bright red for good contrast */
    font-size: 1.2rem;          /* adjust size as needed */
    white-space: normal;        /* allow wrapping */
}

/* 1. Optimize Font Loading (Fixes the Font Display audit) */
body {
    font-display: swap;
}

/* 2. Improve Layout Stability (Ensures your images don't shift) */
img {
    height: auto;
    max-width: 100%;
    display: block;
}

/* 3. Refine Mobile Spacing (Ensures your 8/4 grid doesn't get cramped) */
@media (max-width: 991px) {
    .invest-pensacola {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .invest-pensacola h1 {
        font-size: 1.8rem;
    }
}

/* 4. Improve Readability for your article text */
.invest-pensacola p {
    line-height: 1.6;
    margin-bottom: 1.2rem;
}

/* 5. Add subtle focus indicators for better Accessibility (already 100, this keeps it there) */
a:focus, button:focus {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}