@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');

/* ── Variables ── */
:root {
  --ob-navy:    #0f2744;
  --ob-navy2:   #1a3a5c;
  --ob-blue:    #0ea5e9;
  --ob-blue-dk: #0284c7;
  --ob-cyan:    #38bdf8;
  --ob-teal:    #06b6d4;
  --ob-bg:      #f0f9ff;
  --ob-bg2:     #e0f2fe;
  --ob-card:    #ffffff;
  --ob-text:    #0f172a;
  --ob-muted:   #475569;
  --ob-light:   #94a3b8;
  --ob-border:  #e2e8f0;
  --ob-shadow:  0 2px 12px rgba(15,39,68,0.10);
  --ob-shadow-md: 0 4px 24px rgba(15,39,68,0.13);
}

/* ── Base ── */
.ob-body {
  background: var(--ob-bg);
  color: var(--ob-text);
  font-family: 'Plus Jakarta Sans', 'Sarabun', sans-serif;
  margin: 0;
}
.ob-body * { box-sizing: border-box; }
.ob-body a { text-decoration: none; color: inherit; }

/* ── Nav Override ── */
body.theme-oceanblue .lt-nav {
  background: var(--ob-navy) !important;
  border-bottom: none !important;
  box-shadow: 0 2px 16px rgba(15,39,68,0.25) !important;
}
body.theme-oceanblue .lt-logo span { color: #fff !important; font-weight: 800 !important; }
body.theme-oceanblue .lt-logo em { color: var(--ob-cyan) !important; font-style: normal; }
body.theme-oceanblue .lt-logo-icon { border-radius: 10px !important; }
body.theme-oceanblue .lt-nav-links a { color: rgba(255,255,255,0.8) !important; }
body.theme-oceanblue .lt-nav-links a:hover { color: var(--ob-cyan) !important; }
body.theme-oceanblue .lt-nav-book-btn {
  background: var(--ob-blue) !important;
  color: #fff !important;
  border-color: var(--ob-blue) !important;
  border-radius: 10px !important;
}
body.theme-oceanblue .lt-nav-book-btn:hover { background: var(--ob-blue-dk) !important; border-color: var(--ob-blue-dk) !important; }
body.theme-oceanblue .lt-nav-overlay { background: rgba(0,0,0,0.6) !important; }
body.theme-oceanblue .lt-burger span { background: #fff !important; }

/* ══ HOMEPAGE (ob-* classes) ══════════════════════════════════════════ */

.ob-container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }

/* Hero */
.ob-hero {
  position: relative;
  background: var(--ob-navy);
  overflow: hidden;
  padding-top: 70px;
}
.ob-hero-banner { position: relative; }
.ob-banner-slide { display: none; position: relative; }
.ob-banner-slide.active { display: block; }
.ob-banner-img {
  width: 100%;
  height: auto;
  display: block;
}
.ob-hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(15,39,68,0.80) 0%, rgba(15,39,68,0.55) 50%, rgba(14,165,233,0.25) 100%);
}
.ob-hero-content {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  padding: 0 1.5rem;
  color: #fff;
}
.ob-hero-eyebrow {
  display: inline-block;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--ob-cyan);
  background: rgba(56,189,248,0.12);
  border: 1px solid rgba(56,189,248,0.3);
  padding: .35rem .85rem;
  border-radius: 999px;
  margin-bottom: 1.25rem;
}
.ob-hero-title {
  font-size: clamp(2.2rem, 5.5vw, 4rem);
  font-weight: 900;
  line-height: 1.15;
  margin: 0 0 1rem;
  color: #fff;
}
.ob-hero-title span { color: var(--ob-cyan); }
.ob-hero-sub {
  font-size: 1rem;
  color: rgba(255,255,255,0.8);
  margin: 0 0 1.75rem;
  line-height: 1.65;
}
.ob-hero-cta {
  display: inline-block;
  background: var(--ob-blue);
  color: #fff;
  font-weight: 700;
  font-size: .95rem;
  padding: .8rem 2rem;
  border-radius: 12px;
  transition: all .2s;
  box-shadow: 0 4px 16px rgba(14,165,233,0.4);
}
.ob-hero-cta:hover { background: var(--ob-blue-dk); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(14,165,233,0.5); }

/* Banner dots */
.ob-banner-dots { position: absolute; bottom: 1.25rem; left: 50%; transform: translateX(-50%); display: flex; gap: .5rem; }
.ob-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.4); border: none; cursor: pointer; padding: 0; transition: all .2s; }
.ob-dot.active { background: var(--ob-cyan); width: 22px; border-radius: 4px; }

/* Desktop/Mobile banner */
.ob-desktop-banner { display: block; }
.ob-mobile-banner { display: none; }

/* Search card */
.ob-search-section {
  background: var(--ob-navy);
  padding: 0 0 2.5rem;
}
.ob-search-card {
  background: #fff;
  border-radius: 18px;
  padding: 1.5rem;
  box-shadow: 0 8px 40px rgba(15,39,68,0.18);
  max-width: 900px;
  margin: 0 auto;
}
.ob-search-tabs {
  display: flex;
  gap: .5rem;
  margin-bottom: 1.25rem;
  border-bottom: 2px solid var(--ob-border);
  padding-bottom: 1rem;
}
.ob-veh-tab {
  background: none;
  border: 1.5px solid var(--ob-border);
  color: var(--ob-muted);
  font-family: inherit;
  font-size: .85rem;
  font-weight: 600;
  padding: .5rem 1.1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all .18s;
}
.ob-veh-tab.active, .ob-veh-tab:hover {
  background: var(--ob-blue);
  color: #fff;
  border-color: var(--ob-blue);
}
.ob-search-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr auto;
  gap: .75rem;
  align-items: end;
}
.ob-field { display: flex; flex-direction: column; gap: .35rem; }
.ob-field label {
  font-size: .72rem;
  font-weight: 700;
  color: var(--ob-navy);
  letter-spacing: .03em;
}
.ob-field input {
  border: 1.5px solid var(--ob-border);
  border-radius: 10px;
  padding: .65rem .9rem;
  font-family: inherit;
  font-size: .9rem;
  color: var(--ob-text);
  background: var(--ob-bg);
  outline: none;
  transition: border-color .18s;
}
.ob-field input:focus { border-color: var(--ob-blue); background: #fff; }
.ob-search-btn {
  background: var(--ob-blue);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: .7rem 1.5rem;
  font-family: inherit;
  font-size: .9rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: all .18s;
  height: 100%;
}
.ob-search-btn:hover { background: var(--ob-blue-dk); }

/* Section headers */
.ob-section { padding: 3.5rem 0; }
.ob-section-alt { background: #fff; }
.ob-section-dark { background: var(--ob-navy); color: #fff; }
.ob-sec-label {
  font-size: .72rem;
  font-weight: 700;
  color: var(--ob-blue);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: .5rem;
}
.ob-sec-title {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 800;
  color: var(--ob-navy);
  margin: 0 0 .5rem;
  line-height: 1.2;
}
.ob-sec-sub { font-size: .95rem; color: var(--ob-muted); margin: 0 0 2rem; }
.ob-section-dark .ob-sec-title { color: #fff; }
.ob-section-dark .ob-sec-sub { color: rgba(255,255,255,0.7); }

/* Car grid (homepage) */
.ob-car-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.25rem;
}
.ob-car-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 1.5px solid var(--ob-border);
  box-shadow: var(--ob-shadow);
  transition: all .22s;
  display: flex;
  flex-direction: column;
}
.ob-car-card:hover {
  border-color: var(--ob-blue);
  box-shadow: var(--ob-shadow-md);
  transform: translateY(-3px);
}
.ob-car-media { position: relative; overflow: hidden; }
.ob-car-img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  transition: transform .3s;
}
.ob-car-card:hover .ob-car-img { transform: scale(1.04); }
.ob-car-badge {
  position: absolute;
  top: .65rem;
  left: .65rem;
  background: rgba(15,39,68,0.85);
  color: #fff;
  font-size: .65rem;
  font-weight: 700;
  padding: .25rem .6rem;
  border-radius: 6px;
  letter-spacing: .06em;
}
.ob-car-avail {
  position: absolute;
  top: .65rem;
  right: .65rem;
  background: rgba(16,185,129,0.9);
  color: #fff;
  font-size: .62rem;
  font-weight: 700;
  padding: .2rem .55rem;
  border-radius: 6px;
}
.ob-car-body { padding: 1rem; flex: 1; display: flex; flex-direction: column; gap: .5rem; }
.ob-car-name {
  font-size: .95rem;
  font-weight: 800;
  color: var(--ob-navy);
  line-height: 1.3;
}
.ob-car-meta { display: flex; gap: .75rem; flex-wrap: wrap; }
.ob-car-meta span {
  font-size: .72rem;
  color: var(--ob-muted);
  display: flex;
  align-items: center;
  gap: .25rem;
}
.ob-car-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: .75rem;
  border-top: 1px solid var(--ob-border);
}
.ob-car-price strong {
  font-size: 1.15rem;
  font-weight: 900;
  color: var(--ob-blue);
}
.ob-car-price span { font-size: .72rem; color: var(--ob-muted); }
.ob-btn-book {
  background: var(--ob-blue);
  color: #fff;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 700;
  padding: .45rem 1rem;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all .18s;
  text-decoration: none;
  display: inline-block;
}
.ob-btn-book:hover { background: var(--ob-blue-dk); }

/* "See all" button */
.ob-btn-outline {
  display: inline-block;
  border: 2px solid var(--ob-blue);
  color: var(--ob-blue);
  font-family: inherit;
  font-size: .9rem;
  font-weight: 700;
  padding: .7rem 2rem;
  border-radius: 12px;
  transition: all .2s;
}
.ob-btn-outline:hover { background: var(--ob-blue); color: #fff; }
.ob-btn-cta {
  display: inline-block;
  background: var(--ob-blue);
  color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  padding: .85rem 2.5rem;
  border-radius: 12px;
  transition: all .2s;
  box-shadow: 0 4px 16px rgba(14,165,233,0.4);
}
.ob-btn-cta:hover { background: var(--ob-blue-dk); transform: translateY(-2px); }
.ob-btn-cta-ghost {
  display: inline-block;
  border: 2px solid rgba(255,255,255,0.5);
  color: #fff;
  font-family: inherit;
  font-size: .9rem;
  font-weight: 600;
  padding: .75rem 2rem;
  border-radius: 12px;
  transition: all .2s;
}
.ob-btn-cta-ghost:hover { border-color: #fff; background: rgba(255,255,255,0.08); }

/* Reviews */
.ob-review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
}
.ob-review-card {
  background: #fff;
  border-radius: 14px;
  padding: 1.25rem;
  border: 1.5px solid var(--ob-border);
  box-shadow: var(--ob-shadow);
}
.ob-review-stars { color: #f59e0b; font-size: 1rem; margin-bottom: .5rem; }
.ob-review-text { font-size: .88rem; color: var(--ob-muted); line-height: 1.65; margin-bottom: .75rem; }
.ob-review-author { display:flex; align-items:center; gap:.65rem; font-size: .8rem; font-weight: 700; color: var(--ob-navy); }
.ob-review-avatar {
  width:36px; height:36px; border-radius:50%; flex-shrink:0;
  background:var(--ob-cyan); color:#fff; font-weight:800; font-size:.9rem;
  display:flex; align-items:center; justify-content:center;
}
.ob-review-name { font-size:.85rem; font-weight:700; color:var(--ob-navy); }
.ob-review-date { font-size:.75rem; color:var(--ob-muted); margin-top:.1rem; }

/* Features strip */
.ob-features {
  background: var(--ob-navy);
  padding: 2rem 0;
}
.ob-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1.5rem;
}
.ob-feature-item { text-align: center; color: #fff; }
.ob-feature-icon { font-size: 2rem; margin-bottom: .5rem; }
.ob-feature-title { font-size: .9rem; font-weight: 700; margin-bottom: .25rem; }
.ob-feature-desc { font-size: .78rem; color: rgba(255,255,255,0.65); }

/* Footer */
.ob-footer {
  background: var(--ob-navy);
  color: rgba(255,255,255,0.7);
  padding: 2.5rem 0 1.5rem;
  border-top: 1px solid rgba(56,189,248,0.15);
}
.ob-footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}
.ob-footer-brand { font-size: 1.1rem; font-weight: 800; color: #fff; margin-bottom: .5rem; }
.ob-footer-brand span { color: var(--ob-cyan); }
.ob-footer-desc { font-size: .82rem; color: rgba(255,255,255,0.6); line-height: 1.65; }
.ob-footer-heading { font-size: .78rem; font-weight: 700; color: var(--ob-cyan); margin-bottom: .75rem; letter-spacing: .05em; text-transform: uppercase; }
.ob-footer a { color: rgba(255,255,255,0.65); font-size: .85rem; display: block; margin-bottom: .4rem; transition: color .15s; }
.ob-footer a:hover { color: var(--ob-cyan); }
.ob-footer-copy { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.25rem; text-align: center; font-size: .78rem; color: rgba(255,255,255,0.4); }

/* ══ GLOBAL OVERRIDES (all pages using header-light.php) ══════════════ */

/* Page background */
body.theme-oceanblue { background: var(--ob-bg) !important; font-family: 'Plus Jakarta Sans', 'Sarabun', sans-serif !important; }

/* Breadcrumb */
body.theme-oceanblue .lt-breadcrumb a { color: var(--ob-blue) !important; }
body.theme-oceanblue .lt-breadcrumb span { color: var(--ob-muted) !important; }
body.theme-oceanblue [style*="color:#94a3b8"][style*="margin-bottom:1.5rem"] { color: var(--ob-muted) !important; }

/* ── Cars / Bikes listing ── */
body.theme-oceanblue .lt-car-section { background: var(--ob-bg) !important; }
body.theme-oceanblue .lt-page-title { color: var(--ob-navy) !important; }
body.theme-oceanblue .lt-car-card {
  background: var(--ob-card) !important;
  border-color: var(--ob-border) !important;
  box-shadow: var(--ob-shadow) !important;
  border-radius: 14px !important;
}
body.theme-oceanblue .lt-car-card:hover {
  border-color: var(--ob-blue) !important;
  box-shadow: var(--ob-shadow-md) !important;
}
body.theme-oceanblue .lt-car-name { color: var(--ob-navy) !important; }
body.theme-oceanblue .lt-car-meta span { color: var(--ob-muted) !important; }
body.theme-oceanblue .lt-price-day { color: var(--ob-blue) !important; }
body.theme-oceanblue .lt-badge-type {
  background: rgba(14,165,233,0.1) !important;
  color: var(--ob-blue-dk) !important;
  border-color: rgba(14,165,233,0.25) !important;
}
body.theme-oceanblue .lt-badge-avail { background: rgba(16,185,129,0.1) !important; color: #059669 !important; border-color: rgba(16,185,129,0.25) !important; }
body.theme-oceanblue .lt-car-rent-btn {
  background: var(--ob-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: inherit !important;
}
body.theme-oceanblue .lt-car-rent-btn:hover { background: var(--ob-blue-dk) !important; }

/* Search filters */
body.theme-oceanblue .lt-search-wrap { background: var(--ob-navy) !important; }
body.theme-oceanblue .lt-search-input {
  background: #fff !important;
  border-color: var(--ob-border) !important;
  color: var(--ob-text) !important;
  border-radius: 10px !important;
}
body.theme-oceanblue .lt-search-input:focus { border-color: var(--ob-blue) !important; box-shadow: 0 0 0 3px rgba(14,165,233,0.15) !important; }
body.theme-oceanblue .lt-btn-blue,
body.theme-oceanblue .lt-btn-blue-lg {
  background: var(--ob-blue) !important;
  border-color: var(--ob-blue) !important;
  border-radius: 10px !important;
  color: #fff !important;
}
body.theme-oceanblue .lt-btn-blue:hover,
body.theme-oceanblue .lt-btn-blue-lg:hover { background: var(--ob-blue-dk) !important; border-color: var(--ob-blue-dk) !important; }
body.theme-oceanblue .lt-btn-ghost {
  border-color: var(--ob-blue) !important;
  color: var(--ob-blue) !important;
  border-radius: 10px !important;
}
body.theme-oceanblue .lt-btn-ghost:hover { background: var(--ob-blue) !important; color: #fff !important; }
body.theme-oceanblue .lt-type-pill {
  background: #fff !important;
  border-color: var(--ob-border) !important;
  color: var(--ob-muted) !important;
}
body.theme-oceanblue .lt-type-pill.active,
body.theme-oceanblue .lt-type-pill:hover {
  background: var(--ob-blue) !important;
  border-color: var(--ob-blue) !important;
  color: #fff !important;
}

/* Search result cards */
body.theme-oceanblue .lt-result-list { gap: 1rem !important; }
body.theme-oceanblue .lt-result-card {
  background: var(--ob-card) !important;
  border-color: var(--ob-border) !important;
  box-shadow: var(--ob-shadow) !important;
  border-radius: 14px !important;
}
body.theme-oceanblue .lt-result-card:hover { border-color: var(--ob-blue) !important; box-shadow: var(--ob-shadow-md) !important; }
body.theme-oceanblue .sr-book-btn,
body.theme-oceanblue .sr-book-btn * {
  background: var(--ob-blue) !important;
  color: #fff !important;
  border-color: var(--ob-blue) !important;
  border-radius: 8px !important;
}
body.theme-oceanblue .sr-book-btn:hover { background: var(--ob-blue-dk) !important; }
body.theme-oceanblue .sr-pill {
  background: #fff !important;
  border-color: var(--ob-border) !important;
  color: var(--ob-muted) !important;
}
body.theme-oceanblue .sr-pill.active {
  background: var(--ob-blue) !important;
  border-color: var(--ob-blue) !important;
  color: #fff !important;
}

/* ── Car Detail (car.php) ── */
body.theme-oceanblue .lt-detail-grid { gap: 1.5rem !important; }
body.theme-oceanblue .lt-gallery-wrap { background: var(--ob-bg) !important; border: 1.5px solid var(--ob-border) !important; border-radius: 14px !important; }
body.theme-oceanblue .lt-gallery-thumb { background: var(--ob-bg) !important; border-color: var(--ob-border) !important; border-radius: 8px !important; }
body.theme-oceanblue .lt-gallery-thumb.active { border-color: var(--ob-blue) !important; box-shadow: 0 0 0 3px rgba(14,165,233,0.2) !important; }
body.theme-oceanblue .lt-gallery-ph { background: var(--ob-bg2) !important; }
body.theme-oceanblue .lt-price-big { color: var(--ob-blue) !important; font-family: 'Plus Jakarta Sans', 'Sarabun', sans-serif; }
body.theme-oceanblue .lt-price-unit { color: var(--ob-muted) !important; }
body.theme-oceanblue .lt-spec-grid { background: var(--ob-bg) !important; border-color: var(--ob-border) !important; border-radius: 10px !important; }
body.theme-oceanblue .lt-spec-item { background: #fff !important; border-color: var(--ob-border) !important; border-radius: 8px !important; box-shadow: var(--ob-shadow) !important; }
body.theme-oceanblue .lt-spec-icon2 { color: var(--ob-blue) !important; }
body.theme-oceanblue .lt-spec-lbl { color: var(--ob-muted) !important; }
body.theme-oceanblue .lt-spec-val { color: var(--ob-navy) !important; font-weight: 700 !important; }

/* White card sections (inline styles) */
body.theme-oceanblue .lt-detail-grid [style*="background:#fff"][style*="border-radius:14px"] {
  background: #fff !important;
  border: 1.5px solid var(--ob-border) !important;
  box-shadow: var(--ob-shadow) !important;
}
body.theme-oceanblue .lt-detail-grid [style*="background:#f8fafc"] {
  background: var(--ob-bg) !important;
  border: 1px solid var(--ob-border) !important;
}
body.theme-oceanblue .lt-detail-grid [style*="color:#0f172a"] { color: var(--ob-navy) !important; }
body.theme-oceanblue .lt-detail-grid [style*="color:#64748b"] { color: var(--ob-muted) !important; }
body.theme-oceanblue .lt-detail-grid [style*="color:#475569"] { color: var(--ob-muted) !important; }
body.theme-oceanblue .lt-detail-grid [style*="text-transform:uppercase"] {
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--ob-navy) !important;
  font-weight: 800 !important;
}

/* Section titles */
body.theme-oceanblue .lt-sec-title { color: var(--ob-navy) !important; font-family: 'Plus Jakarta Sans', 'Sarabun', sans-serif; }
body.theme-oceanblue .lt-sec-title::after { background: var(--ob-blue) !important; box-shadow: none !important; }
body.theme-oceanblue .lt-car-section { background: var(--ob-bg) !important; }

/* Cancel policy */
body.theme-oceanblue .lt-cancel-table { border-color: var(--ob-border) !important; }
body.theme-oceanblue .lt-cancel-head > div { background: var(--ob-bg2) !important; color: var(--ob-navy) !important; }
body.theme-oceanblue .lt-cancel-row > div { color: var(--ob-text) !important; border-bottom-color: var(--ob-border) !important; }
body.theme-oceanblue .lt-cancel-refund { color: #059669 !important; }
body.theme-oceanblue .lt-terms-group-title { color: var(--ob-blue-dk) !important; font-size: .78rem !important; letter-spacing: 0 !important; }
body.theme-oceanblue .lt-terms-list li { color: var(--ob-muted) !important; }

/* Document cards */
body.theme-oceanblue .lt-doc-card { background: #fff !important; border-color: var(--ob-border) !important; box-shadow: var(--ob-shadow) !important; border-radius: 10px !important; }
body.theme-oceanblue .lt-doc-icon { color: var(--ob-blue) !important; }
body.theme-oceanblue .lt-doc-name { color: var(--ob-navy) !important; }

/* Accordion */
body.theme-oceanblue .lt-accordion-btn { background: #fff !important; color: var(--ob-text) !important; border-color: var(--ob-border) !important; border-radius: 10px !important; }
body.theme-oceanblue .lt-accordion-btn:hover { border-color: var(--ob-blue) !important; color: var(--ob-blue) !important; }
body.theme-oceanblue .lt-accordion-body { background: var(--ob-bg) !important; border-color: var(--ob-border) !important; color: var(--ob-muted) !important; }

/* Similar cars */
body.theme-oceanblue .lt-similar-grid { gap: 1rem !important; }
body.theme-oceanblue .lt-similar-card { background: #fff !important; border-color: var(--ob-border) !important; border-radius: 12px !important; box-shadow: var(--ob-shadow) !important; }
body.theme-oceanblue .lt-similar-card:hover { border-color: var(--ob-blue) !important; box-shadow: var(--ob-shadow-md) !important; }

/* Badges */
body.theme-oceanblue .lt-badge-type { background: rgba(14,165,233,0.1) !important; color: var(--ob-blue-dk) !important; border-color: rgba(14,165,233,0.25) !important; }

/* ── Booking Card ── */
body.theme-oceanblue .lt-booking-card {
  background: #fff !important;
  border-color: var(--ob-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--ob-shadow-md) !important;
}
body.theme-oceanblue .lt-book-label { color: var(--ob-navy) !important; font-size: .72rem !important; letter-spacing: 0 !important; font-weight: 700 !important; }
body.theme-oceanblue .lt-book-input {
  background: var(--ob-bg) !important;
  border-color: var(--ob-border) !important;
  color: var(--ob-text) !important;
  border-radius: 10px !important;
}
body.theme-oceanblue .lt-book-input:focus { border-color: var(--ob-blue) !important; box-shadow: 0 0 0 3px rgba(14,165,233,0.12) !important; }
body.theme-oceanblue .lt-sum-row { color: var(--ob-muted) !important; border-color: var(--ob-border) !important; }
body.theme-oceanblue .lt-sum-lbl { color: var(--ob-muted) !important; }
body.theme-oceanblue .lt-sum-val { color: var(--ob-text) !important; }
body.theme-oceanblue .lt-sum-total { border-color: var(--ob-border) !important; }
body.theme-oceanblue .lt-sum-total-price { color: var(--ob-blue) !important; }

/* Date picker (drp) */
body.theme-oceanblue #drp-wrap { background: #fff !important; border-color: var(--ob-border) !important; border-radius: 12px !important; box-shadow: var(--ob-shadow) !important; }
body.theme-oceanblue #drp-trigger { background: var(--ob-bg) !important; border-color: var(--ob-border) !important; border-radius: 10px !important; color: var(--ob-text) !important; }
body.theme-oceanblue #drp-trigger:hover { border-color: var(--ob-blue) !important; }
body.theme-oceanblue #drp-start-label, body.theme-oceanblue #drp-end-label { color: var(--ob-navy) !important; }
body.theme-oceanblue .drp-search-btn { background: var(--ob-blue) !important; border-color: var(--ob-blue) !important; border-radius: 10px !important; }
body.theme-oceanblue .drp-search-btn:hover { background: var(--ob-blue-dk) !important; }
body.theme-oceanblue #drp-panel { background: #fff !important; border-color: var(--ob-border) !important; border-radius: 12px !important; box-shadow: var(--ob-shadow-md) !important; }
body.theme-oceanblue #drp-panel [style*="background:#f8fafc"],
body.theme-oceanblue #drp-panel [style*="background:#fff"] { background: var(--ob-bg) !important; }
body.theme-oceanblue #drp-panel input[type="time"],
body.theme-oceanblue #drp-panel input[type="date"] { background: #fff !important; border-color: var(--ob-border) !important; color: var(--ob-text) !important; border-radius: 8px !important; }
body.theme-oceanblue #drp-panel label { color: var(--ob-muted) !important; }

/* ── Contact Page ── */
body.theme-oceanblue .contact-page { background: var(--ob-bg) !important; }
body.theme-oceanblue .contact-hero { background: var(--ob-navy) !important; color: #fff !important; }
body.theme-oceanblue .contact-section { background: var(--ob-bg) !important; }
body.theme-oceanblue .contact-card,
body.theme-oceanblue .contact-map-card {
  background: #fff !important;
  border-color: var(--ob-border) !important;
  box-shadow: var(--ob-shadow) !important;
  border-radius: 14px !important;
}
body.theme-oceanblue .contact-card h2 { color: var(--ob-navy) !important; }
body.theme-oceanblue .contact-list a,
body.theme-oceanblue .contact-list div { color: var(--ob-text) !important; }
body.theme-oceanblue .contact-list a:hover { color: var(--ob-blue) !important; }
body.theme-oceanblue .contact-list span { color: var(--ob-muted) !important; }
body.theme-oceanblue .contact-hours { background: var(--ob-bg) !important; border-color: var(--ob-border) !important; border-radius: 10px !important; }
body.theme-oceanblue .contact-hours-title { color: var(--ob-navy) !important; }
body.theme-oceanblue .contact-hours-label { color: var(--ob-muted) !important; }
body.theme-oceanblue .contact-hours-val { color: var(--ob-text) !important; }
body.theme-oceanblue .contact-hours-note { color: var(--ob-muted) !important; }
body.theme-oceanblue .contact-hours-note a { color: var(--ob-blue) !important; }
body.theme-oceanblue .contact-hours-row { border-color: var(--ob-border) !important; }
body.theme-oceanblue .contact-map-link { background: var(--ob-blue) !important; border-color: var(--ob-blue) !important; color: #fff !important; border-radius: 10px !important; }
body.theme-oceanblue .contact-map-link:hover { background: var(--ob-blue-dk) !important; }
body.theme-oceanblue .contact-map-badge { background: #fff !important; border-color: var(--ob-border) !important; }
body.theme-oceanblue .contact-map-badge strong { color: var(--ob-navy) !important; }
body.theme-oceanblue .contact-map-badge span { color: var(--ob-muted) !important; }

/* ── My Bookings Page ── */
body.theme-oceanblue .lt-mybk-page { background: var(--ob-bg) !important; }
body.theme-oceanblue .lt-mybk-card { background: #fff !important; border-color: var(--ob-border) !important; box-shadow: var(--ob-shadow) !important; border-radius: 12px !important; }
body.theme-oceanblue .lt-mybk-ref { color: var(--ob-blue) !important; }
body.theme-oceanblue .lt-mybk-car { color: var(--ob-navy) !important; }
body.theme-oceanblue .lt-mybk-meta { color: var(--ob-muted) !important; }
body.theme-oceanblue .lt-mybk-price { color: var(--ob-blue) !important; }
body.theme-oceanblue .lt-mybk-status-pending { background: rgba(245,158,11,0.1) !important; color: #b45309 !important; }
body.theme-oceanblue .lt-mybk-status-confirmed,
body.theme-oceanblue .lt-mybk-status-paid { background: rgba(16,185,129,0.1) !important; color: #059669 !important; }

/* Share button */
body.theme-oceanblue [style*="background:#fff;border:1.5px solid #e2e8f0;border-radius:10px"] {
  background: #fff !important;
  border-color: var(--ob-border) !important;
  color: var(--ob-text) !important;
}

/* Extra services */
body.theme-oceanblue [style*="background:#fff7ed;border:1px solid #fed7aa"] {
  background: rgba(14,165,233,0.08) !important;
  border-color: rgba(14,165,233,0.25) !important;
  color: var(--ob-blue-dk) !important;
}

/* Location box */
body.theme-oceanblue .lt-loc-box { background: var(--ob-bg) !important; border-color: var(--ob-border) !important; border-radius: 10px !important; }
body.theme-oceanblue .lt-loc-name { color: var(--ob-navy) !important; }
body.theme-oceanblue .lt-loc-addr { color: var(--ob-muted) !important; }
body.theme-oceanblue .lt-loc-map { color: var(--ob-blue) !important; }

/* ── Responsive ── */
@media (max-width: 900px) {
  .ob-desktop-banner { display: none; }
  .ob-mobile-banner { display: block; }
  .ob-banner-img { height: auto; }
  .ob-search-grid { grid-template-columns: 1fr 1fr; }
  .ob-footer-grid { grid-template-columns: 1fr; gap: 1.25rem; }
}
@media (max-width: 640px) {
  .ob-search-grid { grid-template-columns: 1fr; }
  .ob-car-grid { grid-template-columns: 1fr; }
  .ob-feature-grid { grid-template-columns: 1fr 1fr; }
  body.theme-oceanblue .lt-spec-grid { grid-template-columns: 1fr 1fr !important; }
}

/* PUBLIC PAGE THEME SKIN */
.theme-oceanblue .lt-nav,
.theme-oceanblue .lt-mobile-menu { background: rgba(15,39,68,.96) !important; border-bottom: 1px solid rgba(14,165,233,.28) !important; }
.theme-oceanblue .lt-logo span,
.theme-oceanblue .lt-nav-links a,
.theme-oceanblue .lt-mobile-menu a { color: #fff !important; }
.theme-oceanblue .lt-logo-icon { background: linear-gradient(135deg, var(--ob-blue), var(--ob-cyan)) !important; color: #fff !important; border-radius: 10px !important; }
.theme-oceanblue .lt-btn-blue,
.theme-oceanblue .lt-btn-blue-lg,
.theme-oceanblue .lt-car-rent-btn,
.theme-oceanblue .btn-primary,
.theme-oceanblue .drp-search-btn { background: var(--ob-blue) !important; border: 1px solid var(--ob-blue) !important; color: #fff !important; border-radius: 10px !important; box-shadow: 0 12px 26px rgba(14,165,233,.22) !important; }
.theme-oceanblue .lt-btn-ghost,
.theme-oceanblue .btn-outline,
.theme-oceanblue .contact-map-link { background: #fff !important; border: 1px solid rgba(14,165,233,.24) !important; color: var(--ob-blue-dk) !important; border-radius: 10px !important; }
.theme-oceanblue .lt-search-input,
.theme-oceanblue .inp-field,
.theme-oceanblue input,
.theme-oceanblue select,
.theme-oceanblue textarea { background: #fff !important; border: 1px solid #d5e5f2 !important; color: var(--ob-navy) !important; border-radius: 10px !important; }
.theme-oceanblue .cars-sidebar,
.theme-oceanblue .bikes-sidebar-wrap > div,
.theme-oceanblue .lt-car-card,
.theme-oceanblue .lt-result-card,
.theme-oceanblue .lt-car-section,
.theme-oceanblue .lt-sticky,
.theme-oceanblue .lt-gallery-wrap,
.theme-oceanblue .lt-doc-card,
.theme-oceanblue .lt-similar-card,
.theme-oceanblue .search-card,
.theme-oceanblue .admin-card,
.theme-oceanblue .cl-card,
.theme-oceanblue .sr-car-card,
.theme-oceanblue .sr-filter,
.theme-oceanblue .contact-card,
.theme-oceanblue .contact-map-card,
.theme-oceanblue .mb-card,
.theme-oceanblue .help-box,
.theme-oceanblue .delivery-box,
.theme-oceanblue .bg-white { background: rgba(255,255,255,.96) !important; border: 1px solid #d9e8f4 !important; color: var(--ob-navy) !important; border-radius: 12px !important; box-shadow: 0 14px 34px rgba(15,39,68,.1) !important; }
.theme-oceanblue .lt-car-img-ph { background: linear-gradient(135deg, #eaf6ff, #d9eefc) !important; color: var(--ob-blue) !important; }
.theme-oceanblue .lt-car-name,
.theme-oceanblue .contact-card h2,
.theme-oceanblue .contact-hero h1,
.theme-oceanblue .mb-val,
.theme-oceanblue h1,
.theme-oceanblue h2,
.theme-oceanblue h3 { color: var(--ob-navy) !important; }
.theme-oceanblue .lt-car-price,
.theme-oceanblue .contact-kicker,
.theme-oceanblue .mb-lbl,
.theme-oceanblue a { color: var(--ob-blue-dk) !important; }
.theme-oceanblue .lt-badge-type,
.theme-oceanblue .lt-badge-avail,
.theme-oceanblue .flt-opt-a,
.theme-oceanblue .lt-type-pill.active,
.theme-oceanblue .tab-btn.active,
.theme-oceanblue .mb-badge { background: #e0f2fe !important; border-color: #bae6fd !important; color: #0369a1 !important; }
.theme-oceanblue .contact-hero { background: linear-gradient(135deg, rgba(15,39,68,.86), rgba(14,165,233,.46)) !important; border-bottom: 1px solid rgba(14,165,233,.28); }
.theme-oceanblue .contact-map,
.theme-oceanblue .contact-map-empty { background: #eff8ff !important; }
.theme-oceanblue .booking-page,
.theme-oceanblue .cl-page,
.theme-oceanblue .sr-page,
.theme-oceanblue main[class*="min-h-screen"] { background: transparent !important; }
.theme-oceanblue .text-white { color: var(--ob-navy) !important; }
.theme-oceanblue .text-blue-300,
.theme-oceanblue .text-green-300 { color: var(--ob-blue-dk) !important; }
.theme-oceanblue .bg-white\/5,
.theme-oceanblue .bg-slate-800,
.theme-oceanblue .bg-slate-900 { background: #eef7ff !important; }
.theme-oceanblue .lt-book-input,
.theme-oceanblue .lt-sum-box,
.theme-oceanblue .lt-sum-total,
.theme-oceanblue .lt-loc-box { background: #fff !important; border-color: #d9e8f4 !important; color: var(--ob-navy) !important; }
@media (max-width: 640px) {
  .theme-oceanblue .lt-result-card,
  .theme-oceanblue .lt-car-card,
  .theme-oceanblue .contact-card,
  .theme-oceanblue .contact-map-card,
  .theme-oceanblue .mb-card { border-radius: 12px !important; }
}

/* PUBLIC SURFACE COMPLETION */
body.theme-oceanblue > div[style*="background:#f9fafb"],
.theme-oceanblue .booking-page,
.theme-oceanblue .cl-page,
.theme-oceanblue .sr-page {
  background: linear-gradient(180deg, #e0f2fe 0%, #f8fdff 44%, #eaf8ff 100%) !important;
}
.theme-oceanblue #drp-wrap,
.theme-oceanblue .drp-topbar,
.theme-oceanblue .drp-loc-box,
.theme-oceanblue #drp-trigger,
.theme-oceanblue #drp-panel,
.theme-oceanblue #drp-calendar,
.theme-oceanblue .mob-filter-bar,
.theme-oceanblue .lt-detail-grid,
.theme-oceanblue .lt-gallery-main,
.theme-oceanblue .lt-gallery-thumb,
.theme-oceanblue .lt-booking-card,
.theme-oceanblue .lt-spec-grid,
.theme-oceanblue .lt-spec-item,
.theme-oceanblue .acc-sum,
.theme-oceanblue .acc-body,
.theme-oceanblue .flt-opt,
.theme-oceanblue .prs-track,
.theme-oceanblue .lt-sum-row {
  background: rgba(255,255,255,.97) !important;
  border-color: #d9e8f4 !important;
  color: var(--ob-navy) !important;
  box-shadow: 0 14px 34px rgba(15,39,68,.1) !important;
}
.theme-oceanblue .drp-loc-box,
.theme-oceanblue #drp-trigger,
.theme-oceanblue #drp-panel,
.theme-oceanblue .lt-gallery-thumb,
.theme-oceanblue .lt-booking-card,
.theme-oceanblue .lt-spec-grid,
.theme-oceanblue .lt-spec-item,
.theme-oceanblue .lt-sum-box,
.theme-oceanblue .lt-sum-total {
  border-radius: 12px !important;
}
.theme-oceanblue #drp-location,
.theme-oceanblue #drp-return-location,
.theme-oceanblue #drp-pickup-time,
.theme-oceanblue #drp-return-time,
.theme-oceanblue .lt-book-input,
.theme-oceanblue .lt-search-input,
.theme-oceanblue .inp-field {
  background: #f0f9ff !important;
  border-color: #bfdbfe !important;
  color: var(--ob-navy) !important;
}
.theme-oceanblue #drp-start-label,
.theme-oceanblue #drp-end-label,
.theme-oceanblue .lt-book-label,
.theme-oceanblue .lt-spec-val,
.theme-oceanblue .lt-sum-val,
.theme-oceanblue .acc-sum { color: var(--ob-navy) !important; }
.theme-oceanblue #drp-wrap [style*="background:#f8fafc"],
.theme-oceanblue #drp-panel [style*="background:#f8fafc"],
.theme-oceanblue #drp-panel [style*="background:#fff"],
.theme-oceanblue .cars-sidebar [style*="background:#fff"],
.theme-oceanblue .bikes-sidebar-wrap [style*="background:#fff"],
.theme-oceanblue [style*="background:#fff7ed"] {
  background: #eef8ff !important;
  border-color: #d9e8f4 !important;
}
.theme-oceanblue .cars-sidebar details,
.theme-oceanblue .bikes-sidebar-wrap details,
.theme-oceanblue .cars-sidebar [style*="border-bottom:1px solid #f1f5f9"],
.theme-oceanblue .bikes-sidebar-wrap [style*="border-bottom:1px solid #f1f5f9"] {
  border-color: #d9e8f4 !important;
}
.theme-oceanblue .mob-filter-btn,
.theme-oceanblue button[type="submit"],
.theme-oceanblue [onclick="drpSearch()"] {
  background: var(--ob-blue) !important;
  border-color: var(--ob-blue) !important;
  color: #fff !important;
}
.theme-oceanblue .mob-filter-badge {
  background: #fff !important;
  color: var(--ob-blue-dk) !important;
}
.theme-oceanblue .prs-track { background: #dbeafe !important; }
.theme-oceanblue .prs-fill { background: var(--ob-blue) !important; }
.theme-oceanblue .lt-gallery-main,
.theme-oceanblue .lt-gallery-ph {
  background: #eaf8ff !important;
}
.theme-oceanblue .lt-sum-row,
.theme-oceanblue .lt-sum-total,
.theme-oceanblue .lt-spec-grid,
.theme-oceanblue .lt-spec-item {
  border-color: #d9e8f4 !important;
}

/* Ocean Blue finishing pass: readable buttons + richer ending */
.theme-oceanblue .ob-btn-book,
.theme-oceanblue .ob-btn-cta,
.theme-oceanblue .ob-search-btn,
.theme-oceanblue .ob-mob-btn,
.theme-oceanblue a.ob-btn-book,
.theme-oceanblue a.ob-btn-cta,
.theme-oceanblue .lt-btn-blue,
.theme-oceanblue .lt-btn-blue-lg,
.theme-oceanblue .lt-car-rent-btn,
.theme-oceanblue .btn-primary,
.theme-oceanblue .drp-search-btn,
.theme-oceanblue button[type="submit"],
.theme-oceanblue [onclick="drpSearch()"] {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(8,47,73,.28);
}

.theme-oceanblue .ob-final-cta {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(56,189,248,.26), transparent 30%),
    linear-gradient(135deg, #0b2a47 0%, #0f3d64 52%, #082f49 100%) !important;
  border-top: 1px solid rgba(56,189,248,.28);
  border-bottom: 1px solid rgba(56,189,248,.18);
}

.theme-oceanblue .ob-final-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 88px 88px;
  pointer-events: none;
}

.theme-oceanblue .ob-final-cta .ob-container {
  position: relative;
  z-index: 1;
}

.theme-oceanblue .ob-final-cta h2 {
  color: #ffffff !important;
}

.theme-oceanblue .ob-final-cta p {
  color: rgba(232,246,255,.82) !important;
}

.theme-oceanblue .ob-final-cta a[style*="background:#06c755"] {
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(6,199,85,.26);
}

.theme-oceanblue .ob-btn-cta {
  background: linear-gradient(135deg, #0284c7, #38bdf8) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 18px 36px rgba(14,165,233,.30) !important;
}

.theme-oceanblue .ob-btn-cta:hover {
  background: linear-gradient(135deg, #0369a1, #0ea5e9) !important;
}

.theme-oceanblue .ob-footer {
  background:
    radial-gradient(circle at 16% 0%, rgba(56,189,248,.16), transparent 28%),
    linear-gradient(180deg, #0f2744 0%, #0a223b 100%) !important;
  border-top: 1px solid rgba(56,189,248,.28);
  color: rgba(232,246,255,.76) !important;
}

.theme-oceanblue .ob-footer-grid {
  padding: 3rem 0 2.25rem;
  border-bottom: 1px solid rgba(186,230,253,.14);
}

.theme-oceanblue .ob-footer-brand {
  color: #ffffff !important;
  font-size: 1.2rem;
}

.theme-oceanblue .ob-footer-brand span {
  color: #38bdf8 !important;
}

.theme-oceanblue .ob-footer-desc {
  color: rgba(232,246,255,.72) !important;
}

.theme-oceanblue .ob-footer-heading {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #7dd3fc !important;
  font-weight: 900;
  letter-spacing: .12em;
}

.theme-oceanblue .ob-footer-heading::before {
  content: '';
  width: 18px;
  height: 2px;
  background: #38bdf8;
  border-radius: 99px;
}

.theme-oceanblue .ob-footer a {
  color: rgba(232,246,255,.76) !important;
  font-weight: 650;
}

.theme-oceanblue .ob-footer a:hover {
  color: #7dd3fc !important;
}

.theme-oceanblue .ob-footer-copy {
  color: rgba(232,246,255,.48) !important;
  border-top-color: rgba(186,230,253,.12) !important;
}

/* Ocean Blue extra polish: deep water finish */
body.theme-oceanblue .ob-section,
body.theme-oceanblue .ob-section-alt {
  position: relative;
  overflow: hidden;
}
body.theme-oceanblue .ob-search-section {
  overflow: visible;
  z-index: 10;
}
#ob-drp-panel {
  z-index: 1000;
}
body.theme-oceanblue .ob-section::before,
body.theme-oceanblue .ob-section-alt::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 14% 8%, rgba(56,189,248,.10), transparent 24%),
    linear-gradient(115deg, transparent 0 46%, rgba(14,165,233,.08) 46% 47%, transparent 47% 100%);
  pointer-events: none;
}
body.theme-oceanblue .ob-container {
  position: relative;
  z-index: 1;
}
body.theme-oceanblue .ob-search-panel,
body.theme-oceanblue .ob-car-card,
body.theme-oceanblue .ob-step-card,
body.theme-oceanblue .ob-review-card {
  background: #1a3a5c !important;
  border-color: rgba(56,189,248,.20) !important;
  box-shadow: 0 18px 48px rgba(8,47,73,.25) !important;
}
/* section headings on dark bg */
body.theme-oceanblue .ob-sec-title { color: #e2f0ff !important; }
body.theme-oceanblue .ob-sec-title span[style*="ob-cyan"] { color: var(--ob-cyan) !important; }
body.theme-oceanblue .ob-sec-sub { color: #93b8d8 !important; }
body.theme-oceanblue .ob-section-alt .ob-sec-title { color: #0f2744 !important; }
body.theme-oceanblue .ob-section-alt .ob-sec-sub { color: #475569 !important; }
/* car card text on dark bg */
body.theme-oceanblue .ob-car-name { color: #e2f0ff !important; }
body.theme-oceanblue .ob-car-meta span { color: #93b8d8 !important; }
body.theme-oceanblue .ob-car-footer { border-top-color: rgba(56,189,248,.15) !important; }
body.theme-oceanblue .ob-car-price span { color: #7bafd4 !important; }
/* step card text */
body.theme-oceanblue .ob-step-num { color: #38bdf8 !important; }
body.theme-oceanblue .ob-step-title { color: #e2f0ff !important; }
body.theme-oceanblue .ob-step-desc { color: #93b8d8 !important; }
/* why us section text */
body.theme-oceanblue .ob-why-title { color: #e2f0ff !important; }
body.theme-oceanblue .ob-why-desc { color: #93b8d8 !important; }
body.theme-oceanblue .ob-review-stars { color: #fbbf24 !important; }
body.theme-oceanblue .ob-review-text { color: #c7e0f8 !important; }
body.theme-oceanblue .ob-review-author { color: #e2f0ff !important; }
body.theme-oceanblue .ob-review-avatar {
  background: rgba(56,189,248,.2) !important;
  color: #38bdf8 !important;
  border: 1.5px solid rgba(56,189,248,.3) !important;
}
body.theme-oceanblue .ob-review-name { color: #e2f0ff !important; }
body.theme-oceanblue .ob-review-date { color: #7bafd4 !important; }
body.theme-oceanblue .ob-car-card:hover,
body.theme-oceanblue .ob-step-card:hover {
  transform: translateY(-5px);
  border-color: rgba(14,165,233,.42) !important;
  box-shadow: 0 26px 72px rgba(8,47,73,.18), 0 0 34px rgba(56,189,248,.10) !important;
}
body.theme-oceanblue .ob-car-media {
  background: linear-gradient(135deg, #e0f2fe, #bae6fd) !important;
}
body.theme-oceanblue .ob-car-media::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: linear-gradient(90deg, #082f49, #0284c7, #38bdf8);
}
body.theme-oceanblue .ob-final-cta .ob-container {
  max-width: 1120px;
  padding: 2rem;
  border: 1px solid rgba(186,230,253,.20);
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(255,255,255,.11), rgba(8,47,73,.32));
  box-shadow: 0 28px 80px rgba(8,47,73,.28), inset 0 1px 0 rgba(255,255,255,.12);
}
body.theme-oceanblue .ob-footer-grid {
  padding: 1.4rem;
  border: 1px solid rgba(186,230,253,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

/* Popular cars sits on the pale ocean background, so it must not inherit the
   light heading colours used by the dark Ocean Blue sections. */
body.theme-oceanblue #cars .ob-sec-label {
  color: #0369a1 !important;
}
body.theme-oceanblue #cars .ob-sec-title {
  color: #0f2744 !important;
  text-shadow: none !important;
}
body.theme-oceanblue #cars .ob-sec-title span {
  color: #0284c7 !important;
  margin-left: .22em;
}
body.theme-oceanblue #cars .ob-sec-sub {
  color: #475569 !important;
}
body.theme-oceanblue .ob-footer-grid > div {
  padding: .85rem;
  border-radius: 14px;
}

/* ── Mobile: "รถเช่าที่คุณอาจสนใจ" (car.php similar-cars) — swipe row instead of stacked grid ── */
@media (max-width: 640px) {
  body.theme-oceanblue .lt-similar-grid {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: .875rem !important;
    margin: 0 -1.25rem;
    padding: .1rem 1.25rem .75rem;
    scrollbar-width: none;
  }
  body.theme-oceanblue .lt-similar-grid::-webkit-scrollbar { display: none; }
  body.theme-oceanblue .lt-similar-grid .lt-similar-card {
    flex: 0 0 auto;
    width: 68vw;
    max-width: 240px;
    scroll-snap-align: start;
  }
  body.theme-oceanblue .lt-similar-grid .lt-similar-img,
  body.theme-oceanblue .lt-similar-grid .lt-similar-img-ph {
    height: 130px;
  }
}