/*
 * Переключатель способов показа записи и места под виджет BigMed.
 * Цвета задаёт вариант через --m-* переменные.
 * @author Maksym Mariukhnik <max@absoluteweb.com>
 */
.g-modes {
    margin: 0 0 40px;
    padding: 16px 18px 14px;
    border-radius: var(--m-radius, 16px);
    background: var(--m-bg, #fff);
    box-shadow: inset 0 0 0 1px var(--m-line, rgba(0, 0, 0, .1));
    max-width: 760px;
}
.g-modes-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 15px; font-weight: 500; }
.g-modes-head em { font-style: normal; font-size: 12px; padding: 2px 8px; border-radius: 999px; background: var(--m-accent, #2f7d87); color: var(--m-on-accent, #fff); }
.g-modes-row { display: flex; flex-wrap: wrap; gap: 6px; }
.g-modes-row button {
    min-height: 40px; padding: 0 14px; border: 0; cursor: pointer;
    border-radius: var(--m-btn-radius, 999px);
    background: var(--m-chip, rgba(0, 0, 0, .05)); color: inherit;
    font: inherit; font-size: 14px; font-weight: 500;
    transition: background .15s;
}
.g-modes-row button:hover { background: var(--m-chip-hover, rgba(0, 0, 0, .1)); }
.g-modes-row button[aria-pressed="true"] { background: var(--m-accent, #2f7d87); color: var(--m-on-accent, #fff); }
.g-modes-hint { margin: 10px 0 0; font-size: 14px; opacity: .75; }

/* Один список: виджет сам рисует врачей и запись */
[data-doctors][data-mode="list"] { display: block !important; }
.g-list { max-width: 760px; min-height: 320px; }

/* Окно записи: кнопка в углу */
.g-float-wrap { position: fixed; right: 24px; bottom: 24px; z-index: 40; }
.g-float { box-shadow: 0 12px 30px rgba(0, 0, 0, .25); min-height: 56px !important; padding: 0 28px !important; font-size: 17px !important; }
body.g-has-float .sticky-book, body.g-has-float .bar .btn { display: none !important; }
@media (max-width: 640px) {
    .g-float-wrap { left: 16px; right: 16px; bottom: 16px; }
    .g-float { width: 100%; }
    body.g-has-float .bar { display: none !important; }
}

/* Расписание у врача */
.g-inline { margin-top: 20px; min-height: 120px; }
@media (prefers-reduced-motion: reduce) { .g-modes-row button { transition: none; } }