/*
Theme Name: Lotus Trans
Theme URI: https://lotus-trans.com/
Author: Lotus Trans
Author URI: https://lotus-trans.com/
Description: Theme klasik ringan untuk rental mobil Purwokerto dengan fondasi SEO, inquiry WhatsApp, dan cluster layanan Lotus Trans.
Version: 1.4.0
Text Domain: lotus-trans
*/

:root {
  --lt-ink: #0c2033;
  --lt-ink-2: #18384d;
  --lt-muted: #617487;
  --lt-line: #d9e4eb;
  --lt-surface: #f4f8fa;
  --lt-white: #fff;
  --lt-teal: #087f7a;
  --lt-teal-soft: #e3f5f2;
  --lt-amber: #e67e22;
  --lt-amber-dark: #b65b09;
  --lt-shadow: 0 18px 55px rgba(12, 32, 51, .12);
  --lt-radius: 18px;
  --lt-max: 1160px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--lt-ink);
  background: var(--lt-white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
a { color: inherit; }
img { max-width: 100%; height: auto; }
:focus-visible { outline: 3px solid var(--lt-amber); outline-offset: 3px; }
.lt-wrap { width: min(calc(100% - 2rem), var(--lt-max)); margin-inline: auto; }
.lt-skip-link { position: absolute; left: -9999px; top: 0; }
.lt-skip-link:focus { left: 1rem; top: 1rem; z-index: 20; background: #fff; padding: .7rem 1rem; border-radius: 10px; }
.lt-topbar { background: var(--lt-ink); color: #dbe8ef; font-size: .86rem; }
.lt-topbar .lt-wrap { display:flex; justify-content:space-between; gap:1rem; padding:.55rem 0; }
.lt-topbar a { color:#fff; text-decoration:none; font-weight:800; }
.lt-header { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.96); border-bottom:1px solid rgba(217,228,235,.9); backdrop-filter:blur(16px); }
.lt-nav { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:74px; }
.lt-brand { display:inline-flex; align-items:center; gap:.7rem; text-decoration:none; font-weight:850; letter-spacing:-.03em; font-size:1.2rem; }
.lt-brand-mark { display:grid; place-items:center; width:38px; height:38px; background:var(--lt-ink); color:#fff; border-radius:12px 12px 12px 4px; font-size:.9rem; letter-spacing:-.08em; }
.lt-menu { display:flex; align-items:center; gap:1.25rem; list-style:none; padding:0; margin:0; font-size:.93rem; font-weight:750; }
.lt-menu a { text-decoration:none; color:var(--lt-ink-2); }
.lt-menu a:hover { color:var(--lt-teal); }
.lt-nav-cta, .lt-button { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; border:0; border-radius:11px; min-height:46px; padding:.7rem 1rem; font-weight:800; text-decoration:none; cursor:pointer; }
.lt-nav-cta, .lt-button-primary { background:var(--lt-amber); color:#201205; }
.lt-nav-cta:hover, .lt-button-primary:hover { background:#f09234; color:#201205; }
.lt-button-secondary { border:1px solid var(--lt-line); background:#fff; color:var(--lt-ink); }
.lt-button-secondary:hover { border-color:var(--lt-teal); color:var(--lt-teal); }
.lt-menu-toggle { display:none; background:transparent; border:1px solid var(--lt-line); border-radius:10px; padding:.55rem .7rem; font-weight:800; }
.lt-hero { background:radial-gradient(circle at 78% 12%, rgba(27,145,140,.22), transparent 34%), linear-gradient(135deg,#0b2033 0%,#173d51 62%,#0a6e6a 100%); color:#fff; overflow:hidden; }
.lt-hero .lt-wrap { display:grid; grid-template-columns:1.04fr .96fr; gap:3rem; align-items:center; padding:5.8rem 0 5.4rem; }
.lt-eyebrow, .lt-kicker { color:#8ce0d9; font-size:.76rem; letter-spacing:.14em; font-weight:850; text-transform:uppercase; }
.lt-kicker { color:var(--lt-teal); margin-bottom:.7rem; }
.lt-hero h1 { max-width:680px; font-size:clamp(2.55rem,6vw,5rem); margin:.8rem 0 1.15rem; }
.lt-hero p { max-width:620px; color:#d6e6eb; font-size:1.08rem; }
.lt-hero-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.65rem; }
.lt-hero-note { font-size:.86rem !important; color:#b9d4dc !important; margin-top:1rem; }
.lt-inquiry { background:rgba(255,255,255,.98); color:var(--lt-ink); border-radius:22px; padding:1.3rem; box-shadow:0 28px 70px rgba(0,0,0,.2); }
.lt-inquiry-head { display:flex; justify-content:space-between; gap:1rem; align-items:start; border-bottom:1px solid var(--lt-line); padding:.3rem .2rem 1rem; }
.lt-inquiry-head p { color:var(--lt-muted); font-size:.86rem; margin:.25rem 0 0; }
.lt-badge { background:var(--lt-teal-soft); color:var(--lt-teal); border-radius:999px; padding:.3rem .6rem; font-size:.73rem; font-weight:850; white-space:nowrap; }
.lt-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:.85rem; padding-top:1rem; }
.lt-form label { display:grid; gap:.3rem; color:var(--lt-ink-2); font-size:.82rem; font-weight:800; }
.lt-form input, .lt-form select, .lt-form textarea { width:100%; border:1px solid var(--lt-line); border-radius:10px; min-height:45px; padding:.65rem .7rem; background:#fff; color:var(--lt-ink); font:inherit; }
.lt-form textarea { min-height:80px; resize:vertical; }
.lt-full { grid-column:1 / -1; }
.lt-form-submit { width:100%; margin-top:1rem; }
.lt-form-small { color:var(--lt-muted); font-size:.74rem; margin:.7rem .1rem 0; }
.lt-stats { background:var(--lt-surface); border-bottom:1px solid var(--lt-line); }
.lt-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--lt-line); }
.lt-stat { background:var(--lt-surface); padding:1.1rem 1rem; }
.lt-stat strong { display:block; font-size:1.15rem; }
.lt-stat span { color:var(--lt-muted); font-size:.83rem; }
.lt-section { padding:5.5rem 0; }
.lt-section-head { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-bottom:2rem; }
.lt-section-head p { max-width:540px; color:var(--lt-muted); margin:0; }
.lt-section h2, .lt-page-title { font-size:clamp(2rem,4vw,3.1rem); line-height:1.08; letter-spacing:-.045em; margin:0; }
.lt-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.lt-card { border:1px solid var(--lt-line); border-radius:var(--lt-radius); padding:1.3rem; background:#fff; }
.lt-card:hover { box-shadow:var(--lt-shadow); transform:translateY(-2px); transition:.2s ease; }
.lt-card-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:var(--lt-teal); background:var(--lt-teal-soft); font-weight:900; margin-bottom:1rem; }
.lt-card p { color:var(--lt-muted); font-size:.94rem; }
.lt-text-link { color:var(--lt-teal); font-weight:850; text-decoration:none; }
.lt-text-link:hover { text-decoration:underline; }
.lt-price-section { background:var(--lt-surface); }
.lt-table-wrap { overflow-x:auto; border:1px solid var(--lt-line); border-radius:16px; background:#fff; }
.lt-table { width:100%; min-width:720px; border-collapse:collapse; }
.lt-table th, .lt-table td { text-align:left; padding:1rem; border-bottom:1px solid var(--lt-line); vertical-align:top; }
.lt-table th { color:#c7e6e2; background:var(--lt-ink); font-size:.79rem; letter-spacing:.06em; text-transform:uppercase; }
.lt-table td { font-size:.92rem; }
.lt-table tr:last-child td { border-bottom:0; }
.lt-price { color:var(--lt-teal); font-weight:900; white-space:nowrap; }
.lt-muted { color:var(--lt-muted); }
.lt-fleet-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.lt-fleet-card { overflow:hidden; border:1px solid var(--lt-line); border-radius:16px; background:#fff; }
.lt-fleet-image { min-height:155px; display:grid; place-items:center; color:#b9d4dc; background:linear-gradient(135deg,#15364b,#0a6e6a); font-weight:850; letter-spacing:.08em; text-transform:uppercase; text-align:center; padding:1rem; }
.lt-fleet-image img { width:100%; height:155px; object-fit:cover; display:block; }
.lt-fleet-body { padding:1rem; }
.lt-fleet-body p { color:var(--lt-muted); font-size:.87rem; min-height:48px; }
.lt-fleet-price { color:var(--lt-teal); font-size:.9rem; font-weight:900; }
.lt-split { display:grid; grid-template-columns:.9fr 1.1fr; gap:3rem; align-items:start; }
.lt-list { display:grid; gap:.8rem; margin:1.5rem 0 0; padding:0; list-style:none; }
.lt-list li { display:flex; gap:.7rem; align-items:start; }
.lt-check { color:var(--lt-teal); font-weight:900; }
.lt-steps { display:grid; gap:.8rem; }
.lt-step { display:grid; grid-template-columns:46px 1fr; gap:.8rem; padding:1rem; border:1px solid var(--lt-line); border-radius:14px; }
.lt-step-num { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; color:#fff; background:var(--lt-teal); font-weight:900; }
.lt-step p { color:var(--lt-muted); margin:.25rem 0 0; font-size:.9rem; }
.lt-area { background:var(--lt-ink); color:#fff; }
.lt-area .lt-section-head p, .lt-area .lt-muted { color:#b9d4dc; }
.lt-area-pills { display:flex; flex-wrap:wrap; gap:.7rem; margin:1.4rem 0 0; }
.lt-pill { border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; border-radius:999px; padding:.62rem .85rem; font-weight:750; }
.lt-faq { border-top:1px solid var(--lt-line); }
.lt-faq details { border-bottom:1px solid var(--lt-line); padding:1rem 0; }
.lt-faq summary { cursor:pointer; font-weight:850; }
.lt-faq details p { color:var(--lt-muted); max-width:800px; }
.lt-final-cta { background:#e7f5f2; }
.lt-final-box { display:flex; justify-content:space-between; gap:2rem; align-items:center; padding:2rem; border:1px solid #bde4df; border-radius:20px; background:#fff; }
.lt-final-box p { color:var(--lt-muted); max-width:620px; }
.lt-footer { background:#081725; color:#dbe8ef; padding:3rem 0 1.4rem; }
.lt-footer-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:2rem; }
.lt-footer a { color:#dbe8ef; text-decoration:none; }
.lt-footer a:hover { color:#fff; text-decoration:underline; }
.lt-footer ul { list-style:none; padding:0; margin:.7rem 0 0; display:grid; gap:.3rem; font-size:.9rem; }
.lt-copyright { border-top:1px solid rgba(255,255,255,.13); margin-top:2rem; padding-top:1rem; color:#8ca6b3; font-size:.82rem; }
.lt-breadcrumbs { color:var(--lt-muted); font-size:.87rem; margin-bottom:1.2rem; }
.lt-breadcrumbs a { color:var(--lt-teal); text-decoration:none; }
.lt-page-hero { background:var(--lt-surface); padding:4rem 0 3rem; border-bottom:1px solid var(--lt-line); }
.lt-page-lede { max-width:760px; color:var(--lt-muted); font-size:1.08rem; margin:1rem 0 0; }
.lt-page-content { max-width:860px; }
.lt-page-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:2.2rem; align-items:start; }
.lt-page-layout-single { display:block; }
.lt-page-content { min-width:0; }
.lt-page-content > *:first-child { margin-top:0; }
.lt-page-featured-image { margin:0 0 2rem; border-radius:16px; overflow:hidden; background:var(--lt-surface); }
.lt-page-featured-image img { width:100%; display:block; max-height:430px; object-fit:cover; }
.lt-page-content h2 { font-size:2rem; margin:2.2rem 0 .75rem; }
.lt-page-content h3 { font-size:1.3rem; margin:1.5rem 0 .5rem; }
.lt-page-content p, .lt-page-content li { color:#344c5e; }
.lt-page-content table { width:100%; border-collapse:collapse; margin:1.3rem 0; }
.lt-page-content th, .lt-page-content td { padding:.8rem; border:1px solid var(--lt-line); text-align:left; }
.lt-page-content th { background:var(--lt-ink); color:#fff; }
.lt-notice { padding:1rem 1.1rem; border-left:4px solid var(--lt-teal); background:var(--lt-teal-soft); border-radius:8px; }
.lt-address-block { margin:1.3rem 0 0; padding:1rem 1.1rem; border:1px solid var(--lt-line); border-radius:12px; background:var(--lt-surface); color:var(--lt-muted); font-style:normal; }
.lt-address-block strong { color:var(--lt-ink); }
.lt-area .lt-address-block { border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.08); color:#dbe8ef; }
.lt-area .lt-address-block strong { color:#fff; }
.lt-page-inquiry { margin-top:3rem; padding-top:2rem; border-top:1px solid var(--lt-line); }
.lt-page-inquiry > h2 { margin-top:0; }
.lt-page-inquiry .lt-inquiry { margin-top:1.25rem; background:var(--lt-surface); box-shadow:none; border:1px solid var(--lt-line); }
.lt-page-faq { margin-top:3rem; }
.lt-page-faq h2 { margin-top:0; }
.lt-page-aside { display:grid; gap:1rem; position:sticky; top:95px; }
.lt-aside-card { border:1px solid var(--lt-line); border-radius:16px; background:#fff; padding:1.1rem; }
.lt-aside-primary { background:var(--lt-ink); color:#fff; border-color:var(--lt-ink); }
.lt-aside-primary .lt-kicker { color:#8ce0d9; }
.lt-aside-primary h2 { font-size:1.55rem; margin:0 0 .6rem; }
.lt-aside-primary p { color:#b9d4dc; font-size:.9rem; }
.lt-aside-primary .lt-button { width:100%; }
.lt-aside-phone { display:block; margin-top:.8rem; color:#fff; font-weight:850; text-align:center; text-decoration:none; }
.lt-aside-address { font-style:normal; color:var(--lt-muted); font-size:.84rem; line-height:1.55; margin:.65rem 0 0; }
.lt-aside-map { display:inline-block; color:var(--lt-teal); font-size:.82rem; font-weight:850; margin-top:.75rem; text-decoration:none; }
.lt-aside-map:hover { text-decoration:underline; }
.lt-related-links { display:grid; gap:.55rem; list-style:none; padding:0; margin:.75rem 0 0; }
.lt-related-links a { color:var(--lt-teal); font-size:.86rem; font-weight:800; text-decoration:none; }
.lt-related-links a:hover { text-decoration:underline; }
.lt-mobile-actions { display:none; }
.lt-catalog-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin:1.8rem 0 2.3rem; }
.lt-catalog-card { border:1px solid var(--lt-line); border-radius:16px; padding:1rem; background:#fff; }
.lt-catalog-card-head { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--lt-line); padding-bottom:.7rem; }
.lt-catalog-card h3 { margin:0; font-size:1.1rem; }
.lt-catalog-card-head span { color:var(--lt-teal); font-size:.78rem; font-weight:850; white-space:nowrap; }
.lt-catalog-list { display:grid; grid-template-columns:repeat(2,1fr); gap:.65rem; list-style:none; padding:1rem 0 0; margin:0; }
.lt-catalog-list li { display:grid; gap:.08rem; padding:.7rem; border-radius:10px; background:var(--lt-surface); }
.lt-catalog-list strong { font-size:.9rem; }
.lt-catalog-list span { color:var(--lt-muted); font-size:.75rem; line-height:1.35; }
.screen-reader-text { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:900px) {
  .lt-hero .lt-wrap, .lt-split { grid-template-columns:1fr; }
  .lt-hero .lt-wrap { padding:4.4rem 0; }
  .lt-cards { grid-template-columns:repeat(2,1fr); }
  .lt-fleet-grid { grid-template-columns:repeat(2,1fr); }
  .lt-final-box { align-items:start; flex-direction:column; }
  .lt-page-layout { grid-template-columns:1fr; }
  .lt-page-aside { position:static; grid-template-columns:repeat(2,1fr); }
  .lt-aside-primary { grid-column:1 / -1; }
}
@media (max-width:700px) {
  body { padding-bottom:4.3rem; }
  .lt-topbar .lt-wrap { align-items:start; flex-direction:column; gap:.1rem; }
  .lt-menu { display:none; position:absolute; left:1rem; right:1rem; top:67px; padding:.8rem; border:1px solid var(--lt-line); border-radius:14px; background:#fff; box-shadow:var(--lt-shadow); }
  .lt-menu.lt-open { display:grid; }
  .lt-menu-toggle { display:inline-flex; }
  .lt-nav-cta { display:none; }
  .lt-hero .lt-wrap { gap:2rem; }
  .lt-section { padding:4rem 0; }
  .lt-section-head { align-items:start; flex-direction:column; gap:.8rem; }
  .lt-cards, .lt-fleet-grid, .lt-stats-grid, .lt-footer-grid { grid-template-columns:1fr; }
  .lt-catalog-grid, .lt-catalog-list { grid-template-columns:1fr; }
  .lt-form-grid { grid-template-columns:1fr; }
  .lt-full { grid-column:auto; }
  .lt-hero h1 { font-size:clamp(2.5rem,15vw,4rem); }
  .lt-page-aside { grid-template-columns:1fr; }
  .lt-aside-primary { grid-column:auto; }
  .lt-mobile-actions { position:fixed; left:0; right:0; bottom:0; z-index:30; display:grid; grid-template-columns:1fr 1fr; gap:1px; padding:0; background:var(--lt-line); box-shadow:0 -10px 30px rgba(12,32,51,.14); }
  .lt-mobile-actions a { min-height:3.65rem; display:flex; align-items:center; justify-content:center; background:var(--lt-ink); color:#fff; font-weight:850; text-decoration:none; }
  .lt-mobile-actions a:first-child { background:var(--lt-amber); color:#201205; }
}