/* OPENBAY V2 front-end layer (2 Nov 2026). Remove the <link> to this file in resources/views/layouts/include_top.blade.php to roll back. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--themeColor:#0891B2;--at-primary:#0891B2;--at-primary-d:#0E7490;--at-deep:#0C2D48;--at-accent:#FF6B4A;--at-ink:#0B1B2B;--at-text:#334155;--at-muted:#64748B;--at-soft:#F3F8FA;--at-line:#E2EBF0;--at-radius:16px;--at-shadow:0 10px 30px -12px rgba(11,27,43,.18);--at-head:'Plus Jakarta Sans','Inter',system-ui,sans-serif}
body{font-family:'Inter',system-ui,sans-serif !important;color:var(--at-text);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,[class*="title-"],.in-title-36px,.lg-title-78px{font-family:var(--at-head) !important;letter-spacing:-.02em}
a{transition:color .15s ease,background-color .15s ease,border-color .15s ease}
::selection{background:#CFFAFE;color:var(--at-ink)}
/* top bar */
.header-top-section{background:var(--at-ink) !important;font-size:13px}
.header-top-section *{font-size:13px}
/* header */
.header-section{position:sticky !important;top:0;z-index:1020;background:rgba(255,255,255,.88) !important;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--at-line);box-shadow:none !important}
.main-header-area{min-height:72px}
.header-section .nav-link,.header-section nav a{font-weight:600;color:var(--at-ink)}
.header-section nav a:hover,.header-section .nav-link:hover{color:var(--at-primary) !important}
.header-section input[type=text],.header-section input[type=search]{border-radius:12px !important}
/* hero */
.banner-slider-wrap{position:relative;isolation:isolate}
.banner-slider-wrap::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,27,43,.25) 0%,rgba(11,27,43,.55) 55%,rgba(11,27,43,.85) 100%),radial-gradient(80% 60% at 50% 40%,rgba(8,145,178,.25),transparent 70%)}
.banner-slider-content{position:relative;z-index:1}
.banner-slider-content h1,.lg-title-78px{font-size:clamp(34px,5.2vw,64px) !important;line-height:1.08 !important;font-weight:800 !important;text-transform:none !important;max-width:900px;margin-left:auto;margin-right:auto;text-wrap:balance}
.banner-slider-content p{font-size:clamp(15px,1.4vw,18px) !important;opacity:.92;line-height:1.6}
.banner-slider .swiper-pagination-bullet{background:#fff;opacity:.5}
.banner-slider .swiper-pagination-bullet-active{opacity:1;width:26px;border-radius:99px;background:var(--at-accent) !important}
/* search card */
.atn-search-filter-wrap{border-radius:22px !important}
.atn-search-filter-wrap > .tab-content,.atn-search-filter-wrap form{border-radius:20px !important;box-shadow:var(--at-shadow) !important;border:1px solid var(--at-line)}
.atn-search-nav-pills{gap:4px;padding:6px !important;border-radius:14px !important;background:#fff;box-shadow:var(--at-shadow)}
.atn-search-nav-link{border-radius:10px !important;font-weight:600 !important;color:var(--at-text) !important}
.atn-search-nav-link.active{background:var(--at-primary) !important;color:#fff !important}
.search-submit-btn,.btn-primary,[class*="theme-btn"],[class*="-btn-primary"]{border-radius:12px !important;font-weight:600 !important;background-color:var(--at-primary) !important;border-color:var(--at-primary) !important}
.search-submit-btn:hover,.btn-primary:hover,[class*="theme-btn"]:hover{background-color:var(--at-primary-d) !important}
.nice-select,.select2-container .select2-selection{border-radius:12px !important}
/* sections */
.in-title-36px{font-size:clamp(26px,3vw,38px) !important;font-weight:800 !important;color:var(--at-ink) !important;text-transform:none !important}
.mh-title-highlight{color:var(--at-primary) !important}
.mh-title-highlight svg,.mh-title-highlight img{display:none}
section:has(.trusted-companies-wrap){display:none !important}
.at-shadow-card,[class*="listing-card"],[class*="-card"]:not(.at-hiw-card){border-radius:var(--at-radius)}
[class*="listing-card"]:hover{box-shadow:var(--at-shadow);transform:translateY(-2px);transition:all .2s ease}
/* new blocks */
.at-hiw{padding:72px 0;background:var(--at-soft)}
.at-eyebrow{display:inline-block;font:700 12px/1 var(--at-head);letter-spacing:.12em;text-transform:uppercase;color:var(--at-primary);background:#E0F7FA;padding:8px 12px;border-radius:99px;margin-bottom:14px}
.at-hiw h2{font:800 clamp(26px,3vw,38px)/1.15 var(--at-head);color:var(--at-ink);margin:0 0 10px}
.at-hiw .at-lead{color:var(--at-muted);font-size:17px;max-width:620px;margin:0 auto 40px}
.at-hiw-card{height:100%;background:#fff;border:1px solid var(--at-line);border-radius:20px;padding:28px;text-align:left;transition:transform .2s ease,box-shadow .2s ease}
.at-hiw-card:hover{transform:translateY(-3px);box-shadow:var(--at-shadow)}
.at-hiw-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#E0F7FA;color:var(--at-primary);font-size:20px;margin-bottom:18px}
.at-hiw-card h3{font:700 19px/1.3 var(--at-head);color:var(--at-ink);margin:0 0 8px}
.at-hiw-card p{color:var(--at-muted);margin:0;line-height:1.6}
.at-cta{margin:72px auto;max-width:1180px;padding:0 12px}
.at-cta-inner{position:relative;overflow:hidden;border-radius:28px;padding:56px 48px;background:linear-gradient(135deg,var(--at-deep) 0%,var(--at-primary) 60%,#22B8D6 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.at-cta-inner::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,74,.55),transparent 65%)}
.at-cta h2{font:800 clamp(24px,2.8vw,36px)/1.15 var(--at-head);margin:0 0 10px;color:#fff;max-width:620px}
.at-cta p{margin:0;opacity:.9;max-width:560px;font-size:16px}
.at-cta-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}
.at-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;font:700 15px/1 var(--at-head);text-decoration:none !important}
.at-btn-light{background:#fff;color:var(--at-deep) !important}
.at-btn-light:hover{background:#FFF1EC;color:var(--at-accent) !important}
.at-btn-ghost{border:1.5px solid rgba(255,255,255,.6);color:#fff !important}
.at-btn-ghost:hover{background:rgba(255,255,255,.12)}
.at-stats{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:34px;color:var(--at-muted);font-size:14px}
.at-stats b{display:block;font:800 22px/1.2 var(--at-head);color:var(--at-ink)}
/* footer */
.main-footer-section{background:var(--at-ink) !important}
.main-footer-section a:hover{color:#67E8F9 !important}
.footer-input-wrap{border-radius:14px !important;overflow:hidden}
.footer-input-wrap button{background:var(--at-accent) !important;border-radius:10px !important}
.footer-input-wrap button:hover{background:#F0532F !important}
.scroll-icon-area *{background-color:var(--at-primary) !important;border-radius:12px !important}
/* auth pages */
.auth-section form,.login-area form{border-radius:20px}
@media (max-width:767px){.at-cta-inner{padding:36px 24px;border-radius:22px}.at-hiw{padding:52px 0}.main-header-area{min-height:62px}}

.atn-search-filter-section.mb-100px{margin-bottom:56px !important}
.header-top-section svg path[fill]{fill:#67E8F9}
/* logo sizing for the new PNG logos */
header img[src*="uploads/logo"],.header-section img[src*="uploads/logo"],[class*="header"] a > img[src*="uploads/logo"]{height:40px !important;width:auto !important;max-width:200px;object-fit:contain;padding:0 !important;border-radius:0 !important}
footer img[src*="uploads/logo"],.main-footer-section img[src*="uploads/logo"]{height:40px !important;width:auto !important}
@media (max-width:767px){header img[src*="uploads/logo"],[class*="header"] a > img[src*="uploads/logo"]{height:32px !important}}
@media (max-width:767px){.header-top-section{display:none !important}}
/* OpenBay directory grid */
.ob-dirs{padding:8px 0 72px}
.ob-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.ob-head h2{font:800 clamp(24px,2.8vw,34px)/1.15 var(--at-head);color:var(--at-ink);margin:0}
.ob-link{font-weight:700;color:var(--at-primary) !important;text-decoration:none !important;white-space:nowrap}
.ob-link:hover{color:var(--at-accent) !important}
.ob-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.ob-dir{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--at-line);border-radius:18px;text-decoration:none !important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ob-dir:hover{transform:translateY(-3px);box-shadow:var(--at-shadow);border-color:#A5F3FC}
.ob-dir-ic{flex:0 0 48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:20px;color:#fff;background:linear-gradient(135deg,#0C2D48,#0891B2)}
.ob-dir:nth-child(3n+2) .ob-dir-ic{background:linear-gradient(135deg,#0E7490,#22B8D6)}
.ob-dir:nth-child(3n) .ob-dir-ic{background:linear-gradient(135deg,#F0532F,#FF8A6B)}
.ob-dir-t b{display:block;font:700 16px/1.25 var(--at-head);color:var(--at-ink)}
.ob-dir-t small{display:block;color:var(--at-muted);font-size:13px;margin-top:3px;line-height:1.35}
.ob-free{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:6px 12px;border-radius:99px;font:700 12px/1 var(--at-head);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.at-eyebrow{background:#E0F7FA !important;color:#0E7490 !important}
@media (max-width:575px){.ob-dir-grid{grid-template-columns:1fr 1fr;gap:10px}.ob-dir{flex-direction:column;align-items:flex-start;padding:14px}.ob-dir-t small{display:none}}
/* inline purple from templates -> OpenBay teal */
[fill="#6C1CFF" i],[fill="#5200E7" i]{fill:var(--at-primary) !important}
[stroke="#6C1CFF" i],[stroke="#5200E7" i]{stroke:var(--at-primary) !important}
[style*="background-color: #6C1CFF" i],[style*="background-color:#6C1CFF" i],[style*="background: #6C1CFF" i]{background-color:var(--at-primary) !important}
[style*="color: #6C1CFF" i]:not([style*="background" i]),[style*="color:#6C1CFF" i]:not([style*="background" i]){color:var(--at-primary) !important}
.ob-sample{display:inline-flex;align-items:center;gap:6px;margin:6px 0 10px;padding:6px 12px;border-radius:99px;background:#FFF1EC;color:#C2410C;font:700 12px/1 var(--at-head);letter-spacing:.04em}
/* listing cards */
.swiper-slide [class*="card"],[class*="single-card"],[class*="-card-wrap"]{border-radius:18px !important;overflow:hidden}
[class*="single-card"]:hover,[class*="-card-wrap"]:hover{box-shadow:var(--at-shadow) !important;transform:translateY(-3px);transition:all .2s ease}
.breadcrumb a,[class*="breadcrumb"] a{text-transform:capitalize}
/* ---- generated colour overrides (purple -> OpenBay blue) ---- */
.header-social-list a:hover path{fill:rgb(103, 232, 249) !important}
.search-submit-btn:hover{background-color:rgb(14, 116, 144) !important}
.footer-input-wrap button:hover{background-color:rgb(14, 116, 144) !important}
.footer-middle-nav ul li a:hover{color:rgb(103, 232, 249) !important}
.footer-bottom-social ul li a:hover path{fill:rgb(103, 232, 249) !important}
.switch-button .switch-checkbox:checked ~ .layer{background-color:rgba(8, 145, 178, 0.23) !important}
.filter-tab-switch .grid-list.active path, .filter-tab-switch .grid-list:hover path{fill:rgb(8, 145, 178) !important}
.see-details-btn1:hover{background-color:rgb(14, 116, 144) !important}
.comment-reply-btn:hover{background-color:rgb(14, 116, 144) !important}
.theme-btn1:hover{background-color:rgb(14, 116, 144) !important}
.submit-fluid-btn:hover{background-color:rgb(14, 116, 144) !important}
.ui-datepicker-calendar tbody td a.ui-state-active{background-color:rgba(8, 145, 178, 0.2) !important}
.share-btn1:hover{background-color:rgb(14, 116, 144) !important}
.car-details-features .view-all:hover{color:rgb(14, 116, 144) !important}
.single-carcustomer-review .info .read-more:hover{color:rgb(14, 116, 144) !important}
.carcustomer-review-banners .last-child .see-all:hover{border-top-color:rgb(103, 232, 249) !important;border-right-color:rgb(103, 232, 249) !important;border-bottom-color:rgb(103, 232, 249) !important;border-left-color:rgb(103, 232, 249) !important;color:rgb(103, 232, 249) !important}
.more-link-btn2:hover{color:rgb(14, 116, 144) !important}
.submit-fluid-btn2:hover{background-color:rgb(14, 116, 144) !important}
.details-doctor-description .info .read-more:hover{color:rgb(14, 116, 144) !important}
.details-doctor-information .read-more:hover{color:rgb(14, 116, 144) !important}
.details-doctor-services .read-more:hover{color:rgb(14, 116, 144) !important}
.at-pricing-card-btn:hover{background-color:rgb(14, 116, 144) !important}
.ad-pricing-card-btn:hover{background-color:rgb(14, 116, 144) !important}
.sml-search-btn:hover{background-color:rgb(14, 116, 144) !important}
.at-btn-purple:hover{background-color:rgb(14, 116, 144) !important}
.at-btn-purple:focus{background-color:rgb(14, 116, 144) !important}
.at2-btn-purple:hover{background-color:rgb(14, 116, 144) !important}
.at2-btn-purple:focus{background-color:rgb(14, 116, 144) !important}
.at-menu-for-dark .at-home-search-btn:hover{background-color:rgb(14, 116, 144) !important}
.at-menu-for-dark .at-home-menu-btn:hover{background-color:rgb(14, 116, 144) !important;border-top-color:rgb(14, 116, 144) !important;border-right-color:rgb(14, 116, 144) !important;border-bottom-color:rgb(14, 116, 144) !important;border-left-color:rgb(14, 116, 144) !important}
.at-menu-for-dark .at-home-menu-btn:active{background-color:rgb(14, 116, 144) !important;border-top-color:rgb(14, 116, 144) !important;border-right-color:rgb(14, 116, 144) !important;border-bottom-color:rgb(14, 116, 144) !important;border-left-color:rgb(14, 116, 144) !important}
.transparent2-nice-select .option:hover, .transparent2-nice-select .option.focus, .transparent2-nice-select .option.selected.focus{background-color:rgba(8, 145, 178, 0.1) !important}
.mh-title-highlight{color:rgb(8, 145, 178) !important}
.icon-color{color:rgb(8, 145, 178) !important}
.car-details-body .numbers svg path, .car-details-body .location svg path{fill:rgb(8, 145, 178) !important}
.car-details-body .bt-home-navbar-nav .at-home-nav-link.active, .car-details-body .bt-home-navbar-nav .at-home-nav-link:hover{color:rgb(8, 145, 178) !important}
.car-details-body .grid-list-bookmark.gray-bookmark2.ca-bookmark-hover.active path, .car-details-body .grid-list-bookmark.gray-bookmark2.ca-bookmark-hover:hover path{fill:rgb(8, 145, 178) !important;stroke:rgb(8, 145, 178) !important}
.car-details-body .grid-list-bookmark.gray-bookmark2 path, .car-details-body .grid-list-bookmark.gray-bookmark2 path{stroke:rgb(8, 145, 178) !important}