/** * Front page only — enqueue via airband_enqueue_home_critical_chrome() (depends on airband-home-premium + check-avail). * Hero/stack fixes, postcode pill chrome, bottom checker full-width teal rim (beats wpr-usedcss .form-control #999 ring). */ /* wpr-usedcss snapshot — beige layer hides Travhawk gradient from linked CSS */ #hero-section.th-home-hero .hero-section__background { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } #hero-section.th-home-hero .th-home-hero__ambient { background: none !important; } #hero-section.th-home-hero .hero-section__main { position: relative !important; z-index: 2 !important; background: transparent !important; } #hero-section.th-home-hero .hero-section__content-wrapper, #hero-section.th-home-hero .hero-section__content-wrapper .content, #hero-section.th-home-hero .th-home-hero-content { border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; } #hero-section.th-home-hero .th-home-hero-content h1 { color: #ffffff !important; text-shadow: 0 3px 36px rgba(0, 0, 0, 0.35) !important; } #hero-section.th-home-hero .th-home-hero-content p { color: rgba(255, 255, 255, 0.92) !important; } #hero-section.th-home-hero .th-home-hero-content a:not(.btn):not(.check-packages-btn) { color: #57d6e2 !important; font-weight: 600 !important; } /* Hero postcode */ #hero-section.th-home-hero .coverage-form-wrapper.hero-form .search-form.submit-icon { display: flex !important; flex-direction: row !important; align-items: center !important; border-radius: 999px !important; border: 2px solid #57d6e2 !important; outline: none !important; background: linear-gradient(180deg, #ffffff 0%, #faf8f8 100%) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 12px 36px rgba(87, 214, 226, 0.12), 0 2px 8px rgba(23, 110, 186, 0.06) !important; min-height: 46px !important; padding: 2px 6px !important; } #hero-section.th-home-hero .coverage-form-wrapper.hero-form .search-form.submit-icon:focus-within { border-color: #176eba !important; box-shadow: 0 0 0 3px rgba(87, 214, 226, 0.28), 0 16px 44px rgba(23, 110, 186, 0.1), 0 1px 0 rgba(255, 255, 255, 1) inset !important; } #hero-section.th-home-hero .coverage-form .search-form .search-submit { width: 40px !important; height: 40px !important; min-width: 40px !important; border-radius: 50% !important; background-color: #57d6e2 !important; background-image: none !important; margin: 0 5px 0 auto !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } #hero-section.th-home-hero .coverage-form .search-form .search-submit:hover { background-color: #176eba !important; } #hero-section.th-home-hero .coverage-form .search-form .form-control.search-field { border: none !important; box-shadow: none !important; -webkit-appearance: none !important; appearance: none !important; color: #0f172a !important; } /* “Future of broadband” — postcode pill (match hero critical chrome; scoped to #standard-column-layout-6) */ #standard-column-layout-6.th-home-bpk-band .coverage-form-wrapper.hero-form .search-form.submit-icon { display: flex !important; flex-direction: row !important; align-items: center !important; border-radius: 999px !important; border: 2px solid var(--th-palette-turquoise) !important; outline: none !important; background: linear-gradient(180deg, var(--th-color-bg-page) 0%, var(--th-color-bg-warm) 100%) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 12px 36px rgba(var(--th-rgb-turquoise), 0.12), 0 2px 8px rgba(var(--th-rgb-denim), 0.06) !important; min-height: 46px !important; padding: 2px 6px !important; } #standard-column-layout-6.th-home-bpk-band .coverage-form-wrapper.hero-form .search-form.submit-icon:focus-within { border-color: var(--th-palette-denim) !important; box-shadow: 0 0 0 3px rgba(var(--th-rgb-turquoise), 0.28), 0 16px 44px rgba(var(--th-rgb-denim), 0.1), 0 1px 0 rgba(255, 255, 255, 1) inset !important; } #standard-column-layout-6.th-home-bpk-band .coverage-form .search-form .search-submit { width: 40px !important; height: 40px !important; min-width: 40px !important; border-radius: 50% !important; background-color: var(--th-palette-turquoise) !important; background-image: none !important; margin: 0 5px 0 auto !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } #standard-column-layout-6.th-home-bpk-band .coverage-form .search-form .search-submit:hover { background-color: var(--th-palette-denim) !important; } #standard-column-layout-6.th-home-bpk-band .coverage-form .search-form .form-control.search-field { border: none !important; box-shadow: none !important; -webkit-appearance: none !important; appearance: none !important; color: var(--th-palette-woodsmoke) !important; } main#content.site-content.th-home-premium #standard-column-layout-6.th-home-bpk-band .th-home-cta-check__copy, main.site-content.th-home-premium #standard-column-layout-6.th-home-bpk-band .th-home-cta-check__copy { border: none !important; box-shadow: none !important; background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } main.site-content.th-home-premium #standard-column-layout-6.th-home-bpk-band { background: radial-gradient(ellipse 92% 78% at 12% 22%, rgba(var(--th-rgb-turquoise), 0.18) 0%, transparent 58%), radial-gradient(ellipse 70% 60% at 94% 78%, rgba(var(--th-rgb-seagull), 0.16) 0%, transparent 52%), linear-gradient(168deg, var(--th-color-bg-muted) 0%, var(--th-color-bg-page) 42%, var(--th-color-bg-subtle) 100%) !important; } /* * Bottom checker row width (pill chrome = .th-premium-postcode-strip in airband-check-availability-premium.css). */ main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .th-check-avail-panel__form { max-width: 100% !important; width: 100% !important; align-items: stretch !important; } main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .th-check-avail-panel__form > .coverage-form.coverage-form--large { width: 100% !important; max-width: 100% !important; } main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .th-check-avail-panel .coverage-form .coverage-form-wrapper { display: flex !important; flex-direction: column !important; align-items: stretch !important; align-self: stretch !important; width: 100% !important; max-width: 100% !important; } /* Always paint check strip above section wash (parity with linked premium CSS). */ main.site-content.th-home-premium #check-availability-section.th-check-avail-premium .th-check-avail-panel { position: relative; z-index: 1; opacity: 1 !important; visibility: visible !important; } /* ============================================================ * TRAVHAWK CRITICAL CHROME OVERRIDES * Hero section: force dark navy gradient background * ============================================================ */ /* Override any background images on hero */ #hero-section.th-home-hero { background: linear-gradient(135deg, #0B1D3A 0%, #0f2547 40%, #193a70 70%, #0f2547 100%) !important; min-height: 85vh !important; } /* Force hero section background color */ #hero-section.th-home-hero .hero-section__background, #hero-section.th-home-hero .c-home-hero__bg { background: linear-gradient(135deg, #0B1D3A 0%, #0f2547 40%, #193a70 70%, #0f2547 100%) !important; opacity: 1 !important; visibility: visible !important; } /* Postcode checker pill - glassmorphism on dark */ #hero-section.th-home-hero .c-address-checker { background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 60px !important; backdrop-filter: blur(12px) !important; } #hero-section.th-home-hero .c-address-checker input { background: transparent !important; color: white !important; border: none !important; box-shadow: none !important; } #hero-section.th-home-hero .c-address-checker input::placeholder { color: rgba(255,255,255,0.5) !important; } #hero-section.th-home-hero .c-address-checker button, #hero-section.th-home-hero .c-address-checker .c-btn { background: #00B8C4 !important; color: white !important; border: none !important; border-radius: 50px !important; font-weight: 700 !important; } /* Hero heading */ #hero-section.th-home-hero h1, #hero-section.th-home-hero .c-home-hero__heading { color: white !important; font-size: clamp(40px, 5.5vw, 76px) !important; font-weight: 900 !important; letter-spacing: -1.5px !important; } /* Force white nav header */ .c-header, .site-header { background: #ffffff !important; border-bottom: 1px solid #e8edf4 !important; } .c-header__nav-list > li > a, .c-header__nav > ul > li > a { background: transparent !important; border: none !important; border-radius: 0 !important; color: #0B1D3A !important; box-shadow: none !important; }