@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap'); /* ========================================= GaleraLink - Redesigned Stylesheet Puerto Galera Boat Booking System ========================================= */ @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap'); :root { --primary: #0077b6; --primary-dark: #005f92; --secondary: #00b4d8; --accent: #f77f00; --accent-dark: #d96800; --success: #2dc653; --danger: #e63946; --white: #ffffff; --light: #f0f9ff; --gray: #6c757d; --dark: #023e8a; --glass: rgba(255,255,255,0.23); --glass-border: rgba(255,255,255,0.34); --shadow: 0 8px 32px rgba(0,0,0,0.22); --radius: 20px; --radius-sm: 12px; } * { margin:0; padding:0; box-sizing:border-box; } html { height: 100%; /* Stop the iOS/Android "rubber-band" overscroll bounce at the very bottom of the page — without this, pulling past the footer reveals a gap showing the fixed background layer behind it, making the footer look like it "lifts" instead of staying anchored. */ overscroll-behavior-y: none; } body { font-family: 'Plus Jakarta Sans', sans-serif; background: #0a1628; color: white; overscroll-behavior-y: none; /* navbar is position:fixed — body padding-top handles offset via JS. */ display: flex; flex-direction: column; min-height: 100vh; } /* ===== BEACH BACKGROUND ===== */ /* ── Global fixed background layer (injected by appearance.js) ── */ /* ALSO defined via inline