/* ==========================================================================
   YClients online booking widget (филиал 2097567)
   Inline-секция #online-booking на главной + триггеры .ms-button.
   Использует дизайн-токены из main-style.css.
   ========================================================================== */

/* Контейнер inline-виджета: центрирование и отступы как у соседних секций */
.yclients-widget {
    max-width: 760px;
    margin: 0 auto;
    border-radius: var(--radius-lg, 20px);
    box-shadow: var(--shadow, 0 6px 24px rgba(64, 73, 99, 0.08));
    background: var(--c-bg-card, #fff);
    overflow: hidden;
}

/* Iframe записи: адаптивная высота, без рамки */
.yclients-widget__frame {
    display: block;
    width: 100%;
    height: 720px;
    border: 0;
}

/* Запасная ссылка под виджетом (если iframe не загрузился) */
.yclients-widget__fallback {
    margin: 16px auto 0;
    text-align: center;
    color: var(--c-text-muted, #6b7280);
    font-size: 15px;
}

.yclients-widget__fallback a {
    color: var(--c-primary, #404963);
    font-weight: 600;
}

/* Триггер-кнопки виджета не должны выглядеть как обычные ссылки-якоря */
a.ms-button {
    cursor: pointer;
}

/* Планшеты */
@media (max-width: 768px) {
    .yclients-widget {
        max-width: 100%;
    }
    .yclients-widget__frame {
        height: 680px;
    }
}

/* Телефоны до 375px */
@media (max-width: 375px) {
    .yclients-widget {
        border-radius: var(--radius, 12px);
    }
    .yclients-widget__frame {
        height: 640px;
    }
    .yclients-widget__fallback {
        font-size: 14px;
    }
}