/* Календарь дат «Бирюзы» (bron-kalendar.js). Цвета сайта «Бирюзы» из
   assets/css/editorial-20261022.css и partials/rannee-2027.htm: бирюзовый
   #146c73, текст #383533, второй текст #514c48, фон #f5f3ef, бежевый #e9ddd2.
   Тёмный бирюзовый #0f5459 для наведения выведен из #146c73 (на сайте его нет).
   Шрифт сайта NewYork (style-light.css подключает его на каждой странице). */

/* Видимые поля даты вместо системных */
.brk-skryto{position:absolute!important;width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;border:0!important;padding:0!important}
.brk-pole{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;
  font:500 15px/1.3 NewYork,Georgia,serif;color:#383533;
  background:#fff;border:1px solid #e9ddd2;border-radius:6px;padding:12px 14px;min-height:48px;
  transition:border-color .2s,box-shadow .2s}
.brk-pole::before{content:"";flex:0 0 18px;height:18px;opacity:.75;background:no-repeat center/18px
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23146c73' stroke-width='1.6'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.brk-pole:hover,.brk-pole:focus{border-color:#146c73;outline:none;box-shadow:0 0 0 3px rgba(20,108,115,.12)}
.brk-pole.brk-pusto{color:#7a746e}
.brk-skryto.br-pole-zhdyom+.brk-pole{border-color:#c2410c;box-shadow:0 0 0 3px rgba(194,65,12,.15)}

/* Окно */
html.brk-otkryt{overflow:hidden}
.brk-fon{position:fixed;inset:0;z-index:2000;background:rgba(56,53,51,.45);display:flex;
  align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;
  transition:opacity .25s,visibility .25s}
.brk-fon.vidno{opacity:1;visibility:visible}
.brk-okno{background:#f5f3ef;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.28);
  width:100%;max-width:720px;max-height:calc(100vh - 40px);overflow:auto;padding:22px 24px 18px;
  font-family:NewYork,Georgia,serif;color:#383533;
  transform:translateY(12px);transition:transform .25s}
.brk-fon.vidno .brk-okno{transform:none}
.brk-shapka{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.brk-zag{font:600 28px/1.15 NewYork,Georgia,serif;letter-spacing:.005em}
.brk-zakryt{border:0;background:none;font-size:30px;line-height:1;color:#514c48;cursor:pointer;
  padding:0 4px;border-radius:4px}
.brk-zakryt:hover{color:#146c73}

/* Заезд и выезд вверху окна: что уже выбрано и что выбираем */
.brk-vybor{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.brk-vk{border:1px solid #e9ddd2;background:#fff;border-radius:6px;padding:10px 12px;text-align:left;
  cursor:pointer;font-family:inherit;color:#383533}
.brk-vk span{display:block;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:#514c48;margin-bottom:3px}
.brk-vk b{font-weight:600;font-size:15px}
.brk-vk.aktivno{border-color:#146c73;box-shadow:0 0 0 2px rgba(20,108,115,.18)}

/* Месяцы */
.brk-mesyacy{position:relative}
.brk-setka{display:grid;gap:28px}
.brk-strelka{position:absolute;top:-4px;width:38px;height:38px;border-radius:50%;border:1px solid #e9ddd2;
  background:#fff;color:#383533;font-size:22px;line-height:1;cursor:pointer;z-index:1;
  display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.brk-strelka:hover:not(:disabled){border-color:#146c73;color:#146c73}
.brk-strelka:disabled{opacity:.3;cursor:default}
.brk-nazad{left:0}.brk-vpered{right:0}
.brk-mes-zag{text-align:center;font:600 22px/38px NewYork,Georgia,serif;margin-bottom:8px}
.brk-dni,.brk-chisla{display:grid;grid-template-columns:repeat(7,1fr)}
.brk-dni span{text-align:center;font-size:11px;font-weight:600;letter-spacing:.06em;color:#7a746e;
  text-transform:uppercase;padding:4px 0 8px}
.brk-den{position:relative;height:44px;border:0;background:none;font:500 15px/1 NewYork,Georgia,serif;
  color:#383533;cursor:pointer;padding:0;z-index:0}
.brk-den::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);
  border-radius:50%;z-index:-1;transition:background .15s}
.brk-den:hover:not(:disabled)::after{background:rgba(20,108,115,.07)}
.brk-den:disabled{color:#c9c9c1;cursor:default;text-decoration:line-through;text-decoration-color:rgba(0,0,0,.12)}
.brk-den.brk-segodnya{font-weight:700}
.brk-den.brk-mezhdu{background:rgba(20,108,115,.12)}
.brk-den.brk-nachalo,.brk-den.brk-konec{color:#fff}
.brk-den.brk-nachalo::after,.brk-den.brk-konec::after{background:#146c73}
.brk-den.brk-nachalo{background:linear-gradient(90deg,transparent 50%,rgba(20,108,115,.12) 50%)}
.brk-den.brk-konec{background:linear-gradient(90deg,rgba(20,108,115,.12) 50%,transparent 50%)}
.brk-den.brk-odin{background:none}
.brk-den:focus-visible{outline:2px solid #146c73;outline-offset:-2px;border-radius:50%}

/* Низ окна */
.brk-niz{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;
  padding-top:14px;border-top:1px solid #e9ddd2}
.brk-itog{font-size:14px;color:#514c48}
.brk-gotovo{border:0;background:#146c73;color:#fff;font:600 15px/1 NewYork,Georgia,serif;
  letter-spacing:.03em;padding:14px 26px;border-radius:4px;cursor:pointer;transition:background .2s}
.brk-gotovo:hover:not(:disabled){background:#0f5459}
.brk-gotovo:disabled{opacity:.4;cursor:default}

/* Телефон: окно снизу во всю ширину, один месяц */
@media (max-width:759px){
  .brk-fon{align-items:flex-end;padding:0}
  .brk-okno{max-width:none;border-radius:16px 16px 0 0;max-height:92vh;padding:18px 16px 16px;
    transform:translateY(40px)}
  .brk-zag{font-size:25px}
  .brk-vk b{font-size:13.5px}
  .brk-den{height:46px}
}
@media (prefers-reduced-motion:reduce){.brk-fon,.brk-okno{transition:none}}