/* VELOPEAK /rent — B dizaino variantas (smėlio fonas). Tokenai iš brando gairių v1.0. */

@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/archivo-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/archivo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/archivo-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/archivo-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/archivo-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/archivo-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:light;
  --petrol:#123A40; --sand:#F2EEE4; --signal:#FF6A13; --carbon:#17191A; --lime:#C6D435; --forest:#3F6152;
  --cell:#FBFAF5;      /* laisvas langelis */
  --booked:#E2DDCF;    /* užimtas langelis */
  --line:#C1C6C0;      /* linijos (vientisa spalva, be permatomumo) */
  --r:3px;             /* tik mygtukams ir įvesties laukams */
  --hdr:76px;          /* antraštės aukštis; tikslią reikšmę nustato rent.js */
  --cols:5;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:24px;
  font-weight:400;background:var(--sand);color:var(--carbon);-webkit-font-smoothing:antialiased}
body.has-basket{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
a{color:var(--petrol)}
[hidden]{display:none !important}
:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}
header.top :focus-visible{outline-color:var(--lime)}

/* ---- Antraštė ---- */
.demo-bar{background:var(--signal);color:var(--carbon);font-size:13px;line-height:18px;font-weight:800;text-align:center;padding:8px 16px}
header.top{position:sticky;top:0;z-index:30;background:var(--petrol);display:flex;align-items:center;gap:16px;
  padding:16px;padding-top:calc(16px + env(safe-area-inset-top))}
header.top .wm{display:block;flex:none;line-height:0}
header.top .wm img{width:min(150px,42vw);height:auto;display:block}
header.top .band{flex:1;height:22px;background:url(img/juosta.svg) left center/auto 100% no-repeat}

/* ---- Krypties antraštė ----
   Telefone: kompaktiška (smėlio fonas, po prilipusia juosta su logotipu).
   Nuo 701 px: ta pati petrol juosta su meniu ir žvyro tekstūra kaip pagrindinėje svetainėje. */
.mband-in{max-width:680px;margin:0 auto;padding:0 16px}
.mnav,.phead .eyebrow,.phead .stripe{display:none}
.phead{padding:24px 0 16px;border-bottom:1px solid var(--line)}
.phead h1{font-size:30px;line-height:1.08;margin:0 0 8px;letter-spacing:-.01em}
.plead{font-size:15px;line-height:22px;font-weight:500;margin:0}
.plead a{color:var(--petrol);font-weight:800;white-space:nowrap}
body[data-step="2"] .phead,body[data-step="3"] .phead{display:none}
.copy{-webkit-user-select:all;user-select:all}

@media (min-width:701px){
  header.top{display:none}
  .mband{background:var(--petrol) url(img/gravel.svg) right center/cover no-repeat;color:var(--sand)}
  .mband :focus-visible{outline-color:var(--lime)}
  .mband-in{max-width:1240px;padding:0 24px}
  .mnav{display:flex;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid #436264}
  .mnav .sp{flex:1}
  .mnav a,.mnav .lang{font-size:13px;line-height:16px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#B3BCB6;text-decoration:none}
  .mnav a:hover{color:var(--signal)}
  .mnav .lang b{color:var(--sand)}
  .mnav .home{display:flex;align-items:center}
  .mnav .home img{display:block;width:132px;height:auto}
  .phead{padding:32px 0;border-bottom:0}
  .phead .eyebrow{display:block;color:var(--lime);margin:0}
  .phead h1{font-size:clamp(32px,6vw,56px);line-height:1.02;margin:12px 0 0;text-wrap:balance}
  .plead{margin:16px 0 0;max-width:56ch;font-size:18px;line-height:28px;font-weight:400;color:#CED1CA}
  .plead a{color:var(--sand)}
  .phead .stripe{display:block;width:min(220px,50%);height:auto;margin-top:24px}
}

.wrap{max-width:680px;margin:0 auto}
main{padding:0 16px}

/* ---- Tipografika ---- */
h1,h2{font-size:24px;line-height:1.2;font-weight:800;margin:0 0 4px}
.hint{font-size:13px;line-height:18px;font-weight:500;color:var(--forest);margin:0 0 16px}
.label{display:block;font-size:13px;line-height:16px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}
.label .opt{letter-spacing:0;text-transform:none;font-weight:500;color:var(--forest)}

/* ---- Žingsniai ---- */
.steps{list-style:none;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:16px 0 24px;padding:0}
.steps li{display:flex;align-items:center;gap:8px;font-size:13px;line-height:18px;font-weight:500;color:var(--forest)}
.steps .n{width:24px;height:24px;display:grid;place-items:center;font-weight:800;background:var(--cell);border:1px solid var(--line);color:var(--carbon)}
.steps li.active{color:var(--carbon);font-weight:800}
.steps li.active .n{background:var(--signal);border-color:var(--signal)}
.steps li.done .n{background:var(--petrol);border-color:var(--petrol);color:var(--sand)}

/* ---- Pranešimai ---- */
.err,.notice{background:var(--cell);border:1px solid var(--carbon);border-left:8px solid var(--signal);
  padding:12px 16px;margin:0 0 16px;font-size:14px;line-height:20px;font-weight:500}
.notice{margin-top:16px}
.empty{font-size:13px;line-height:18px;font-weight:500;color:var(--forest);text-align:center;padding:16px 0;margin:0}

/* ---- Dienos ---- */
.days{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 12px;margin:0 -16px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.days::-webkit-scrollbar{display:none}
.day{flex:none;min-width:64px;padding:8px 8px 6px;border:1px solid var(--line);border-radius:var(--r);background:var(--cell);
  color:var(--carbon);font:inherit;text-align:center;cursor:pointer}
.day .dow{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--forest)}
.day .num{display:block;font-size:20px;line-height:24px;font-weight:800}
.day .mon{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--forest)}
.day[aria-checked="true"]{background:var(--petrol);border-color:var(--petrol);color:var(--sand)}
.day[aria-checked="true"] .dow,.day[aria-checked="true"] .mon{color:var(--sand)}

/* ---- Legenda ---- */
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;line-height:18px;font-weight:500;color:var(--forest);margin:0 0 12px}
.legend span{display:flex;align-items:center;gap:8px}
.legend i{width:16px;height:16px;display:inline-block;border:1px solid var(--line)}
.lg-free{background:var(--cell)} .lg-sel{background:var(--signal);border-color:var(--signal) !important} .lg-busy{background:var(--booked)}

/* ---- Tvarkaraščio matrica ---- */
.matrix{display:grid;grid-template-columns:52px repeat(var(--cols),minmax(0,1fr));border:1px solid var(--line);border-top:0;background:var(--cell)}
.mh{position:sticky;top:var(--hdr);z-index:2;background:var(--petrol);color:var(--sand);font-size:13px;line-height:16px;font-weight:800;
  text-align:center;padding:10px 2px;overflow:hidden;white-space:nowrap}
.mh.corner{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.tl{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px;font-weight:800;
  background:var(--sand);border-top:1px solid var(--line)}
.cell{appearance:none;-webkit-appearance:none;display:block;width:100%;height:40px;margin:0;padding:0;border:0;border-radius:0;
  border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--cell);cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.cell[aria-pressed="true"]{background:var(--signal)}
.cell:disabled{background:var(--booked);cursor:not-allowed}
.matrix.loading .cell:disabled{background:var(--cell);cursor:progress}
.cell:focus-visible{outline-offset:-3px}
@media (hover:hover){.cell:not(:disabled):not([aria-pressed="true"]):hover{background:var(--sand)}}

/* ---- Krepšelis ---- */
.basket{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--sand);border-top:1px solid var(--line);
  padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
.basket .in{max-width:648px;margin:0 auto;display:flex;align-items:center;gap:12px}
.basket b{display:block;font-size:16px;line-height:20px;font-weight:800}
.basket small{font-size:13px;line-height:18px;font-weight:500;color:var(--forest)}
.basket .btn{margin-left:auto;width:auto;min-width:156px}

/* ---- Forma ---- */
.fld{display:block;margin:0 0 16px}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=date],textarea{
  width:100%;font:inherit;color:var(--carbon);background:var(--cell);border:1px solid var(--line);border-radius:var(--r);
  padding:11px 12px;-webkit-appearance:none;appearance:none}
textarea{resize:vertical;min-height:72px}
input:focus-visible,textarea:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:480px){.row2{grid-template-columns:1fr}}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg button{font:inherit;font-size:14px;line-height:20px;font-weight:800;padding:12px 8px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--cell);color:var(--carbon);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--petrol);border-color:var(--petrol);color:var(--sand)}

/* ---- Santrauka ---- */
.sum{border:1px solid var(--line);background:var(--cell);margin:0 0 16px}
.sum .r{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;font-size:14px;line-height:20px;border-bottom:1px solid var(--line)}
.sum .r:last-child{border-bottom:0}
.sum .k{color:var(--forest);font-weight:500;flex:none}
.sum .v{font-weight:800;text-align:right;overflow-wrap:anywhere}
.sum .r.total{background:var(--petrol);color:var(--sand)}
.sum .r.total .k{color:var(--sand);font-weight:800}
.sum .r.total .v{font-size:18px}

/* ---- Mygtukai ---- */
.btn{display:inline-block;width:100%;font:inherit;font-size:16px;line-height:20px;font-weight:800;text-align:center;text-decoration:none;
  border:1px solid transparent;border-radius:var(--r);padding:14px 16px;cursor:pointer}
.btn-primary{background:var(--signal);color:var(--carbon)}
.btn-ghost{background:transparent;border-color:var(--petrol);color:var(--petrol)}
.btn:disabled{background:var(--booked);color:var(--forest);cursor:not-allowed}
.actions{display:flex;gap:12px;margin:8px 0 0}
.actions .btn{flex:1}
.actions .btn-ghost{flex:0 0 auto;width:auto}
.fine{font-size:13px;line-height:18px;font-weight:500;color:var(--forest);margin:12px 0 0}

/* ---- Būsenos puslapiai ---- */
.state{padding:24px 0 8px}
.state .mark{width:48px;height:48px;background:var(--petrol);color:var(--lime);display:grid;place-items:center;margin:0 0 16px}
.state .mark.warn{background:var(--signal);color:var(--carbon)}
.state p{margin:0 0 16px}
.code{font-weight:800;letter-spacing:.04em}

/* ---- Tekstiniai puslapiai (taisyklės, privatumas) ---- */
.doc{padding:24px 0 8px;max-width:68ch}
.doc h1{margin-bottom:8px}
.doc h2{font-size:18px;line-height:24px;margin:24px 0 8px}
.doc p,.doc li{font-size:15px;line-height:24px}
.doc ul{padding-left:20px;margin:0 0 16px}
.doc p{margin:0 0 12px}

/* ---- Poraštė ---- */
.foot{margin:32px 16px 0;padding:24px 0 16px;border-top:1px solid var(--line);font-size:13px;line-height:20px;font-weight:500;
  color:var(--forest);text-align:center}
.foot a{color:var(--forest)}
.foot-name{font-weight:800;color:var(--carbon)}
.foot-links{margin-top:8px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ---- Administravimas ---- */
.adm{padding:24px 0 0;--blk:repeating-linear-gradient(135deg,#E2DDCF 0 5px,#BDB7A6 5px 10px)}
.adm-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 16px}
.adm-nav .btn{width:auto;padding:10px 14px;font-size:14px}
.adm-nav input[type=date]{width:auto;flex:1;min-width:150px}
.adm-title{flex:1;min-width:120px;text-align:center;font-size:18px;line-height:24px;font-weight:800}
.adm-kpi{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;line-height:18px;font-weight:500;color:var(--forest);margin:0 0 16px}
.adm-kpi b{display:block;font-size:20px;line-height:24px;color:var(--carbon)}
.adm .notice{margin-top:0}
.flash-ok{border-left-color:var(--petrol)}
.movebar a{display:inline-block;margin-top:4px;font-weight:800}
.adm-foot{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:24px;font-size:13px;line-height:18px;font-weight:500}
.linkbtn{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;font:inherit;color:var(--petrol);text-decoration:underline;cursor:pointer}
.adm-more{margin-top:16px;font-size:13px;line-height:18px;font-weight:500;color:var(--forest)}
.adm-more summary{cursor:pointer;margin:0 0 8px}
.lg-on{background:var(--petrol)} .lg-man{background:var(--lime)} .lg-blk{background:var(--blk)} .lg-blk2{background:#829492}

/* Mėnesio kalendorius */
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin:0 0 12px}
.cal-h{background:var(--petrol);color:var(--sand);font-size:12px;line-height:16px;font-weight:800;text-align:center;padding:8px 0}
.mc{position:relative;display:block;min-height:72px;padding:6px 6px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--cell);color:var(--carbon);text-decoration:none;overflow:hidden}
.mc.blank,.mc.closed{background:var(--sand)}
.mc .d{display:inline-block;font-size:14px;line-height:20px;font-weight:800;padding:0 4px;margin-left:-4px}
.mc.past .d{font-weight:500;color:var(--forest)}
.mc.today .d{background:var(--signal);color:var(--carbon);font-weight:800}
.mc .c{display:table;font-size:12px;line-height:18px;font-weight:800;background:var(--petrol);color:var(--sand);padding:0 6px;margin:2px 0}
.mc .c small{font-size:inherit;font-weight:500}
.mc .h{display:block;font-size:11px;line-height:14px;font-weight:500;color:var(--forest);white-space:nowrap}
.mc .bar{position:absolute;left:6px;right:6px;bottom:6px;height:4px;display:flex;background:var(--booked)}
.mc .bar .b1{background:var(--petrol);min-width:4px} .mc .bar .b2{background:#829492}
@media (hover:hover){a.mc:hover{background:var(--sand)} a.mc.closed:hover{background:var(--cell)}}
@media (max-width:480px){.mc{min-height:64px;padding:4px 4px 14px} .mc .bar{left:4px;right:4px;bottom:5px} .mc .c small,.mc .h{display:none}}

/* Dienos tinklelis: laisvi langeliai žymimi, užimti atidaro kortelę */
.adm-grid .mh-btn{appearance:none;-webkit-appearance:none;margin:0;border:0;border-radius:0;font:inherit;font-size:13px;line-height:16px;font-weight:800;cursor:pointer}
.adm-grid .mh-btn:disabled{cursor:default}
.adm-grid .cell:disabled{background:var(--cell);cursor:default}
.adm-grid .cell.own{box-shadow:inset 0 0 0 2px var(--petrol)}
.adm-grid .cellx{appearance:none;-webkit-appearance:none;display:block;width:100%;height:40px;margin:0;padding:0 2px;border:0;border-radius:0;
  border-top:1px solid var(--line);border-left:1px solid var(--line);font:inherit;font-size:10px;line-height:12px;font-weight:800;
  overflow:hidden;white-space:nowrap;text-align:center;background:var(--petrol);color:var(--sand);cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.adm-grid .cellx.manual{background:var(--lime);color:var(--carbon)}
.adm-grid .cellx.block{background:var(--blk);color:var(--carbon)}
.adm-grid .cellx.hold{background:var(--booked);color:var(--carbon)}
.adm-grid .cellx.cont{border-top-color:transparent}
.adm-grid .cellx:focus-visible{outline-offset:-3px;outline-color:var(--signal)}

/* Rezervacijų sąrašas */
.bk{border:1px solid var(--line);background:var(--cell);padding:12px 16px;margin:0 0 8px;font-size:14px;line-height:20px}
.bk[data-code]{cursor:pointer}
.bk.problem{border:2px solid var(--carbon);border-left:8px solid var(--signal)}
.bk.off{background:var(--sand)}
.bk-h{display:flex;justify-content:space-between;gap:12px;font-weight:800}
.bk-m{color:var(--forest);font-weight:500;overflow-wrap:anywhere}
.tag{display:inline-block;font-size:11px;line-height:16px;font-weight:800;padding:0 8px;border-radius:999px;background:var(--booked);color:var(--carbon);margin-left:4px}
.tag.t-sig{background:var(--signal)}

/* Kortelė ir formos (dialog) */
.dlg{width:min(520px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:0;
  border:1px solid var(--carbon);border-radius:0;background:var(--sand);color:var(--carbon);overflow:auto}
.dlg::backdrop{background:rgba(23,25,26,.6)}
.dlg-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;background:var(--petrol);color:var(--sand)}
.dlg-h b{font-size:18px;line-height:24px;font-weight:800;overflow-wrap:anywhere}
.dlg-x{appearance:none;-webkit-appearance:none;flex:none;width:32px;height:32px;margin:-4px -4px 0 0;padding:0;border:0;border-radius:var(--r);
  background:none;color:var(--sand);font:inherit;font-size:24px;line-height:28px;cursor:pointer}
.dlg-x:focus-visible{outline-color:var(--lime)}
.dlg-b{padding:16px}
.dlg-brief{white-space:pre-line;font-size:14px;line-height:20px;font-weight:800;margin:0 0 16px;padding:12px 16px;background:var(--cell);border:1px solid var(--line)}
.dlg-tags{margin:0 0 12px}
.dlg-tags .tag{margin:0 4px 0 0}
.dlg .sum .v.pre{white-space:pre-line}
.dlg .sum .v a{color:var(--petrol)}
.dlg .fine{margin:0 0 16px}
.dlg .actions{margin:0}
.dlg .actions .btn{flex:1;width:auto}
.dlg .seg.fld{margin-bottom:16px}
.chk{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:20px;font-weight:500;margin:0 0 12px;overflow-wrap:anywhere}
.chk input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--petrol)}