/* Styles specific to the Florida Counties Map page */

/* Image styling */
.florida-counties-image {
    border: 2px solid #011e61;
    border-radius: 4px;
    max-width: 100%;
    height: auto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    max-height: 60vh;
}

/* Table container for scrollability */
.florida-cities-table-container {
    max-height: 70vh;
    overflow-y: auto;
    margin-top: 1rem;
    border: 1px solid #d9e8f5;
    border-radius: 4px;
}

/* Table styling */
#florida-cities-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

#florida-cities-table td {
    padding: 6px 10px;
    border: 1px solid #dee2e6;
    white-space: nowrap;
}

/* Header row */
#florida-cities-table tr:first-child {
    position: sticky;
    top: 0;
    background-color: #011e61;
    color: #fff;
    z-index: 2;
}

/* Zebra striping */
#florida-cities-table tr:nth-child(even) {
    background-color: #f8f9fa;
}

#florida-cities-table tr:hover {
    background-color: #e2eefd;
}

/* Page min-height to keep footer at bottom */
.florida-counties-page {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 60px); /* header height allowance */
}

/* First content row (map + lookup) should flex-grow to fill leftover space */
.florida-counties-page > .row:first-child {
    flex: 1 1 auto;
}

/* Right panel layout */
@media (min-width: 992px) {
  .florida-counties-page .col-lg-4 {
      display: flex;
      flex-direction: column;
  }
}

/* City list container (fills remaining space, scrolls) */
.city-list-container {
    flex: 1 1 auto;
    max-height: calc(100vh - 300px); /* leaves room for header, search */
    overflow-y: auto;
}

/* Promotion card styles */
.promotion-card picture,
.promotion-card img {
    width: 100%; /* fill column horizontally */
}

.promotion-card img {
    max-height: 220px; /* allow larger height on desktop */
    object-fit: contain;
}

@media (max-width: 767.98px) {
  .promotion-card img {
      max-height: 140px; /* slightly larger for mobile too */
  }
}

.promotion-card {
    background-color: #ebf4fa;
    border: 1px solid #d9e8f5;
    margin-bottom: 2.5rem; /* extra space before footer */
}