/* izba-calendar.css — стили кастомного календаря IZBA (как на главной) + занятые даты.
   Значения .cal* взяты 1:1 с боевой главной. Добавлено только .cal-day.busy (зачёркнутые занятые). */
.cal { position:absolute; top:calc(100% + 8px); left:0; z-index:70; background:#fff; border-radius:14px; box-shadow:0 20px 50px -12px rgba(0,0,0,0.35); padding:14px; width:292px; user-select:none; }
.cal-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.cal-title { font-size:14px; font-weight:600; text-transform:capitalize; }
.cal-nav { width:30px; height:30px; border:none; border-radius:8px; background:rgb(245,245,245); cursor:pointer; font-size:14px; color:rgb(28,28,31); }
.cal-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:2px; }
.cal-dow { font-size:11px; color:rgb(128,128,128); text-align:center; padding:4px 0; }
.cal-day { border:none; background:transparent; font-family:inherit; font-size:13px; padding:8px 0; border-radius:8px; cursor:pointer; color:rgb(28,28,31); }
.cal-day:hover { background:rgb(245,245,245); }
.cal-day.disabled { color:rgb(200,200,200); cursor:default; background:transparent; }
.cal-day.inrange { background:rgba(253,190,31,0.25); border-radius:0; }
.cal-day.selected { background:linear-gradient(135deg, rgb(253,203,77), rgb(253,190,31)); font-weight:700; }
/* занятые даты — зачёркнуты и недоступны (функция «зачёркнутые даты» с детальной) */
.cal-day.busy { text-decoration:line-through; color:rgb(200,200,200); cursor:default; background:transparent; }
.cal-day.busy:hover { background:transparent; }
@media (max-width:640px) { .cal { max-width:calc(100vw - 28px); } }