/* ── Logo ─────────────────────────────────────────── */
.site-logo {
    display: block;
    max-width: 220px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.footer-logo {
    display: block;
    max-width: 160px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Fallback: catch any unstyled img directly inside footer */
footer img {
    max-width: 160px;
    height: auto;
}

.homepage-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    margin-top: 20px;
}

.homepage-column h2 {
    margin-bottom: 10px;
}

/* Generic map container */
.map,
#city-map,
#brewery-map,
#texas-map {
    width: 100%;
    height: 400px;
    margin-top: 20px;
    border: 2px solid #ccc;
    border-radius: 6px;
}

/* Make Leaflet tiles display correctly */
.leaflet-container {
    width: 100%;
    height: 100%;
    font: inherit;
}

/* Optional: antique tan background before tiles load */
#city-map,
#brewery-map,
#texas-map {
    background: #f2e6c9;
}

/* Optional: nicer popup styling */
.leaflet-popup-content-wrapper {
    background: #fffdf5;
    border-radius: 4px;
}

.leaflet-popup-tip {
    background: #fffdf5;
}

/* Make Leaflet tiles display correctly */
.leaflet-container {
    width: 100%;
    height: 100%;
    font: inherit;
}

/* Optional: antique tan background before tiles load */
#city-map,
#brewery-map,
#texas-map {
    background: #f2e6c9;
}

/* Optional: nicer popup styling */
.leaflet-popup-content-wrapper {
    background: #fffdf5;
    border-radius: 4px;
}

.leaflet-popup-tip {
    background: #fffdf5;
}