/* ═══════════════════════════════════════════════════════════════════════════
   Служебный режим: приём заявок пока не открыт.

   Файл гасит формы подписки, форму обратной связи и кнопки записи в список,
   плюс правит раскладку блока в конце статьи.

   Почему отдельный файл, а не правка nicotine-detox.webflow.css:
   тот — экспорт из Webflow, следующий экспорт затрёт любые ручные вставки.
   Плюс не пришлось поднимать ?v= у общего стиля сразу на 30 страницах.

   Когда приём откроется — снять <link> на этот файл, вернуть кнопкам форм
   type="submit", убрать readonly с полей и вернуть кнопкам их надписи.

   Подключается по абсолютному пути /css/service-notice.css?v=3.0 —
   страницы лежат на трёх уровнях вложенности и ссылаются на css/ по-разному.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ── 1. Формы ────────────────────────────────────────────────────────────────

   Неактивность даёт pointer-events: none на форме: не кликается ни поле,
   ни кнопка. В разметке у полей стоит readonly и tabindex="-1".

   Селектор .email-form-s — формы подписки. Просто .form брать НЕЛЬЗЯ: тот же
   класс висит на форме комментариев (.form-comment .form), а она должна работать.

   02.09.2026 форма обратной связи из FAQ (.feedback-form .form) из заморозки
   ВЫВЕДЕНА и работает: сообщения уходят владельцу через api/feedback.php.
   Заморожена осталась только подписка — приём адресов ещё не открыт.

   Кнопкам в разметке заменён тип: type="submit" → type="button". Одного
   атрибута disabled мало — модуль форм Webflow сам управляет состоянием
   кнопки и снимает его.                                                      */

.email-form-s {
  pointer-events: none;
}

/* Поле ввода должно выглядеть ровно как раньше.
   Webflow в своём стиле красит любое readonly-поле в серый:
       .w-input[readonly] { background-color: #eee }
   Возвращаем белый фон и обычный курсор. */
.email-form-s .w-input[readonly] {
  background-color: var(--white);
  cursor: default;
}


/* ── 2. Погашенные кнопки ────────────────────────────────────────────────────

   Кнопки записи — это ссылки <a>, атрибут disabled на них не работает:
   клики режем через pointer-events, в разметке стоят aria-disabled и
   tabindex="-1".

   Цвета:
     формы, нижний блок главной            — заливка #DFE4EA
     синяя секция главной, блок в статье   — белый с прозрачностью            */

.email-form-s input[type="button"],
.final-button-1,
.final-button-2 {
  background-color: #DFE4EA;
  color: var(--text-article);
  border-color: #DFE4EA;   /* у .final-button-1 своя синяя обводка, у .final-button-2 — чёрная */
  cursor: not-allowed;
}

.email-form-s input[type="button"]:hover,
.final-button-1:hover,
.final-button-2:hover {
  background-color: #DFE4EA;
  color: var(--text-article);
  border-color: #DFE4EA;
}

.button-retail,
.button-articles,
.final-button-1,
.final-button-2 {
  pointer-events: none;
  cursor: not-allowed;
}

.button-retail,
.button-retail:hover {
  background-color: rgba(255, 255, 255, .35);
  color: rgba(255, 255, 255, .9);
}

.button-articles,
.button-articles:hover {
  background-color: rgba(255, 255, 255, .45);
  color: rgba(0, 12, 36, .55);
}

/* Кнопка в синей секции осталась одна — прежний размер под ряд из семи штук
   для неё мелковат. */
.button-retail {
  padding: 1.5rem 3.5rem;
  font-size: .95rem;
}

@media screen and (max-width: 767px) {
  .button-retail { padding: 1.35rem 2.75rem; font-size: .85rem; }
}

@media screen and (max-width: 479px) {
  .button-retail { padding: 1.25rem 2.25rem; font-size: .8rem; }
}


/* ── 3. Дисклеймер в синей секции ────────────────────────────────────────────

   Блок абсолютный с inset: auto auto 0 — то есть left и right оставлены auto,
   и коробка встаёт по своей статической позиции, у левого края секции. Текст
   внутри отцентрован, но сама коробка — нет, поэтому строка уезжала влево.

   Просто растянуть на всю ширину нельзя: у блока задана своя ширина
   (.disclamer-blue.free / .freeee — 30–42rem, 90% на планшете, 95% на
   телефоне). Поэтому ставим left:0 / right:0 и авто-поля — для абсолютно
   позиционированного элемента с заданной шириной это штатный способ
   отцентровать коробку, ширина при этом сохраняется.                         */

.disclamer-blue {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

/* ── 4. Блок записи в конце статьи ───────────────────────────────────────────

   Раздел удалён 06.09.2026. Он подгонял прежнюю раскладку: обложка на два ряда
   грида, кнопка в отдельной обёртке .button-block-article, заголовок влево.
   06.09.2026 блок заменён версией из свежего макета Webflow — ряд один, кнопка
   лежит внутри .book-text-article, размеры обложки и выравнивание задаёт
   css/article-blocks.css. Старые правила были специфичнее (`.articles-book
   .book-article` против одиночного класса) и перебивали новые размеры.        */