/**
 * customer.css — стили онлайн-модуля САМО-тур (samo.premiera.travel), лежит
 * на их сервере в /public/css/.
 *
 * ФАЙЛ СКЛЕЕН ИЗ ДВУХ ЧАСТЕЙ (22.09.2026). На сервере уже стояли рабочие
 * правила для ВСЕХ пользователей модуля (ширина полей поиска, скрытая часть
 * таблицы оплаты, слой таймера) — они перенесены БЕЗ ИЗМЕНЕНИЙ, байт в байт,
 * блок «ПРЕЖНИЙ КОД». Наши правила — в блоке «ПРЕМЬЕРА».
 *
 * КАЖДОЕ наше правило начинается с `html.premiera-embed`. Этот класс ставит
 * page_callback.js, и только когда модуль открыт в iframe нашего сайта, —
 * поэтому агенты в модуле напрямую и чужие сайты с его эмбедом видят модуль
 * как прежде. Добавляя правило, не забывайте префикс.
 *
 * Файл отдаётся с кэшем на 10 лет по адресу с ?rev=…: после выкладки
 * браузеры, где модуль уже открывали, увидят изменения только после смены
 * rev — проверять в приватном окне.
 *
 * Селекторы сверены с живой разметкой /bron (17.09.2026):
 *
 * - хром сайта лежит в `#header` (идентификатор): логотип, `.high-menu`,
 *   `.bottom-menu`, `.menu`, `.nav`, `.currency-header`. Хватает скрыть
 *   один `#header` — всё перечисленное внутри него;
 * - `.header` (КЛАСС) — совсем другое: он внутри `.logon-wrapper` и
 *   содержит переключатель «Для агентств» / «Частным лицам». Прятать его
 *   нельзя: у частных лиц пропала бы ссылка на их форму входа;
 * - подпись «© САМО-Софт» (`.samosoft`) оставлена намеренно.
 *
 * ОГРАНИЧЕНИЕ: сверено только по странице входа — форму бронирования под
 * авторизацией мы ещё не видели. Наши правила намеренно консервативны.
 */

/* ================================================================== */
/* ПРЕЖНИЙ КОД — с сервера САМО, байт в байт (снят 22.09.2026)         */
/* ================================================================== */

#search_tour .MEAL {
  width: 150px;
}
#search_tour .STARS {
  width: 138px;
}
#pay_variant .payment_container tbody {
    display: none;
}
div.timer {
    z-index: 1099 !important;
}

/* ================================================================== */
/* ПРЕМЬЕРА — работает только в iframe нашего сайта                    */
/* ================================================================== */

/* ------------------------------------------------------------------ */
/* 1. Скрыть хром сайта: в эмбеде виден только сам модуль               */
/* ------------------------------------------------------------------ */

html.premiera-embed #header {
  display: none !important;
}

/* ------------------------------------------------------------------ */
/* 2. Убрать внешние отступы и фон страницы                             */
/* ------------------------------------------------------------------ */

html.premiera-embed,
html.premiera-embed body {
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}

/* Контейнер контента модуля (внутри .samo_container). */
html.premiera-embed .container {
  margin: 0 auto !important;
  padding: 0 !important;
  max-width: 100% !important;
  background: #ffffff !important;
  box-shadow: none !important;
  border: none !important;
}

/* ------------------------------------------------------------------ */
/* 3. Формы: скругления 12px под стиль сайта                            */
/* ------------------------------------------------------------------ */

html.premiera-embed input[type='text'],
html.premiera-embed input[type='email'],
html.premiera-embed input[type='tel'],
html.premiera-embed input[type='password'],
html.premiera-embed input[type='number'],
html.premiera-embed input[type='date'],
html.premiera-embed select,
html.premiera-embed textarea {
  border-radius: 12px !important;
}

/* .panel встречается и как `.legend panel agency`, и как `#loginbox`. */
html.premiera-embed .panel {
  border-radius: 12px !important;
}

/* ------------------------------------------------------------------ */
/* 4. Кнопки: акцентный цвет бренда (Turquoise #49B1B6)                 */
/* ------------------------------------------------------------------ */

/* В разметке кнопки — это <button class="button"> и <a class="button">. */
html.premiera-embed button,
html.premiera-embed input[type='submit'],
html.premiera-embed input[type='button'],
html.premiera-embed .button {
  background-color: #49b1b6 !important;
  border-color: #49b1b6 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
}

html.premiera-embed button:hover,
html.premiera-embed input[type='submit']:hover,
html.premiera-embed input[type='button']:hover,
html.premiera-embed .button:hover {
  background-color: #3d989c !important;
  border-color: #3d989c !important;
}