/**
 * Geo Food — extra brand overrides on top of main.css variables.
 */

.top-nav-bg {
    background-color: var(--base-1) !important;
}

/* Warm legacy accents → Geo blue family */
*[stop-color="#FFBE0B"],
*[stop-color="#ffbe0b"] {
    stop-color: var(--base-1) !important;
}

*[fill="#FFBE0B"],
*[fill="#ffbe0b"] {
    fill: var(--base-1) !important;
}

*[stroke="#FFBE0B"],
*[stroke="#ffbe0b"] {
    stroke: var(--base-1) !important;
}

*[stroke="#EF7822"] {
    stroke: var(--base-1) !important;
}

*[fill="#EF7822"] {
    fill: var(--base-1) !important;
}

*[stop-color="#EF7822"] {
    stop-color: var(--base-1) !important;
}

.header-wrapper .menu a:hover {
    color: var(--dark-clr) !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--base-1) !important;
}

.geofood-footer-minimal {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/**
 * Explore pages — solid primary control (replaces btn-base + btn, which hid label text).
 */
a.geofood-explore-btn,
button.geofood-explore-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.55rem 1.2rem;
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.35;
    color: #ffffff !important;
    background: linear-gradient(180deg, #2a82d9 0%, #1d70b8 55%, #155a94 100%);
    border: 1px solid #124a78;
    border-radius: 0.5rem;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(11, 53, 88, 0.18);
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

a.geofood-explore-btn:hover,
button.geofood-explore-btn:hover {
    color: #ffffff !important;
    background: linear-gradient(180deg, #3a92e8 0%, #1f7cc4 55%, #1868a8 100%);
    border-color: #0b3558;
}

a.geofood-explore-btn:focus-visible,
button.geofood-explore-btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(29, 112, 184, 0.45);
}

button.geofood-explore-btn--block {
    width: 100%;
}

a.geofood-explore-btn--sm,
button.geofood-explore-btn--sm {
    padding: 0.4rem 0.9rem;
    font-size: 0.8125rem;
    border-radius: 0.4rem;
}