/* Albania Rental – dizajni "Rinas" (faqja live). Ngarkohet PAS /style.css dhe ndryshon vetëm pamjen.
   Logjika e rezervimit (js/booking.js, js/core.js) është e njëjta me faqen live. */
:root{--limestone:#F6F1E8;--paper:#FFFCF7;--asphalt:#17191C;--muted:#66605A;--line:#E2D9CB;--sea:#17191C;--sea-deep:#17191C;--ink:#17191C;--onink:#F6F1E8;--soft:#EFE8DC;--ok:#2E7D4F;--ok-soft:#E3F1E8;--road:#E2D9CB;--lane:#17191C;--band:#17191C;--photo:linear-gradient(170deg,#E9E1D3,#C8BBA6);--serif:Fraunces,Georgia,"Times New Roman",serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--limestone:#141516;--paper:#1D1F22;--asphalt:#F3EFE8;--muted:#A6A099;--line:#30333A;--sea:#F3EFE8;--sea-deep:#0E0F10;--ink:#F6F1E8;--onink:#17191C;--soft:#26282C;--ok:#5FC08A;--ok-soft:#1B3326;--road:#24262A;--lane:#F6F1E8;--band:#0B0C0D;--photo:linear-gradient(170deg,#34312c,#211f1c);color-scheme:dark}}
:root[data-theme="dark"]{--limestone:#141516;--paper:#1D1F22;--asphalt:#F3EFE8;--muted:#A6A099;--line:#30333A;--sea:#F3EFE8;--sea-deep:#0E0F10;--ink:#F6F1E8;--onink:#17191C;--soft:#26282C;--ok:#5FC08A;--ok-soft:#1B3326;--road:#24262A;--lane:#F6F1E8;--band:#0B0C0D;--photo:linear-gradient(170deg,#34312c,#211f1c);color-scheme:dark}
body{font-family:var(--sans);font-size:1rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,summary{font-family:var(--serif);font-stretch:100%;letter-spacing:-.02em}
h2{font-weight:700}h3{font-weight:700}
.btn{font-family:var(--sans);border-radius:8px;min-height:50px}
.btn.line{background:transparent;color:var(--asphalt);border:1.5px solid var(--line)}.btn.line:hover{background:var(--soft)}
.btn.line svg,.wa-ic{color:#25D366}
input,select{font-family:var(--sans);font-size:16px;border-radius:8px;background:var(--limestone)}
.wrap{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}

/* header */
header.top{background:#17191C;border-bottom:0;transition:box-shadow .3s ease}
.top .wrap{height:68px;transition:height .3s ease}.top .brand img{height:50px;transition:height .3s ease}
header.top.scrolled{box-shadow:0 10px 30px -12px rgba(0,0,0,.5)}header.top.scrolled .wrap{height:56px}header.top.scrolled .brand img{height:38px}
.langs a{color:#B8B2A8;background:none!important;border-radius:0;padding:4px 6px}.langs a[aria-current]{color:#fff;box-shadow:inset 0 -2px 0 var(--flag)}
.top .btn.line{color:#F6F1E8;border-color:#3a3d42;min-height:40px;padding:8px 14px}
nav.main a{color:#C9C2B6}

/* hero */
.hero{background:var(--limestone);color:var(--asphalt)}
.hero .road{opacity:1;will-change:transform}.hero .road .r{stroke:var(--road)}.hero .road .l{stroke:var(--lane);stroke-opacity:.3}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:80px}
.hero .wrap>*{min-width:0}
.kicker{display:flex;align-items:center;gap:10px;font:600 .8rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--flag);margin-bottom:16px}.kicker::before{content:"";width:28px;height:2px;background:var(--flag);flex:none}
.hero h1{font-size:clamp(2.6rem,6.6vw,5.2rem);font-weight:700;line-height:1.02;letter-spacing:-.025em;max-width:none;margin:0 0 18px}
.hero h1 .big{display:block}.hero h1 i{font-style:normal}
.hero .lead{font-size:1.1rem;color:var(--muted);max-width:46ch;margin-bottom:22px}
.cta2{display:flex;gap:10px;flex-wrap:wrap}
.trust{background:var(--limestone);position:relative;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px}
.trust>div{padding:12px 8px;border-right:1px solid var(--line);font-size:.82rem;color:var(--muted);min-width:0}.trust>div:last-child{border:0}
.trust b{display:block;font:700 1.4rem/1.2 var(--serif);color:var(--asphalt)}
.bosh{display:inline-block;min-width:2.6em;border:1.5px dashed var(--flag);border-radius:6px;color:var(--flag);font:600 .75rem/1.4 var(--sans);padding:0 6px;text-align:center;vertical-align:middle}

/* boarding pass = formulari i kërkimit (i njëjti #book) */
.pass{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(0,0,0,.4)}
.pass .hd{background:#17191C;color:#F6F1E8;padding:13px 18px;display:flex;justify-content:space-between;font:600 .72rem var(--sans);letter-spacing:.1em;text-transform:uppercase}.pass .hd b{color:#FF6B7F}
.pass .sbar{margin:0;background:transparent;box-shadow:none;border-radius:0;padding:16px 18px 18px}
.pass .sb-row,.pass .sb-row.diff{grid-template-columns:1fr 92px;gap:10px}
.pass .sb-loc,.pass .sb-row.diff .sb-loc,.pass .sb-go{grid-column:1/-1}
.pass .sb-f{background:var(--limestone);border:1px solid var(--line);border-radius:8px}
.pass .sb-f label{font:600 .68rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pass .sb-f input,.pass .sb-f select{font-size:16px;font-weight:600;min-height:32px}
.pass .sb-go{min-height:54px;border-radius:8px;margin-top:6px;position:relative}
.pass .sb-foot{padding:10px 0 0;border-top:2px dashed var(--line);margin-top:14px;flex-direction:column;align-items:flex-start;gap:6px}
.pass .alt{display:flex;justify-content:center;align-items:center;gap:8px;font-weight:600;font-size:.92rem;color:var(--asphalt);text-decoration:none;padding:0 18px 16px}
.pass .alt svg{width:18px;height:18px;color:#25D366}

/* rregullat (promises) */
.promises{background:var(--paper)}
.promises h3{font-family:var(--serif);font-size:1.2rem}.promises h3 svg{color:var(--flag)}
.rules-h{padding-top:56px}.rules-h h2{margin:0}

/* flota */
section.block{padding:84px 0}
.fleet2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fcar{display:grid;gap:8px;color:inherit;text-decoration:none}
.fcar .fp{background:var(--photo);border-radius:10px;aspect-ratio:4/3;max-width:100%;overflow:hidden;display:grid;place-items:center;position:relative}
.fcar .fp img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.fcar:hover .fp img{transform:scale(1.04)}
.fcar .fp svg{width:62%;color:var(--asphalt);opacity:.45}
.fcar .soon{position:absolute;left:10px;bottom:10px;background:rgba(23,25,28,.8);color:#F6F1E8;font-size:.72rem;font-weight:600;border-radius:999px;padding:4px 10px}
.fcar h3{font-size:1.6rem;margin:4px 0 0}.fcar .m{color:var(--muted);font-size:.9rem}
.fcar .go{border-top:1px solid var(--line);padding-top:8px;color:var(--flag);font-weight:700;font-size:.92rem}
.fleet{grid-template-columns:repeat(4,1fr)}
.car{background:var(--paper);border-radius:12px}.car svg{color:var(--asphalt)}.car a{color:var(--flag)}

/* historia + hapat */
.story{background:var(--band);color:#F6F1E8}.story .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.story h2{font-size:clamp(2rem,4.5vw,3.4rem);color:#F6F1E8}.story h2 i{font-style:normal;color:var(--flag)}
.story p{color:#C9C2B6;font-size:1.05rem}
.flags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.flags span{border:1px solid #3a3d42;border-radius:999px;padding:7px 13px;font-size:.88rem}
.tl{list-style:none;margin:0;padding:0 0 0 24px;border-left:2px solid #3a3d42;counter-reset:t}
.tl li{position:relative;padding-bottom:24px;counter-increment:t}.tl li:last-child{padding-bottom:0}
.tl li::before{content:"0" counter(t);position:absolute;left:-38px;top:0;width:28px;height:28px;border-radius:50%;background:var(--flag);color:#fff;font:700 .7rem var(--sans);display:grid;place-items:center;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.tl h3{font-size:1.4rem;color:#F6F1E8;margin:0 0 4px}.tl p{margin:0;font-size:.98rem}

/* about, faq, contact */
.stat{border-top:3px solid var(--asphalt)}.stat strong{font:700 clamp(2.4rem,5vw,3.4rem)/1 var(--serif)}
summary{font-size:1.15rem;font-weight:700}
.contact{background:var(--band);color:#F6F1E8}.contact a.phone{font:700 clamp(1.8rem,5vw,3.2rem) var(--serif)}
.contact p{color:#C9C2B6}.contact .btn.ghost{color:#F6F1E8;border-color:#F6F1E8}

/* ---------- rezervimi (i njëjti HTML nga js/booking.js) ---------- */
.results{background:var(--limestone)}
.bk-steps{display:flex;gap:6px;margin:0 0 6px}.bk-steps i{flex:1;height:4px;border-radius:4px;background:var(--line)}.bk-steps i.on{background:var(--flag)}
.bk-stepl{font:600 .72rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.rs-sum{border-radius:12px;background:var(--paper)}
.rs-head h2{font-size:1.8rem}
.rs-sort{border-radius:999px;background:var(--soft);border:0}.rs-sort button{border-radius:999px;font-family:var(--sans)}.rs-sort button[aria-pressed=true]{background:var(--paper);color:var(--asphalt);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.rs-side{border-radius:12px}
.cc{border-radius:14px;background:var(--paper)}
.cc.cc-best{border:2px solid var(--flag)}
.cc-ph{background:var(--photo);border-radius:10px;object-fit:cover}.cc-ph svg{color:var(--asphalt);opacity:.45}.cc-ph svg circle{fill:var(--asphalt)}
.cc h3{font-size:1.5rem}.cc-sim{font-family:var(--sans)}
.cc-inc{color:var(--ok)}.cc-inc li{background:var(--ok-soft);border-radius:999px;padding:3px 9px;font-weight:600;font-size:.8rem}
.t-rec,.t-off{font-family:var(--sans);font-size:.75rem;padding:4px 10px}.t-rec{background:var(--ink);color:var(--onink)}.t-off{background:var(--flag);color:#fff;font-size:.82rem}
/* ulja duket qartë: çmimi i vjetër i vizatuar + i riu i kuq */
.cc-pr s{display:inline-block;font-size:1rem;color:var(--muted);text-decoration-color:var(--flag);text-decoration-thickness:2px}
.cc-pr .tot{font:700 2rem/1.05 var(--serif)}
.cc-pr s+.tot{color:var(--flag)}
.cc-pr .btn{min-height:48px}
.co-f,.co-s{border-radius:14px;background:var(--paper)}
.co-f h2{font-size:1.7rem}
.co-x{border-radius:12px;background:var(--limestone)}.co-x label{font-size:1rem;padding:6px 0}.co-x input{width:22px;height:22px;accent-color:var(--ok)}
.co-s .tot{font:700 1.6rem var(--serif)}
.co-ok{border-radius:16px}.co-ok h2{font-size:2.2rem}.co-ok svg.ok{color:var(--ok)}
.bk-code{font:700 2rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.16em;border:2px dashed var(--line);background:var(--paper);color:var(--asphalt);border-radius:12px;padding:12px 18px}

/* shiriti poshtë në telefon */
.sticky{display:none}
.wa-float{background:#25D366}

/* lëvizja – si motion.css i sotëm */
.mo .hero .road .l{animation:mo-road 2.4s linear infinite}@keyframes mo-road{to{stroke-dashoffset:-48}}
.mo .hero .kicker,.mo .hero .big,.mo .hero .lead,.mo .hero .cta2,.mo .hero .trust,.mo .hero .pass{opacity:.01;transform:translateY(26px);animation:mo-rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.mo .hero .big{animation-delay:.12s}.mo .hero .lead{animation-delay:.26s}.mo .hero .cta2{animation-delay:.38s}.mo .hero .pass{animation-delay:.44s}.mo .hero .trust{animation-delay:.5s}
@keyframes mo-rise{to{opacity:1;transform:none}}
.mo .hero h1 i{background-image:linear-gradient(rgba(224,32,60,.38),rgba(224,32,60,.38));background-repeat:no-repeat;background-position:0 92%;background-size:0 .14em;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:mo-mark 1.1s ease 1.1s forwards}
@keyframes mo-mark{to{background-size:100% .14em}}
.mo .pass .sb-go{animation:mo-pulse 2.8s ease-out 1.6s infinite}
@keyframes mo-pulse{0%{box-shadow:0 0 0 0 rgba(224,32,60,.45)}70%{box-shadow:0 0 0 14px rgba(224,32,60,0)}100%{box-shadow:0 0 0 0 rgba(224,32,60,0)}}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
.mo .tl li::before{transform:scale(0)}.mo .tl li.in::before{transform:scale(1)}
.mo #results .wrap>*{animation:mo-in .4s cubic-bezier(.2,.7,.2,1)}
@keyframes mo-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mo .hero *,.rv{opacity:1!important;transform:none!important;animation:none!important}}

@media (max-width:960px){
 .hero .wrap{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:48px}
 .fleet2{grid-template-columns:repeat(2,minmax(0,1fr))}
 .story .wrap{grid-template-columns:1fr;gap:34px}
}
@media (max-width:640px){
 .fleet2{grid-template-columns:1fr}
 .cta2 .btn{width:100%}
 .top .btn.line{display:inline-flex;padding:8px 12px}.top .btn.line .t{display:none}
 .wa-float{display:none}
 .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;gap:10px;background:#17191C;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
 .sticky .btn{flex:1}.sticky .btn.line{flex:none;width:52px;padding:0;border-color:#3a3d42}
 body.booking .sticky{display:none}
 footer{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 body.booking footer{padding-bottom:30px}
 /* checkout: butoni i konfirmimit ngjitur poshtë me totalin */
 .co-f>div:last-of-type{position:sticky;bottom:0;background:var(--paper);padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));margin:0 -20px;padding-left:20px;padding-right:20px;border-top:1px solid var(--line);z-index:5}
 .cc-pr .tot{font-size:1.8rem}
}

/* recensionet nga Google */
.reviews{background:var(--paper)}
.rv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}.rv-head>div:first-child{max-width:560px}
.rv-head h2{margin:0 0 8px}.rv-head p{margin:0;color:var(--muted)}
.rv-sum{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:12px;row-gap:2px}
.rv-sum b{grid-row:span 2;font:700 3.4rem/1 var(--serif);letter-spacing:-.03em}
.rv-sum .rv-st{font-size:1.25rem;background:linear-gradient(90deg,#F2A900 96%,var(--line) 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rv-sum span:last-child{font-size:.85rem;color:var(--muted)}
.rv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rv-c{display:flex;flex-direction:column;gap:12px;background:var(--limestone);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}
.rv-c .rv-st{color:#F2A900;letter-spacing:2px;font-size:1rem}
.rv-c p{margin:0;font-size:.98rem;line-height:1.55;color:var(--asphalt)}
.rv-c .tr{color:var(--muted);font-size:.82rem;white-space:nowrap}
.rv-c details{font-size:.85rem;color:var(--muted)}.rv-c summary{cursor:pointer;font:600 .8rem var(--sans);letter-spacing:0}
.rv-c details p{margin-top:8px;font-size:.88rem;color:var(--muted);font-style:italic}
.rv-by{margin-top:auto;display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center;padding-top:12px;border-top:1px solid var(--line)}
.rv-av{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--asphalt);color:var(--paper);font:700 .95rem var(--sans)}
.rv-by b{font-size:.95rem}.rv-by span:last-child{font-size:.8rem;color:var(--muted)}
.rv-all{margin:28px 0 0;text-align:center}
@media (max-width:900px){.rv-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .rv-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1*max(18px,env(safe-area-inset-left,0px)));padding:0 max(18px,env(safe-area-inset-left,0px)) 8px;scrollbar-width:none}
  .rv-list::-webkit-scrollbar{display:none}
  .rv-c{flex:0 0 86%;scroll-snap-align:center}
  .rv-sum b{font-size:2.8rem}
}
.rv-c details{border:0}.rv-c summary{padding:0 0 0 16px;font:600 .8rem var(--sans);display:inline-block}
.rv-c summary::after{left:0;right:auto;width:6px;height:6px;border-width:1.5px;transform:translateY(-60%) rotate(-45deg)}.rv-c details[open] summary::after{transform:translateY(-70%) rotate(45deg)}
.rv-c details p{padding:0}
.rv-all{display:flex;justify-content:center}

/* Data bosh: tekst "Zgjidh datën" mbi fushën (Android/iOS s'tregojnë asgjë te një <input type=date> bosh) */
.sb-f.sb-d{position:relative;cursor:pointer}
.sb-f.sb-empty::after{content:attr(data-ph);position:absolute;left:12px;right:40px;bottom:12px;font:600 16px/1.2 var(--sans);color:var(--muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pass .sb-f.sb-empty input[type=date]{color:transparent}
.pass .sb-f.sb-empty input[type=date]:focus{color:inherit}