/*
* apb-mobile.css — Airport Parking Bay mobile redesign v5
* ALL rules inside @media (max-width: 767.98px).
* Loaded via in after apb-premium.css.
*
* Desktop/tablet (≥768px) is completely untouched.
* Elements only on mobile: .apb-mob-brand, .apb-hero-sub-mob,
* .apb-mob-usp-section, .apb-promo-applied-chip
*/
/* ──────────────────────────────────────────────────────────────
DESKTOP: hide mobile-only elements outside the media query
so they never show on ≥768px screens
────────────────────────────────────────────────────────────── */
.apb-mob-brand { display: none; }
.apb-hero-sub-mob { display: none; }
.apb-mob-usp-section { display: none; }
.apb-promo-applied-chip { display: none; }
.apb-mob-promo-label { display: none; }
@media (max-width: 767.98px) {
/* ==============================================================
1. BODY OFFSET FOR FIXED NAVBAR
html body (0,0,2) beats body (0,0,1) for !important cascade
============================================================== */
html body {
padding-top: 64px !important;
}
/* ==============================================================
2. NAVBAR — 64px solid navy, sticky
.apb-navbar.navbar-fixed-top (0,2,0) beats
home.php's .apb-navbar (0,1,0) max-height:56px
============================================================== */
.apb-navbar.navbar-fixed-top {
height: 64px !important;
min-height: 64px !important;
max-height: none !important;
border-bottom: none !important;
box-shadow: 0 1px 0 rgba(255,255,255,0.06) !important;
}
/* Override body.apb-hero-top #apbNav.apb-navbar (1,2,1) — use (1,2,2) */
html body #apbNav.apb-navbar.navbar-fixed-top {
background: #0a1929 !important;
}
.apb-nav-inner {
height: 64px !important;
padding: 0 16px !important;
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 0 !important;
}
/* ── LOGO: hide , show mobile brand mark ─────────── */
.apb-navbar .apb-logo {
flex: 1 1 auto !important;
display: flex !important;
align-items: center !important;
min-width: 0 !important;
max-width: calc(100% - 60px) !important;
text-decoration: none !important;
}
.apb-navbar .apb-logo picture {
display: none !important;
}
/* Mobile brand: P-mark SVG + wordmark */
.apb-mob-brand {
display: flex !important;
align-items: center !important;
gap: 10px !important;
min-width: 0 !important;
overflow: hidden !important;
}
.apb-mob-pmark {
height: 38px !important;
width: 38px !important;
flex-shrink: 0 !important;
display: block !important;
}
.apb-mob-wordmark {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
min-width: 0 !important;
}
.apb-mob-name {
font-size: 13.5px !important;
font-weight: 700 !important;
letter-spacing: 0.6px !important;
color: #ffffff !important;
white-space: nowrap !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
}
.apb-mob-sub {
font-size: 9px !important;
letter-spacing: 0.6px !important;
color: #93c5fd !important;
line-height: 1 !important;
white-space: nowrap !important;
text-transform: uppercase !important;
}
/* ── BOOK PILL: remove on mobile (form is right below) ──── */
/* .apb-header-book-cta alone (0,1,0) loses to home.php body-level inline style
with the same selector + !important (later position wins).
#apbHeaderBook (1,0,0) beats (0,1,0) on specificity regardless of order. */
.apb-header-book-cta,
#apbHeaderBook {
display: none !important;
}
/* Logo left, hamburger right — no Book button in between */
.apb-nav-inner {
justify-content: space-between !important;
}
/* ── HAMBURGER: 44×44 WCAG tap target, white lines ─────── */
.apb-hamburger {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
flex-shrink: 0 !important;
background: rgba(255,255,255,0.07) !important;
border: 1px solid rgba(255,255,255,0.35) !important;
border-radius: 10px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
gap: 5px !important;
padding: 0 !important;
cursor: pointer !important;
margin-left: 8px !important;
}
.apb-hamburger span {
background: #ffffff !important;
width: 22px !important;
height: 2px !important;
border-radius: 2px !important;
display: block !important;
}
/* header.php inline