/* $$$$$ Scoped blue-theme tokens apply to flagged production legacy pages and their isolated previews. */ .gl-blue-theme-preview{--gl-blue-950:#061f38;--gl-blue-900:#082b4b;--gl-blue-800:#0a426d;--gl-blue-700:#0b5d8f;--gl-blue-500:#2f87bd;--gl-blue-100:#e9f1f7;--gl-blue-050:#f5f8fc;--gl-ink:#122f48;--gl-muted:#526b80;--gl-line:#c7d7e4;--gl-white:#fff;margin:0;background:var(--gl-blue-050);color:var(--gl-ink);font-family:Inter,Arial,sans-serif} .gl-blue-theme-preview *{box-sizing:border-box}.gl-blue-theme-preview h1,.gl-blue-theme-preview h2,.gl-blue-theme-preview h3,.gl-blue-theme-preview h4,.gl-blue-theme-preview h5{color:var(--gl-blue-900);letter-spacing:-.015em}.gl-blue-theme-preview a{color:var(--gl-blue-700)}.gl-blue-theme-preview a:hover{color:var(--gl-blue-800)} .gl-blue-theme-preview img{max-width:100%}.gl-blue-theme-preview section{position:relative}.gl-blue-theme-preview .container{position:relative} /* $$$$$ Existing production header and dropdown elements receive the blue navigation treatment without markup changes. */ .gl-blue-theme-preview .offer-stacky{background:var(--gl-blue-950)!important;color:var(--gl-white)!important}.gl-blue-theme-preview .navbar{border-bottom:1px solid rgba(8,43,75,.12);background:rgba(255,255,255,.97)!important;box-shadow:0 8px 30px rgba(6,31,56,.08)} .gl-blue-theme-preview .navbar .nav-link{color:var(--gl-blue-900)!important;font-weight:600}.gl-blue-theme-preview .navbar .nav-link:hover,.gl-blue-theme-preview .navbar .nav-item.show>.nav-link{color:var(--gl-blue-700)!important}.gl-blue-theme-preview .navbar .sign-btn{border-radius:8px;background:var(--gl-blue-700)!important;color:var(--gl-white)!important} .gl-blue-theme-preview .navbar-toggler{border-color:var(--gl-line)}.gl-blue-theme-preview .dropdown-menu{border:1px solid var(--gl-line);border-radius:12px;background:var(--gl-white);box-shadow:0 18px 45px rgba(6,31,56,.16)}.gl-blue-theme-preview .dropdown-header{color:var(--gl-blue-900);font-weight:700}.gl-blue-theme-preview .dropdown-item{color:var(--gl-muted)}.gl-blue-theme-preview .dropdown-item:hover{background:var(--gl-blue-100);color:var(--gl-blue-900)} /* $$$$$ Isolated legacy inner pages share the approved 1455x650 banner without modifying their live templates. */ .gl-blue-theme-preview .inner-banner,.gl-blue-theme-preview .innerbanner{display:flex;min-height:650px;align-items:center;background-color:var(--gl-blue-900)!important;background-image:url("../images/grandlane-transfer-chauffeur-service-common-banner.png")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;background-blend-mode:multiply}.gl-blue-theme-preview .inner-banner:before,.gl-blue-theme-preview .innerbanner:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(6,31,56,.86),rgba(11,93,143,.5))}.gl-blue-theme-preview .inner-banner h1,.gl-blue-theme-preview .inner-banner p,.gl-blue-theme-preview .innerbanner h1,.gl-blue-theme-preview .innerbanner p{position:relative;color:var(--gl-white)!important;text-shadow:none}/* $$$$$ Use the finalized common-banner asset name. */ /* $$$$$ Shared buttons, inputs, selects, validation, tabs, and cards create one accessible blue interaction language. */ .gl-blue-theme-preview .btn-orange,.gl-blue-theme-preview .blue-button,.gl-blue-theme-preview button[type=submit],.gl-blue-theme-preview input[type=submit]{border:1px solid var(--gl-blue-700)!important;border-radius:8px!important;background:var(--gl-blue-700)!important;color:var(--gl-white)!important;box-shadow:0 8px 22px rgba(11,93,143,.2);transition:background .2s ease,transform .2s ease}.gl-blue-theme-preview .btn-orange:hover,.gl-blue-theme-preview .blue-button:hover,.gl-blue-theme-preview button[type=submit]:hover,.gl-blue-theme-preview input[type=submit]:hover{background:var(--gl-blue-800)!important;transform:translateY(-1px)} .gl-blue-theme-preview .btn-black,.gl-blue-theme-preview .btn-edit{border:1px solid var(--gl-blue-800)!important;border-radius:8px!important;background:var(--gl-blue-900)!important;color:var(--gl-white)!important}.gl-blue-theme-preview .form-control,.gl-blue-theme-preview select,.gl-blue-theme-preview textarea{min-height:46px;border:1px solid var(--gl-line)!important;border-radius:8px!important;background:var(--gl-white)!important;color:var(--gl-ink)!important;box-shadow:none!important}.gl-blue-theme-preview textarea.form-control{min-height:130px}.gl-blue-theme-preview .form-control:focus,.gl-blue-theme-preview select:focus,.gl-blue-theme-preview textarea:focus{border-color:var(--gl-blue-500)!important;box-shadow:0 0 0 3px rgba(47,135,189,.14)!important}.gl-blue-theme-preview label{color:var(--gl-blue-800);font-weight:600}.gl-blue-theme-preview .star{color:#b42318} .gl-blue-theme-preview .nav-tabs{border-bottom:1px solid var(--gl-line)}.gl-blue-theme-preview .nav-tabs .nav-link{border:0;border-bottom:3px solid transparent;color:var(--gl-muted)}.gl-blue-theme-preview .nav-tabs .nav-link.active{border-color:var(--gl-blue-700);background:transparent;color:var(--gl-blue-900)} /* $$$$$ About, contact, fleet, and other core content retain their current grid while gaining blue surfaces and card depth. */ .gl-blue-theme-preview .aboutb,.gl-blue-theme-preview .aboutwrap,.gl-blue-theme-preview .contactwap,.gl-blue-theme-preview .viewFleet,.gl-blue-theme-preview .normalpagestatic{padding-top:70px;padding-bottom:70px;background:var(--gl-white)} .gl-blue-theme-preview .aboutbox,.gl-blue-theme-preview .aboutFour,.gl-blue-theme-preview .WhyGrandlane{padding-top:65px;padding-bottom:65px;background:var(--gl-blue-100)}.gl-blue-theme-preview .aboutbox [class*=col-]>*:not(img),.gl-blue-theme-preview .FourCol,.gl-blue-theme-preview .contactb>div,.gl-blue-theme-preview .fleetbx{border:1px solid rgba(10,66,109,.12);border-radius:14px;background:var(--gl-white);box-shadow:0 14px 36px rgba(6,31,56,.08)} .gl-blue-theme-preview .FourCol,.gl-blue-theme-preview .fleetbx{height:100%;padding:24px}.gl-blue-theme-preview .fleetbx{overflow:hidden}.gl-blue-theme-preview .fleetbx .fleet-car{border-radius:10px;background:linear-gradient(180deg,var(--gl-blue-050),var(--gl-blue-100))}.gl-blue-theme-preview .contactform{padding:34px;border:1px solid var(--gl-line);border-radius:16px;background:var(--gl-white);box-shadow:0 16px 44px rgba(6,31,56,.09)} /* $$$$$ FAQ accordions retain collapse behavior and use clear blue question/answer states. */ .gl-blue-theme-preview .homeFaq{padding:70px 0;background:var(--gl-blue-050)}.gl-blue-theme-preview .homeFaq .card,.gl-blue-theme-preview .accordion .card{margin-bottom:12px;overflow:hidden;border:1px solid var(--gl-line)!important;border-radius:10px!important;background:var(--gl-white)}.gl-blue-theme-preview .homeFaq .card-header,.gl-blue-theme-preview .accordion .card-header{border:0;background:var(--gl-white)}.gl-blue-theme-preview .btn-header-link,.gl-blue-theme-preview .accordion .title{display:block;width:100%;color:var(--gl-blue-900)!important;font-weight:700;text-align:left}.gl-blue-theme-preview .homeFaq .card-body,.gl-blue-theme-preview .accordion .card-body{border-top:1px solid var(--gl-blue-100);background:var(--gl-blue-050);color:var(--gl-muted);line-height:1.75} /* $$$$$ Blog listing, article, sidebar, and booking widget preserve all existing elements in a unified editorial treatment. */ .gl-blue-theme-preview .blogpagewrap{padding:70px 0;background:var(--gl-blue-050)}.gl-blue-theme-preview .blowpost,.gl-blue-theme-preview .blogdetailpage,.gl-blue-theme-preview .RecentPosts,.gl-blue-theme-preview .blogform{margin-bottom:26px;overflow:hidden;border:1px solid var(--gl-line);border-radius:14px;background:var(--gl-white);box-shadow:0 14px 38px rgba(6,31,56,.08)}.gl-blue-theme-preview .blogContent,.gl-blue-theme-preview .blogdetailpage,.gl-blue-theme-preview .RecentPosts{padding:28px}.gl-blue-theme-preview .blogheader img{width:100%;border-radius:12px 12px 0 0}.gl-blue-theme-preview .blogContent p,.gl-blue-theme-preview .blogdetailpage p{color:var(--gl-muted);line-height:1.8}.gl-blue-theme-preview .RecentPosts li{border-bottom:1px solid var(--gl-blue-100)} /* $$$$$ Booking forms, vehicle selection, passenger details, and payment cards receive the blue conversion theme without changing calculations or field contracts. */ .gl-blue-theme-preview .BookingFrom,.gl-blue-theme-preview .formSigns,.gl-blue-theme-preview .SelectVehicle,.gl-blue-theme-preview .mapView,.gl-blue-theme-preview .mapAddresss,.gl-blue-theme-preview .paymentTotal{border:1px solid var(--gl-line);border-radius:14px;background:var(--gl-white);box-shadow:0 16px 42px rgba(6,31,56,.1)} .gl-blue-theme-preview .BookingFrom,.gl-blue-theme-preview .formSigns,.gl-blue-theme-preview .SelectVehicle{padding:30px}.gl-blue-theme-preview .signnwrap,.gl-blue-theme-preview .chooseList,.gl-blue-theme-preview .Contactinformation,.gl-blue-theme-preview .driverregister{min-height:65vh;padding:70px 0;background:linear-gradient(145deg,var(--gl-blue-050),var(--gl-blue-100))} .gl-blue-theme-preview .vehicleblacktop{background:var(--gl-blue-950)!important;color:var(--gl-white)}.gl-blue-theme-preview .vehicleblacktop a,.gl-blue-theme-preview .vehicleblacktop span{color:var(--gl-white)!important}.gl-blue-theme-preview .vehiclelist{margin-bottom:22px;overflow:hidden;border:1px solid var(--gl-line);border-radius:14px;background:var(--gl-white);box-shadow:0 12px 34px rgba(6,31,56,.08)}.gl-blue-theme-preview .listhead{padding:14px 22px;background:var(--gl-blue-900)!important;color:var(--gl-white)!important}.gl-blue-theme-preview .listhead *{color:var(--gl-white)!important}.gl-blue-theme-preview .chooseData,.gl-blue-theme-preview .vehicleCost{padding:24px}.gl-blue-theme-preview .vehicleCost{border-left:1px solid var(--gl-blue-100);background:var(--gl-blue-050)} .gl-blue-theme-preview .tripcomfortable{border-radius:16px;background:var(--gl-blue-900)!important;color:var(--gl-white);box-shadow:0 18px 44px rgba(6,31,56,.2)}.gl-blue-theme-preview .tripcomfortable h2,.gl-blue-theme-preview .tripcomfortable h3,.gl-blue-theme-preview .tripcomfortable p{color:var(--gl-white)!important}.gl-blue-theme-preview .Contactinformation .card-header{background:var(--gl-blue-900);color:var(--gl-white)}.gl-blue-theme-preview .Contactinformation .card-header .title{color:var(--gl-white)!important}.gl-blue-theme-preview .Contactinformation .card-body{background:var(--gl-white)} .gl-blue-theme-preview .custom-control-input:checked~.custom-control-label:before{border-color:var(--gl-blue-700);background:var(--gl-blue-700)}.gl-blue-theme-preview .signgmail a{border:1px solid var(--gl-line);border-radius:8px;background:var(--gl-white)}.gl-blue-theme-preview .orview span{background:var(--gl-white);color:var(--gl-muted)}.gl-blue-theme-preview .thankfull-form{margin:70px auto;padding:48px;border:1px solid var(--gl-line);border-radius:18px;background:var(--gl-white);box-shadow:0 18px 50px rgba(6,31,56,.12);text-align:center} /* $$$$$ Account ride tables remain fully functional and become responsive-looking blue data surfaces. */ .gl-blue-theme-preview .myridestable,.gl-blue-theme-preview .Contactinformation .table-responsive{overflow:auto;border:1px solid var(--gl-line);border-radius:12px;background:var(--gl-white);box-shadow:0 12px 34px rgba(6,31,56,.08)}.gl-blue-theme-preview .table{margin-bottom:0;background:var(--gl-white)}.gl-blue-theme-preview .table thead th{border-color:var(--gl-blue-800);background:var(--gl-blue-900);color:var(--gl-white)}.gl-blue-theme-preview .table td{border-color:var(--gl-blue-100);color:var(--gl-ink)}.gl-blue-theme-preview .table-striped tbody tr:nth-of-type(odd){background:var(--gl-blue-050)}.gl-blue-theme-preview .nav-rides .active,.gl-blue-theme-preview .pagination .active a{border-color:var(--gl-blue-700)!important;background:var(--gl-blue-700)!important;color:var(--gl-white)!important} /* $$$$$ Legal copy and general error states use readable widths, blue hierarchy, and existing actions. */ .gl-blue-theme-preview .normalpagestatic .container{max-width:960px;padding:42px;border:1px solid var(--gl-line);border-radius:16px;background:var(--gl-white);box-shadow:0 16px 44px rgba(6,31,56,.08)}.gl-blue-theme-preview .normalpagestatic p,.gl-blue-theme-preview .normalpagestatic li{color:var(--gl-muted);line-height:1.85}.gl-blue-theme-preview .page-error{margin:80px auto;padding:50px;border:1px solid var(--gl-line);border-radius:18px;background:var(--gl-white);box-shadow:0 18px 50px rgba(6,31,56,.12);text-align:center} /* $$$$$ Existing production footer content receives the deep-blue close to every themed preview page. */ .gl-blue-theme-preview .footer{padding-top:62px;background:var(--gl-blue-950)!important;color:#d7e7f3}.gl-blue-theme-preview .footer h3,.gl-blue-theme-preview .footer h4,.gl-blue-theme-preview .footer a,.gl-blue-theme-preview .footer p{color:#eaf4fb!important}.gl-blue-theme-preview .footer a:hover{color:#8fd0f3!important}.gl-blue-theme-preview .copyright{border-top:1px solid rgba(255,255,255,.12);background:#04182c!important;color:#bdd0df}.gl-blue-theme-preview .modal-content{overflow:hidden;border:1px solid var(--gl-line);border-radius:14px}.gl-blue-theme-preview .modal-header{border:0;background:var(--gl-blue-900);color:var(--gl-white)}.gl-blue-theme-preview .modal-title,.gl-blue-theme-preview .modal-header .close{color:var(--gl-white)!important} /* $$$$$ REFRESH PRODUCTION INNER-PAGE COLOR AND CONTRAST START */ /* Match the live refresh palette: cyan actions, clear ink, light-blue surfaces, and restrained dark blue only where white text is intentionally used. */ .gl-blue-theme-preview { --gl-blue-950:#063c56; --gl-blue-900:#0b4f6c; --gl-blue-800:#087fad; --gl-blue-700:#0aa8dc; --gl-blue-500:#34b8e3; --gl-blue-100:#e7f8ff; --gl-blue-050:#f8fcfe; --gl-ink:#102331; --gl-muted:#536776; --gl-line:#dce9ef; background:var(--gl-blue-050); color:var(--gl-ink); } /* Replace remaining legacy orange brand treatments. */ .gl-blue-theme-preview .offer-stacky, .gl-blue-theme-preview header .navbar-expand-md .navbar-nav .nav-link.sign-btn, .gl-blue-theme-preview .btn-orange, .gl-blue-theme-preview .logout-btn.btn-orange, .gl-blue-theme-preview .reivewSaying a.llms-button-secondary, .gl-blue-theme-preview .simple-booking-process h3 span, .gl-blue-theme-preview #main-button { border-color:var(--gl-blue-800)!important; background:var(--gl-blue-800)!important; background-image:none!important; color:#fff!important; } .gl-blue-theme-preview .btn-orange:hover, .gl-blue-theme-preview .btn-orange:focus, .gl-blue-theme-preview .logout-btn.btn-orange:hover, .gl-blue-theme-preview .btn-edit:hover, .gl-blue-theme-preview .reivewSaying a.llms-button-secondary:hover { border-color:var(--gl-blue-900)!important; background:var(--gl-blue-900)!important; background-image:none!important; color:#fff!important; } .gl-blue-theme-preview .footer h2::before, .gl-blue-theme-preview .formSigns h1::before, .gl-blue-theme-preview .vehiclelist h2::before, .gl-blue-theme-preview .videohome h4::before, .gl-blue-theme-preview .viewFleet h2::before, .gl-blue-theme-preview .BestFleet h2::before, .gl-blue-theme-preview .HomeServices h2::before, .gl-blue-theme-preview .Toproutes h2::before, .gl-blue-theme-preview .WhyGrandlane h3::before, .gl-blue-theme-preview .homeFaq h3::before, .gl-blue-theme-preview .homecontact h2::before, .gl-blue-theme-preview .moreairportwrap h4::before, .gl-blue-theme-preview .reivewSaying h2::before, .gl-blue-theme-preview .topAirport h2::before, .gl-blue-theme-preview .HomeAbout h2::before, .gl-blue-theme-preview .serviceBox p a::before { background:var(--gl-blue-700)!important; background-image:none!important; } .gl-blue-theme-preview .WhyGrandlane h3 span, .gl-blue-theme-preview .HomeServices h2 span, .gl-blue-theme-preview .BestFleet h2 span, .gl-blue-theme-preview .homeFaq h3 span, .gl-blue-theme-preview .reivewSaying h2 span, .gl-blue-theme-preview .testimonialHome h3 span, .gl-blue-theme-preview .serviceBox p a, .gl-blue-theme-preview #intercity li a:hover, .gl-blue-theme-preview #morecity li a:hover, .gl-blue-theme-preview #moreservice li a:hover { color:var(--gl-blue-800)!important; } .gl-blue-theme-preview .moreairportwrap li a:hover, .gl-blue-theme-preview .topcities li:last-child a:hover { background:var(--gl-blue-700)!important; background-image:none!important; color:#fff!important; } /* Use a light booking-progress band so headings and journey details stay readable. */ .gl-blue-theme-preview .vehicleblacktop { border-top:1px solid var(--gl-line); border-bottom:1px solid var(--gl-line); background:linear-gradient(135deg,#f8fcfe 0%,#e7f8ff 100%)!important; color:var(--gl-ink)!important; } .gl-blue-theme-preview .vehicleblacktop h1, .gl-blue-theme-preview .vehicleblacktop h2, .gl-blue-theme-preview .vehicleblacktop p { color:var(--gl-ink)!important; text-shadow:none!important; } .gl-blue-theme-preview .vehicleblacktop li a { border:1px solid var(--gl-line)!important; background:#fff!important; background-image:none!important; color:var(--gl-ink)!important; box-shadow:0 8px 22px rgba(28,74,98,.08); } .gl-blue-theme-preview .vehicleblacktop li a span { background:var(--gl-blue-100)!important; color:var(--gl-blue-800)!important; } .gl-blue-theme-preview .vehicleblacktop li a.active, .gl-blue-theme-preview .vehicleblacktop li a:hover, .gl-blue-theme-preview .vehicleblacktop li a:focus { border-color:var(--gl-blue-800)!important; background:var(--gl-blue-800)!important; background-image:none!important; color:#fff!important; } .gl-blue-theme-preview .vehicleblacktop li a.active span, .gl-blue-theme-preview .vehicleblacktop li a:hover span, .gl-blue-theme-preview .vehicleblacktop li a:focus span { background:var(--gl-blue-800)!important; color:#fff!important; } /* Vehicle cards use the same light surfaces and cyan action hierarchy as the refresh. */ .gl-blue-theme-preview .vehiclelist { border-color:var(--gl-line)!important; background:#fff!important; box-shadow:0 16px 42px rgba(28,74,98,.10); } .gl-blue-theme-preview .vehiclelist .listhead { border-bottom:1px solid var(--gl-line)!important; background:linear-gradient(135deg,#fff 0%,var(--gl-blue-100) 100%)!important; color:var(--gl-ink)!important; } .gl-blue-theme-preview .vehiclelist .listhead h2, .gl-blue-theme-preview .vehiclelist .listhead h3, .gl-blue-theme-preview .vehiclelist .listhead h4, .gl-blue-theme-preview .vehiclelist .listhead h5, .gl-blue-theme-preview .vehiclelist .listhead .user-data, .gl-blue-theme-preview .vehiclelist .listhead * { color:var(--gl-ink)!important; } .gl-blue-theme-preview .vehiclelist .user-data span { border:1px solid var(--gl-line); background:#fff!important; color:var(--gl-ink)!important; } .gl-blue-theme-preview .vehiclelist .chooseData, .gl-blue-theme-preview .vehiclelist .chooseData li, .gl-blue-theme-preview .vehiclelist .chooseData p { color:var(--gl-muted)!important; } .gl-blue-theme-preview .vehiclelist .vehicleCost { border-left:1px solid var(--gl-line)!important; background:var(--gl-blue-050)!important; color:var(--gl-ink)!important; } .gl-blue-theme-preview .vehiclelist .vehicleCost h3 { color:var(--gl-blue-900)!important; } .gl-blue-theme-preview .vehiclelist .vehicleCost p { color:var(--gl-muted)!important; } /* Keep cards, forms, tables, and modal copy legible on their actual surface. */ .gl-blue-theme-preview .BookingFrom, .gl-blue-theme-preview .formSigns, .gl-blue-theme-preview .SelectVehicle, .gl-blue-theme-preview .contactform, .gl-blue-theme-preview .modal-content, .gl-blue-theme-preview .card-body { color:var(--gl-ink); } .gl-blue-theme-preview .BookingFrom p, .gl-blue-theme-preview .formSigns p, .gl-blue-theme-preview .SelectVehicle p, .gl-blue-theme-preview .contactform p, .gl-blue-theme-preview .card-body p { color:var(--gl-muted); } .gl-blue-theme-preview .BookingFrom label, .gl-blue-theme-preview .formSigns label, .gl-blue-theme-preview .SelectVehicle label, .gl-blue-theme-preview .contactform label { color:var(--gl-ink)!important; opacity:1!important; } .gl-blue-theme-preview .blogpagewrap .BookingFrom .nav-tabs .nav-link.active, .gl-blue-theme-preview .blogpagewrap .BookingFrom .nav-tabs .nav-item.show .nav-link { border-color:var(--gl-blue-700)!important; background:var(--gl-blue-100)!important; color:var(--gl-blue-900)!important; } .gl-blue-theme-preview .Contactinformation thead tr, .gl-blue-theme-preview .RoutesTable thead tr th { border-color:var(--gl-blue-800)!important; background:var(--gl-blue-900)!important; color:#fff!important; } /* Match the refreshed white footer instead of extending the old near-black surface. */ .gl-blue-theme-preview footer, .gl-blue-theme-preview footer .footer { border-top:1px solid var(--gl-line)!important; background:#fff!important; color:var(--gl-ink)!important; } .gl-blue-theme-preview footer .footer-logo { border-bottom-color:var(--gl-line)!important; } .gl-blue-theme-preview footer .footer-logo img { filter:brightness(0) saturate(100%) invert(11%) sepia(19%) saturate(1194%) hue-rotate(161deg) brightness(92%) contrast(94%); } .gl-blue-theme-preview footer .footer h2, .gl-blue-theme-preview footer .footer h3, .gl-blue-theme-preview footer .footer h4 { color:var(--gl-ink)!important; } .gl-blue-theme-preview footer .footer p, .gl-blue-theme-preview footer .footer li, .gl-blue-theme-preview footer .footer li a, .gl-blue-theme-preview footer .footer a { color:var(--gl-muted)!important; } .gl-blue-theme-preview footer .footer a:hover, .gl-blue-theme-preview footer .footer a:focus { color:var(--gl-blue-800)!important; } .gl-blue-theme-preview footer .copyright { border-top:1px solid var(--gl-line)!important; background:var(--gl-blue-050)!important; color:var(--gl-muted)!important; } .gl-blue-theme-preview footer .copyright a, .gl-blue-theme-preview footer .copyright p { color:var(--gl-muted)!important; } .gl-blue-theme-preview footer .copyright a:hover, .gl-blue-theme-preview footer .copyright a:focus { color:var(--gl-blue-800)!important; } @media(max-width:991px){ .gl-blue-theme-preview .vehiclelist .vehicleCost{border-left:0!important;border-top:1px solid var(--gl-line)!important} } /* $$$$$ REFRESH PRODUCTION INNER-PAGE COLOR AND CONTRAST END */ /* $$$$$ Standalone preview directory uses the same tokens and is not part of any production template. */ .gl-blue-theme-directory{min-height:100vh;padding:70px 22px;background:linear-gradient(135deg,var(--gl-blue-950),var(--gl-blue-700))}.gl-blue-theme-directory main{max-width:1100px;margin:auto;padding:50px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 28px 80px rgba(0,0,0,.24)}.gl-blue-theme-directory h1{margin:0 0 12px;font-size:48px}.gl-blue-kicker{margin:0 0 8px;color:var(--gl-blue-700)!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.gl-blue-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}.gl-blue-directory-grid a{display:flex;min-height:105px;flex-direction:column;justify-content:center;padding:22px;border:1px solid var(--gl-line);border-radius:12px;background:var(--gl-blue-050);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.gl-blue-directory-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(6,31,56,.1)}.gl-blue-directory-grid strong{color:var(--gl-blue-900);font-size:18px}.gl-blue-directory-grid span{margin-top:5px;color:var(--gl-muted);font-size:13px;word-break:break-all} /* $$$$$ Responsive overrides preserve the current Bootstrap layout while preventing themed cards and tables from crowding small screens. */ @media(max-width:991px){.gl-blue-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-blue-theme-preview .contactform,.gl-blue-theme-preview .BookingFrom,.gl-blue-theme-preview .formSigns,.gl-blue-theme-preview .SelectVehicle{padding:24px}.gl-blue-theme-preview .vehicleCost{border-left:0;border-top:1px solid var(--gl-blue-100)}} @media(max-width:767px){.gl-blue-theme-preview .aboutb,.gl-blue-theme-preview .aboutwrap,.gl-blue-theme-preview .contactwap,.gl-blue-theme-preview .viewFleet,.gl-blue-theme-preview .normalpagestatic,.gl-blue-theme-preview .blogpagewrap,.gl-blue-theme-preview .signnwrap,.gl-blue-theme-preview .chooseList,.gl-blue-theme-preview .Contactinformation,.gl-blue-theme-preview .driverregister{padding-top:48px;padding-bottom:48px}.gl-blue-theme-preview .inner-banner,.gl-blue-theme-preview .innerbanner{min-height:clamp(240px,44.67vw,320px)}.gl-blue-theme-preview .normalpagestatic .container{padding:26px}.gl-blue-theme-directory{padding:28px 14px}.gl-blue-theme-directory main{padding:30px 20px}.gl-blue-theme-directory h1{font-size:36px}.gl-blue-directory-grid{grid-template-columns:1fr}} /* $$$$$ REFRESH LEGACY SHARED SHELL COMPATIBILITY START */ /* Reserve space for the fixed refreshed navigation on legacy page layouts and keep the shell's broad refresh CSS isolated from booking/auth page content. */ .gl-blue-theme-preview .grandlane-refresh-shell { width:100%; max-width:none; margin:0; background:#f8fcfe; } .gl-blue-theme-preview .grandlane-refresh-shell--header { position:relative; z-index:1000; min-height:116px; overflow:visible; } .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-header--new { background:rgba(11,79,108,.94); border-bottom-color:rgba(255,255,255,.16); } /* $$$$$ REFRESH LEGACY HEADER ACTION CONTRAST START */ /* Beat the legacy body-link color only inside the refreshed header actions. */ .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-phone, .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-phone:hover, .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-phone:focus, .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-header-new__actions > .gl-button, .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-header-new__actions > .gl-button:hover, .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-header-new__actions > .gl-button:focus, .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-mobile-menu-actions > .gl-button, .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-mobile-menu-actions > .gl-button:hover, .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-mobile-menu-actions > .gl-button:focus { color:#fff!important; } .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-phone .gl-icon, .gl-blue-theme-preview .grandlane-refresh-shell--header .gl-phone svg { color:#fff!important; stroke:currentColor; } /* $$$$$ REFRESH LEGACY HEADER ACTION CONTRAST END */ .gl-blue-theme-preview .grandlane-refresh-shell--footer { position:relative; z-index:1; overflow:hidden; } @media(max-width:760px){ .gl-blue-theme-preview .grandlane-refresh-shell--header {min-height:104px} } /* $$$$$ REFRESH LEGACY SHARED SHELL COMPATIBILITY END */ /* $$$$$ REFRESH LEGACY INNER BANNER PARITY START */ /* Match refreshed inner heroes without changing each legacy page template: remove the old multiply tint, retain a readable light overlay, and use the same display typography as airport/service/city refresh banners. */ .gl-blue-theme-preview .inner-banner, .gl-blue-theme-preview .innerbanner { min-height:650px; margin-top:0!important; padding:0!important; align-items:center; background-color:transparent!important; background-position:center!important; background-size:cover!important; background-blend-mode:normal!important; } .gl-blue-theme-preview .inner-banner::before, .gl-blue-theme-preview .innerbanner::before { z-index:0; background: linear-gradient(180deg,rgba(7,24,36,.28) 0%,rgba(7,24,36,.08) 52%,rgba(7,24,36,.12) 100%), linear-gradient(90deg,rgba(5,22,34,.48) 0%,rgba(5,22,34,.16) 58%,rgba(5,22,34,.08) 100%); pointer-events:none; } .gl-blue-theme-preview .inner-banner > .container, .gl-blue-theme-preview .innerbanner > .container { z-index:1; display:flex; min-height:650px; align-items:center; justify-content:center; } .gl-blue-theme-preview .inner-banner h1, .gl-blue-theme-preview .innerbanner h1 { margin:0; color:#fff!important; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(48px,5vw,72px); font-weight:500; letter-spacing:-.035em; line-height:1.05; text-align:center; text-shadow:0 2px 20px rgba(5,22,34,.22); } @media(max-width:767px){ .gl-blue-theme-preview .inner-banner, .gl-blue-theme-preview .innerbanner, .gl-blue-theme-preview .inner-banner > .container, .gl-blue-theme-preview .innerbanner > .container { min-height:clamp(280px,58vw,420px); } .gl-blue-theme-preview .inner-banner h1, .gl-blue-theme-preview .innerbanner h1 { font-size:clamp(38px,11vw,52px); } } /* $$$$$ REFRESH LEGACY INNER BANNER PARITY END */