/* Arkadia Apartments — the availability page ('/disponibilitate/' and '/en/availability/',
   AvailabilityPage). Loaded on that page only, after site.css: the search form and its
   date range picker, the result cards and suggestions, the side panel and the page's
   own header with its WhatsApp button. Split out of site.css on 2026-10-09 (PageSpeed
   Insights): a rule lives here only if it matches on this page alone. */
/* ---- v0.17: the availability page, redesigned (/disponibilitate/, /en/availability/) ---- */
.av{padding:0 0 80px}
/* The breadcrumb above the hero, on the page's own ground (the shared rule paints a white band). */
.av .breadcrumbs{background:none;padding-top:24px}
.av .breadcrumbs+.av-hero{padding-top:22px}
/* The header on this page: WhatsApp is its call to action, and the page it is on stays underlined. */
.header--wa .navlinks a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--green);text-underline-offset:9px}
.nav-wa{display:none}
/* Hero: the promise on the left, the host's public numbers on the right. */
.av-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-top:44px}
.av-hero-text{max-width:560px}
.av-eyebrow{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}
.av-h1{margin:0;font-size:46px;line-height:1.05;font-weight:600;letter-spacing:-.035em;color:var(--ink)}
.av-sub{margin:14px 0 0;font-size:17px;line-height:1.55;color:var(--ink-2)}
.av-trust-line{display:none;align-items:center;gap:6px;margin:12px 0 0;font-size:13px;font-weight:600;color:#3e5062}
.av-trust-line b{color:var(--ink)}
.av-stats{flex:none;display:flex;margin:0;padding:14px 0;background:#fff;border:1px solid var(--line-2);border-radius:18px;white-space:nowrap}
.av-stats>div{padding:0 22px;border-right:1px solid var(--line-2)}
.av-stats>div:last-child{border-right:0}
.av-stats dt{font-size:12px;font-weight:600;color:var(--muted)}
.av-stats dd{display:flex;align-items:center;gap:6px;margin:5px 0 0;font-size:21px;font-weight:600;letter-spacing:-.01em}
.av-stats small{margin-left:2px;font-size:13px;font-weight:600;color:var(--muted)}
/* The search bar. Without script the selects and the two dates show as they are;
   with it (.av-js) each select lies invisibly over its field, whose label shows
   the choice, and the dates become the period button. */
.av-form{margin-top:28px}
.av-search{position:relative;display:flex;align-items:stretch;padding:10px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-bar)}
.av-field{position:relative;display:flex;align-items:center;gap:14px;min-width:0;min-height:64px;padding:10px 20px;border-radius:14px;color:var(--ink)}
.av-field--period{flex:1.5;background:#f3f7f5}
.av-field--guests{flex:.8}
.av-field--zone{flex:1}
.av-field:hover{background:#f6f9f7}
.av-field--period:hover{background:#edf3f0}
.av-field:has(:focus-visible){outline:2px solid var(--green);outline-offset:2px}
.av-field-ic{display:flex;color:var(--green)}
.av-field-txt{display:grid;min-width:0}
.av-lbl{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.av-val{display:none;margin-top:3px;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.av-chev{display:none;margin-left:auto;color:var(--muted)}
.av-field select{min-width:0;margin-top:3px;padding:4px 6px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:15px}
.av-js .av-field .av-val{display:block}
.av-js .av-chev{display:flex}
.av-js .av-field select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;font-size:16px}
.av-native{display:flex;flex:1;gap:14px;min-width:0}
.av-native-f{display:grid;flex:1;gap:3px;min-width:0}
.av-native input{min-width:0;height:24.8px;padding:0;border:0;background:transparent;color:var(--ink);font-weight:600}
.av-native input:focus-visible{outline:none}
.av-period{display:flex;align-items:center;gap:14px;width:100%;min-width:0;min-height:64px;padding:10px 20px;border:0;border-radius:14px;background:transparent;color:inherit;text-align:left;cursor:pointer}
.av-period[hidden]{display:none}
.av-field--period.is-enhanced{padding:0}
.av-field--period.is-enhanced .av-field-ic{margin-left:20px}
.av-field--period.is-enhanced .av-native{display:none}
.av-field--period.is-enhanced .av-period{padding-left:0}
.av-period .av-val{display:block}
.av-pill{display:flex;align-items:center;height:28px;margin-left:auto;padding:0 11px;border-radius:999px;background:var(--green-soft);color:var(--green-text);font-size:12.5px;font-weight:600;white-space:nowrap}
.av-pill:empty{display:none}
.av-div{flex:none;width:1px;margin:12px 0;background:var(--line)}
.av-go{display:flex;align-items:center;justify-content:center;gap:10px;min-width:168px;min-height:64px;margin-left:10px;border:0;border-radius:14px;background:var(--green);color:#fff;font-size:16px;font-weight:600;cursor:pointer}
.av-go:hover{background:var(--green2)}
.av-go:disabled{opacity:.75;cursor:progress}
/* Purpose chips (radio buttons) and the free-parking filter. */
.av-options{display:flex;align-items:center;gap:16px;margin-top:16px}
.av-chips{display:flex;align-items:center;gap:8px;min-width:0}
.av-chips-lead{margin-right:6px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}
.av-chip{position:relative;display:inline-flex;flex:none}
.av-chip input{position:absolute;width:1px;height:1px;margin:0;opacity:0}
.av-chip span{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid #d3ddd8;border-radius:999px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer}
.av-chip span:hover{border-color:var(--ink)}
.av-chip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.av-chip input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}
.av-park{display:flex;align-items:center;gap:10px;min-height:40px;margin-left:auto;font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer}
.av-park input{width:18px;height:18px;margin:0;accent-color:var(--green)}
/* Results beside the sticky "how it works" column. */
.av-body{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:32px;align-items:start;margin-top:36px}
.av-results{min-width:0}
.av-reshead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;scroll-margin-top:calc(var(--av-head,77px) + 76px)}
.av-count{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.av-count:focus{outline:none}
.av-meta{margin:5px 0 0;font-size:14.5px;color:var(--muted)}
.av-sort{position:relative;display:flex;align-items:center;gap:8px;flex:none;height:40px;padding:0 14px;border:1px solid #d3ddd8;border-radius:999px;background:#fff;font-size:13.5px;font-weight:600;white-space:nowrap}
.av-sort-val{display:none;font-weight:600}
.av-js .av-sort-val{display:inline}
.av-js .av-sort select{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);opacity:0;cursor:pointer}
.av-sort:has(:focus-visible){outline:2px solid var(--green);outline-offset:2px}
.av-list{display:flex;flex-direction:column;gap:18px}
/* A result card: photo, then zone and status, name and rating, facts, two highlights, price and the request. */
.av-card{display:flex;gap:24px;padding:14px;background:#fff;border:1px solid var(--line-2);border-radius:22px;box-shadow:var(--shadow-card);transition:box-shadow .2s}
.av-card:hover{box-shadow:var(--shadow-card-hover)}
/* A card the filters leave out before a search (site.js showDefault()): the flex rule above would show it. */
.av-card[hidden]{display:none}
.av-photo{position:relative;display:block;flex:none;width:300px;height:236px;overflow:hidden;border-radius:16px;background:#e8eeeb}
.av-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.av-card:hover .av-photo img{transform:scale(1.03)}
.av-fav{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--ink);font-size:12px;font-weight:600}
.av-pcount{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:rgba(13,29,41,.74);color:#fff;font-size:12px;font-weight:600}
.av-cbody{display:flex;flex:1;flex-direction:column;min-width:0;padding:6px 6px 4px 0}
.av-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.av-zone{margin:0;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.av-status{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}
.av-status i{width:7px;height:7px;border-radius:99px}
.av-status.is-ok{background:var(--ok-bg);color:var(--green-text)}
.av-status.is-ok i{background:var(--ok-dot)}
.av-status.is-warn{background:var(--warn-bg);color:var(--warn-text)}
.av-status.is-warn i{background:var(--warn-dot)}
.av-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:8px}
.av-title h3{margin:0;font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.02em}
.av-title h3 a:hover{color:var(--green)}
.av-rating{display:inline-flex;align-items:center;gap:5px;font-size:14.5px;font-weight:600;white-space:nowrap}
.av-rating small{font-size:14.5px;font-weight:600;color:var(--muted)}
.av-facts{margin:6px 0 0;font-size:14px;color:var(--ink-2)}
.av-confirm-box{display:flex;gap:10px;margin:12px 0 0;padding:10px 12px;border:1px solid var(--warn-box-line);border-radius:12px;background:var(--warn-box-bg);color:var(--warn-text);font-size:13.5px;line-height:1.45}
.av-confirm-box .av-ic{margin-top:1px;color:var(--warn-dot)}
.av-usps{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;padding:0;list-style:none}
.av-usps li{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 11px;border-radius:10px;background:var(--chip-bg);color:#2a3b4a;font-size:13px;font-weight:600}
.av-usps .av-ic{color:var(--green)}
.av-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px;margin-top:auto;padding-top:14px;border-top:1px solid #edf1ef}
.av-price p{margin:0;white-space:nowrap}
.av-price-from,.av-price-per{font-size:13px;font-weight:600;color:var(--muted)}
.av-price-main b{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.av-price-per{margin-left:2px}
.av-price .av-price-sub{margin-top:2px;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.av-cta{display:grid;justify-items:end;gap:6px}
.av-actions{display:flex;gap:8px}
.av-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 17px;border:1px solid #cfdad5;border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.av-btn:hover{border-color:var(--ink)}
.av-btn--pri{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}
.av-btn--pri:hover{background:var(--green2);border-color:var(--green2)}
.av-btn:disabled{opacity:.75;cursor:progress}
.av-cta-note{margin:0;font-size:12.5px;color:var(--muted)}
.av-cta-note.is-phone{display:none}
.av-card .lead-status{margin-top:10px}
/* A flat that cannot take the stay: after the free ones, grey, with a way to nearby dates. */
.av-busy{display:flex;align-items:center;gap:18px;padding:12px 20px 12px 12px;border:1px dashed #cfdad5;border-radius:20px;background:#fbfcfb}
.av-busy-img{flex:none;width:116px;height:86px;border-radius:12px;object-fit:cover;filter:grayscale(.9);opacity:.75}
.av-busy-body{flex:1;min-width:0}
.av-busy-body .av-zone{color:var(--muted)}
.av-busy-title{margin:4px 0 0;font-size:17px;font-weight:600;color:var(--ink)}
.av-busy-s{margin:3px 0 0;font-size:13.5px;color:var(--ink-2)}
/* Nothing free for the filters: what else to try. */
.av-zero{padding:28px;background:#fff;border:1px solid var(--line-2);border-radius:22px}
.av-zero-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:14px;border-radius:16px;background:var(--busy-bg);color:var(--busy-text)}
.av-zero h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}
.av-zero-lead{margin:6px 0 16px;font-size:14px;color:var(--ink-2)}
.av-zero-list{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none}
.av-zero-list li[hidden]{display:none}
.av-zero-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line-2);border-radius:16px;background:#fff}
.av-zero-row>div{display:grid;flex:1;gap:2px;min-width:0}
.av-zero-row b{font-size:15px}
.av-zero-row.is-link:hover{border-color:var(--ink)}
button.av-zero-row{width:100%;color:inherit;text-align:left;cursor:pointer}
.av-zero-row>.av-ic{color:var(--muted)}
.av-zero-ic{display:grid;flex:none;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--green-soft);color:var(--green-text)}
.av-zero-s{font-size:13.5px;color:var(--ink-2)}
.av-zero-s:empty{display:none}
.av-zero-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.av-zero-opts:empty{display:none}
.av-shift{min-height:36px;padding:0 14px;border:1px solid var(--green);border-radius:999px;background:var(--green-soft);color:var(--green-text);font-size:13px;font-weight:600;cursor:pointer}
.av-shift:hover{background:#d6ece2}
/* Grey placeholders while the calendars are checked: still, never animated. */
.av-skel{display:flex;gap:24px;padding:14px;background:#fff;border:1px solid var(--line-2);border-radius:22px}
.av-skel-photo{flex:none;width:300px;height:236px;border-radius:16px;background:#eef2f0}
.av-skel-body{display:grid;flex:1;align-content:start;gap:14px;padding-top:8px}
.av-skel-body span{display:block;height:14px;border-radius:7px;background:#eef2f0}
.av-skel-body span:nth-child(1){width:30%}
.av-skel-body span:nth-child(2){width:60%;height:22px}
.av-skel-body span:nth-child(3){width:75%}
.av-skel-body span:nth-child(4){width:45%}
.av-noscript{display:none;margin:0;padding:24px;border:1px dashed var(--line);border-radius:20px;background:#fff;color:var(--ink-2)}
.av-noscript a{color:var(--green);font-weight:600;text-decoration:underline}
@media(scripting:none){.av-skel{display:none}.av-noscript{display:block}}
/* "Can't find what you need?" */
.av-help{display:flex;align-items:center;gap:20px;margin-top:18px;padding:22px 24px;border-radius:22px;background:var(--navy);color:#fff}
.av-help-ic{display:grid;flex:none;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--green)}
.av-help-txt{flex:1;min-width:0}
.av-help-t{margin:0;font-size:17px;font-weight:600}
.av-help-s{margin:3px 0 0;font-size:14px;line-height:1.5;color:#c3cfd8}
.av-btn--light{flex:none;height:46px;background:#fff;border-color:#fff;color:var(--navy);font-weight:600}
.av-btn--light:hover{border-color:#9bd6bd}
.av-help :focus-visible{outline-color:#9bd6bd}
/* The side column: how booking works, what to know, the privacy note, the phone. */
.av-side{position:sticky;top:calc(var(--av-head,77px) + 84px);display:flex;flex-direction:column;gap:16px}
.av-panel{padding:24px;background:#fff;border:1px solid var(--line-2);border-radius:22px}
.av-panel h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.av-panel>p{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted)}
.av-steps{display:grid;gap:18px;margin:20px 0 0;padding:0;list-style:none}
.av-steps li{display:flex;gap:14px}
.av-step-n{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--green-soft);color:var(--green-text);font-size:14px;font-weight:600}
.av-steps b{display:block;font-size:15px;font-weight:600}
.av-steps div span{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.av-know{display:grid;gap:14px;margin:16px 0 0;padding:0;list-style:none;font-size:13.5px;line-height:1.45;color:#2a3b4a}
.av-know li{display:flex;gap:12px}
.av-know .av-ic{color:var(--green)}
.av-legend{margin:18px 0 0;padding:14px;border-radius:14px;background:#f5f8f6;font-size:12.5px;line-height:1.55;color:#3e5062}
.av-legend dt{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--ink)}
.av-legend dd{margin:2px 0 10px 14px}
.av-legend div:last-child dd{margin-bottom:0}
.av-dot{width:7px;height:7px;border-radius:99px}
.av-dot.is-ok{background:var(--ok-dot)}
.av-dot.is-warn{background:var(--warn-dot)}
.av-note{margin:0;padding:0 6px;font-size:12.5px;line-height:1.55;color:#56687a}
.av-note a{color:var(--green);font-weight:600;text-decoration:underline}
.av-phone{display:flex;align-items:center;gap:8px;margin:0;padding:0 6px;font-size:13.5px;color:var(--ink-2)}
.av-phone .av-ic{color:var(--green)}
.av-phone a{color:var(--ink);font-weight:600}
/* The summary bar under the header once the search bar has scrolled away. */
.av-sticky{position:fixed;left:0;right:0;top:var(--av-head,77px);z-index:45;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 8px 20px rgba(15,29,41,.06);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.av-sticky.is-on{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s,visibility 0s}
.av-sticky-in{display:flex;align-items:center;gap:12px;height:60px}
.av-sticky-in>.av-ic{color:var(--green)}
.av-sticky-txt{display:flex;align-items:baseline;gap:6px;min-width:0;margin:0;overflow:hidden;white-space:nowrap}
.av-sticky-txt b{font-size:14.5px;font-weight:600}
.av-sticky-m{overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600;color:var(--muted)}
.av-sticky .av-btn{flex:none;height:40px;margin-left:auto}
@media(max-width:1240px){.av-photo,.av-skel-photo{width:240px;height:200px}.av-card,.av-skel{gap:20px}}
@media(max-width:1200px){.av-hero{flex-direction:column;align-items:flex-start;gap:20px}}
@media(max-width:1100px){.av-body{grid-template-columns:minmax(0,1fr)}.av-side{position:static}}
@media(max-width:980px){.av-options{flex-wrap:wrap}.av-park{margin-left:0}}
@media(max-width:760px){
  .av .wrap{width:calc(100% - 32px)}
  .av-hero{padding-top:20px;gap:0}
  .av .breadcrumbs{padding-top:16px}
  .av .breadcrumbs+.av-hero{padding-top:14px}
  .av-eyebrow{font-size:11px}
  .av-h1{font-size:31px;line-height:1.08}
  .av-sub{margin-top:8px;font-size:15px}
  .av-stats{display:none}
  .av-trust-line{display:flex}
  .av-form{margin-top:18px}
  .av-search{flex-wrap:wrap;gap:8px;padding:8px;border-radius:20px}
  .av-field{min-height:58px;padding:0 12px;gap:10px}
  .av-field--period{flex:1 1 100%;min-height:64px}
  .av-field--period.is-enhanced .av-field-ic{margin-left:12px}
  .av-field--guests,.av-field--zone{flex:1 1 calc(50% - 4px);border:1px solid var(--line-2)}
  .av-val{font-size:15px}
  .av-field--guests .av-chev,.av-field--zone .av-chev,.av-div{display:none!important}
  .av-go{flex:1 1 100%;min-height:52px;margin-left:0}
  .av-options{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:10px}
  .av-chips{overflow-x:auto;margin-right:-16px;padding:2px 16px 2px 2px;scrollbar-width:none}
  .av-chips::-webkit-scrollbar{display:none}
  .av-chips-lead{display:none}
  .av-chip span{height:44px}
  .av-park{min-height:44px;margin-left:2px}
  .av-body{margin-top:24px}
  .av-reshead{flex-wrap:wrap;align-items:flex-start;gap:10px}
  .av-reshead>div:first-child{flex:1 1 100%}
  .av-count{font-size:20px}
  .av-sort{height:44px}
  .av-card,.av-skel{flex-direction:column;gap:0;padding:10px}
  .av-photo,.av-skel-photo{width:100%;height:auto;aspect-ratio:338/210}
  .av-cbody{padding:12px 6px 4px}
  .av-title h3{font-size:20px}
  .av-rating small{font-size:13px}
  .av-rv-word{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .av-foot{flex-direction:column;align-items:stretch;gap:12px}
  .av-cta{justify-items:stretch}
  .av-actions .av-btn{height:48px}
  .av-actions .av-btn--pri{flex:1}
  .av-cta-note{text-align:center}
  .av-cta-note.is-phone{display:block}
  .av-busy{flex-wrap:wrap}
  .av-busy .av-btn{width:100%}
  .av-help{flex-direction:column;align-items:flex-start}
  .av-zero{padding:20px}
  .av-sticky-m{display:none}}
@media(max-width:680px){.nav-wa{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;margin-left:auto;border-radius:50%;background:var(--green-soft);color:var(--green-text)}.header--wa .nav-toggle{min-height:44px;margin-left:0}.header--wa .lang-switch{display:inline-grid;place-items:center;min-width:44px;min-height:44px}}
/* Below 390px the logo, the WhatsApp button, "Meniu" and "EN" do not fit: the words beside the logo's mark go, so the
   button keeps its 44px and stops covering them (owner, 2026-10-11). */
@media(max-width:389px){.header--wa .brand-word{display:none}}
@media(prefers-reduced-motion:reduce){.av-card:hover .av-photo img{transform:none}}
/* The header's height, which the summary bar sits under and the jumps clear. */
.av{--av-head:77px}
@media(max-width:680px){.av{--av-head:67px}}
/* The results' heading after "Caută": a short highlight, none with reduced motion. */
.av-reshead.is-flash{animation:av-flash 1.2s ease}
@keyframes av-flash{0%{background:var(--green-soft);box-shadow:0 0 0 10px var(--green-soft)}100%{background:transparent;box-shadow:0 0 0 10px transparent}}
@media(prefers-reduced-motion:reduce){.av-reshead.is-flash{animation:none}}
/* The range picker: a popover under the period field; a bottom sheet on phones (.is-sheet, a modal dialog). */
.av-picker{padding:0;border:0;background:#fff;color:var(--ink)}
.av-picker:not(.is-sheet){position:absolute;top:calc(100% + 10px);left:0;right:auto;z-index:40;width:min(700px,calc(100vw - 36px));margin:0;padding:18px 20px 16px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.av-picker.is-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:88vh;max-height:88dvh;margin:0;padding:6px 16px calc(12px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;box-shadow:0 -12px 40px rgba(13,29,41,.2)}
.av-picker.is-sheet[open]{display:flex;flex-direction:column}
.av-picker::backdrop{background:rgba(13,29,41,.45)}
.av-pk-handle{display:none}
.is-sheet .av-pk-handle{display:block;flex:none;width:40px;height:4px;margin:4px auto 8px;border-radius:2px;background:#cfd8d4}
.av-pk-head{display:flex;flex:none;align-items:center;gap:6px;margin-bottom:10px}
.av-pk-head h2{margin:0 auto 0 0;font-size:18px;font-weight:600;letter-spacing:-.01em}
.av-pk-clear{min-height:44px;padding:0 10px;border:0;background:none;color:var(--green-text);font-size:14px;font-weight:600;text-decoration:underline;cursor:pointer}
.av-pk-x{display:grid;flex:none;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer}
.av-pk-boxes{display:none}
.is-sheet .av-pk-boxes{display:grid;flex:none;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.av-pk-box{display:grid;gap:2px;min-height:56px;padding:9px 11px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}
.av-pk-box.is-active{padding:8px 10px;border:2px solid var(--green)}
.av-pk-box span{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.av-pk-box b{font-size:15px}
.av-pk-quick{display:flex;flex:none;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.av-pk-chip{height:36px;padding:0 14px;border:1px solid #d3ddd8;border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer}
.av-pk-chip:hover{border-color:var(--ink)}
.is-sheet .av-pk-chip{height:44px}
.av-pk-body{position:relative;min-height:0}
.is-sheet .av-pk-body{display:flex;flex:1;flex-direction:column}
.av-pk-nav{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none}
.av-pk-nav button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;pointer-events:auto}
.av-pk-nav button:disabled{opacity:.35;cursor:default}
.is-sheet .av-pk-nav{display:none}
.av-pk-months{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.is-sheet .av-pk-months{flex:1;grid-template-columns:1fr;gap:18px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.av-pk-month{width:100%;border-collapse:separate;border-spacing:0 3px;table-layout:fixed}
.av-pk-month caption{padding:6px 0 10px;font-size:15px;font-weight:600;text-align:center}
.is-sheet .av-pk-month caption{position:sticky;top:0;z-index:1;background:#fff;text-align:left}
.av-pk-month th{padding:0 0 6px;font-size:11.5px;font-weight:600;color:var(--muted);text-align:center}
.av-pk-month td{padding:0;text-align:center}
.av-pk-day{position:relative;width:100%;height:36px;border:0;border-radius:999px;background:transparent;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer}
.is-sheet .av-pk-day{height:44px}
.av-pk-day:hover:not(:disabled,.is-start,.is-end){background:var(--soft)}
.av-pk-day:disabled{color:#aab6bf;cursor:default}
.av-pk-day.is-today::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--green)}
.av-pk-day.is-range,.av-pk-day.is-preview{border-radius:0;background:var(--green-soft);color:var(--green-text)}
.av-pk-day.is-start,.av-pk-day.is-end{background:var(--green);color:#fff}
.av-pk-day.is-start::after,.av-pk-day.is-end::after{background:#fff}
.av-pk-day:focus-visible{z-index:1;outline:2px solid var(--green);outline-offset:2px}
.av-pk-foot{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2)}
.av-pk-foot b{display:block;font-size:15px;font-weight:600}
.av-pk-foot span{font-size:12.5px;color:var(--muted)}
.av-pk-apply{flex:none;min-height:44px;padding:0 22px}
.av-pk-apply:disabled{opacity:.45;cursor:default}
.av-period:focus-visible{outline:none}
@media(forced-colors:active){.av-pk-day.is-start,.av-pk-day.is-end,.av-pk-day.is-range{forced-color-adjust:none;background:Highlight;color:HighlightText}}