/**
 * location-common.css
 * Styles shared across all fulfilment-center location pages.
 * Replaces per-page inline <style> blocks.
 */

/* ── Navigation overrides for location pages ────────────────────────────── */
.MainNavigation li        { margin-right: 20px; }
.MainNavigation li a      { font-size: 14px !important; }

/* ── Banner form selects ─────────────────────────────────────────────────── */
.banner-area .form select,
.banner-area form select  { color: #6a6a6a !important; }

/* ── Radio buttons — top form (radioBtns) ───────────────────────────────── */
.radioBtns label           { max-width: min-content; flex: auto; }
.radioBtns .col-lg-12      { justify-content: flex-start !important; column-gap: 20px; padding: 0; }

/* ── Radio buttons — bottom form (radioBtnsf) ───────────────────────────── */
.radioBtnsf label                    { margin: 0; display: flex; align-items: baseline; }
.radioBtnsf .align-radio-boxes       { justify-content: flex-start !important; column-gap: 20px; }
@media (max-width: 767px) {
    .radioBtnsf .align-radio-boxes.d-flex { display: block !important; }
}

/* ── Embedded map iframe responsive ─────────────────────────────────────── */
@media only screen and (max-width: 767px) {
    iframe { height: 670px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 1180px) and (orientation: portrait) {
    iframe { height: 770px !important; }
}