/* „Verifică disponibilitatea”: calendarul cu nopțile ocupate, apoi WhatsApp.
   Stă pe fundalul de noapte al secțiunii #rezerva, ca restul formularului. */
.ask[data-rez]{display:block;padding:8px;text-align:left}
/* clasele de mai jos dau display, deci [hidden] trebuie întărit */
.ask[data-rez] [hidden],.ask[data-rez][hidden]{display:none!important}
.ask-top{display:grid;grid-template-columns:1fr 1fr .8fr;gap:8px}
.ask-top label{cursor:pointer}
.ask-top label .v{display:block;font:400 17px/28px var(--sans);min-height:28px;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ask-top label.gol .v{color:rgba(244,239,230,.5)}
.ask-top label.on{background:rgba(244,239,230,.1);box-shadow:inset 0 -2px 0 var(--brass-2)}
.ask-top select{cursor:pointer}
.ask-end{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;padding:10px 8px 4px}
.ask-end .ask-note{flex:1;min-width:220px;margin:0;padding:6px 10px}
.ask-go{white-space:nowrap;border-radius:18px;min-height:60px;padding:0 28px}
.ask-go svg{width:20px;height:20px}

/* calendarul */
.ask-cal{padding:14px 10px 2px}
.kc{display:grid;grid-template-columns:1fr;gap:28px}
.kc.is-two{grid-template-columns:1fr 1fr;gap:40px}
.kc-h{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:8px}
.kc-h p{margin:0;text-align:center;font:400 19px/1 var(--serif);letter-spacing:-.01em}
.kc-nav{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--paper);background:rgba(244,239,230,.07);transition:background .3s}
.kc-nav:hover:not(:disabled){background:rgba(244,239,230,.16)}
.kc-nav:disabled{opacity:.25;cursor:default}
.kc-nav svg{width:18px;height:18px}
.kc-dow,.kc-g{display:grid;grid-template-columns:repeat(7,1fr)}
.kc-dow span{font-size:11px;letter-spacing:.12em;text-align:center;opacity:.5;padding:6px 0}
.kc-d{position:relative;height:44px;margin:2px 0;font:400 15px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--paper);border-radius:999px;transition:background .2s,color .2s}
.kc-d:not(:disabled):hover{background:rgba(244,239,230,.12)}
.kc-d:disabled{cursor:default}
.kc-d.is-past{opacity:.22}
.kc-d.is-busy{color:rgba(244,239,230,.32);text-decoration:line-through;text-decoration-color:rgba(232,165,140,.75);text-decoration-thickness:1.5px}
.kc-d.is-off{color:rgba(244,239,230,.28)}
.kc-d.is-co{box-shadow:inset 0 0 0 1px rgba(244,239,230,.25)}
.kc-d.is-today:not(.is-a):not(.is-b):after{content:"";position:absolute;left:50%;bottom:7px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--brass-2)}
.kc-d.is-in{background:rgba(214,182,118,.16);border-radius:0}
.kc-d.is-a,.kc-d.is-b{background:var(--brass-2);color:var(--forest);font-weight:600}
.kc-d.is-a{border-radius:999px 0 0 999px}
.kc-d.is-b{border-radius:0 999px 999px 0}
.kc-d.is-solo{border-radius:999px}
.kc-leg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:14px 6px 0;font-size:12.5px;color:rgba(244,239,230,.62)}
.kc-leg span{display:inline-flex;align-items:center;gap:7px}
.kc-leg i{width:14px;height:14px;border-radius:50%}
.kc-leg .l-free{box-shadow:inset 0 0 0 1px rgba(244,239,230,.4)}
.kc-leg .l-busy{background:linear-gradient(135deg,transparent 45%,rgba(232,165,140,.85) 46%,rgba(232,165,140,.85) 56%,transparent 57%);box-shadow:inset 0 0 0 1px rgba(244,239,230,.18)}
.kc-leg .l-sel{background:var(--brass-2)}
.kc-leg em{font-style:normal;opacity:.8;margin-left:auto}

@media (max-width:900px){
  .ask-top{grid-template-columns:1fr 1fr}
  .ask-top label:nth-of-type(3){grid-column:1/-1}
}
@media (max-width:600px){
  .ask[data-rez]{padding:6px}
  .ask-top label{padding:10px 14px}
  .ask-cal{padding:10px 2px 0}
  .kc-d{height:42px;font-size:15px}
  .kc-leg em{margin-left:0;width:100%}
  .ask-end{padding:8px 2px 2px}
  .ask-end .ask-note{min-width:0;width:100%;flex:none;text-align:center}
  .ask-go{width:100%;justify-content:center}
}