/**
 * @file buttons.css — кнопки: три уровня. Размер текста всегда «основной» (--ee-fs-body), высота не меньше --ee-control (44 px).
 *   1. основная  (.ee-btn--primary)   — заливка акцента: главное действие («Записаться», «Отправить», «Подписаться»);
 *   2. вторая    (.ee-btn--secondary) — контур акцента: «Подробнее», «Сбросить», «Все ретриты», пагинация, фильтры;
 *   3. третья    (.ee-btn--tertiary)  — текст акцента со стрелкой «→»: «Читать полностью», «Показать всех».
 * Цвета — токены --ee-btn-* (сайт меняет их или --primary). Кнопки стандартных элементов Drupal (отправка формы, «Показать», «Сбросить»,
 * пагинация, «Ещё») получают те же уровни без правки шаблонов. Внутри — три внутренние переменные (--_bg, --_fg, --_bd): состояния меняют их.
 */
.ee-btn, .ee-btn--primary, .ee-btn--secondary, .ee-btn--tertiary,
input[type="submit"], button.form-submit, .webform-button--submit, a.button, button.button, .button, .more-link a, .ee-year-all a, .ee-hero__cta a, .attachment-before .view-content span a {
  --_bg: var(--ee-btn-accent); --_fg: var(--ee-btn-accent-fg); --_bd: var(--ee-btn-accent);
  display: inline-flex; align-items: center; justify-content: center; gap: var(--ee-s2); box-sizing: border-box; width: auto;
  min-height: var(--ee-btn-height); padding: var(--ee-s2) var(--ee-s5); border: var(--ee-line-strong) solid var(--_bd); border-radius: var(--ee-btn-radius);
  background: var(--_bg); color: var(--_fg); font: inherit; font-size: var(--ee-fs-body); font-weight: var(--ee-fw-strong); line-height: var(--ee-lh-card); text-align: center; text-decoration: none;
  cursor: pointer; transition: background-color var(--ee-motion), color var(--ee-motion), border-color var(--ee-motion); appearance: none;
}
.ee-btn:hover, .ee-btn--primary:hover, input[type="submit"]:hover, button.form-submit:hover, .webform-button--submit:hover, a.button:hover, .button:hover { --_bg: var(--ee-btn-hover); --_bd: var(--ee-btn-hover); text-decoration: none; }
.ee-btn:focus-visible, input[type="submit"]:focus-visible, button.form-submit:focus-visible, .button:focus-visible { outline: 3px solid var(--ee-focus); outline-offset: 3px; }
.ee-btn[disabled], .ee-btn[aria-disabled="true"], input[type="submit"]:disabled, button.form-submit:disabled { --_bg: var(--muted); --_fg: var(--muted-foreground); --_bd: var(--border); cursor: not-allowed; }

/* второй уровень: контур */
.ee-btn--secondary, .button--secondary, .ee-btn--outline, .button--outline, .ee-year-all a, .attachment-before .view-content span a, .views-exposed-form input[type="submit"][id*="reset"], a.ee-actions__btn:not(.ee-actions__btn--primary) { --_bg: transparent; --_fg: var(--ee-btn-accent); --_bd: var(--ee-btn-accent); }
.ee-btn--secondary:hover, .button--secondary:hover, .ee-year-all a:hover, .attachment-before .view-content span a:hover, .views-exposed-form input[id*="reset"]:hover, a.ee-actions__btn:not(.ee-actions__btn--primary):hover { --_bg: var(--ee-btn-soft); --_fg: var(--ee-btn-hover); --_bd: var(--ee-btn-hover); }
.ee-btn--secondary[disabled], .ee-btn--secondary[aria-disabled="true"] { --_bg: transparent; --_fg: var(--muted-foreground); --_bd: var(--border); }

/* кнопки шапки и панели «Спросить»: уровень задаёт ранг, который выставляет ask-bar.js по странице (1 — главная, 2 — вторая) */
[data-ee-ask-rank="1"].ee-btn { --_bg: var(--ee-btn-accent); --_fg: var(--ee-btn-accent-fg); --_bd: var(--ee-btn-accent); }
[data-ee-ask-rank="2"].ee-btn { --_bg: transparent; --_fg: var(--ee-btn-accent); --_bd: var(--ee-btn-accent); }
[data-ee-ask-rank="2"].ee-btn:hover { --_bg: var(--ee-btn-soft); --_fg: var(--ee-btn-hover); --_bd: var(--ee-btn-hover); }
[data-ee-ask-rank="1"].ee-btn:hover { --_bg: var(--ee-btn-hover); --_bd: var(--ee-btn-hover); }

/* третий уровень: текст со стрелкой */
.ee-btn--tertiary, .more-link a, .view-footer a { --_bg: transparent; --_fg: var(--ee-btn-accent); --_bd: transparent; padding-inline: var(--ee-s2); border-radius: var(--ee-s2); }
.ee-btn--tertiary::after, .more-link a::after, .view-footer a::after { content: "→"; display: inline-block; transition: transform var(--ee-motion); }
.ee-btn--tertiary:hover, .more-link a:hover, .view-footer a:hover { --_bg: var(--ee-btn-soft); --_fg: var(--ee-btn-hover); --_bd: transparent; text-decoration: underline; text-decoration-thickness: var(--ee-line-strong); text-underline-offset: var(--ee-underline-offset); }
.ee-btn--tertiary:hover::after, .more-link a:hover::after { transform: translateX(var(--ee-s1)); }
.ee-btn--tertiary.ee-btn--no-arrow::after { content: none; }
.view-footer a { display: inline-flex; align-items: center; gap: var(--ee-s2); min-height: var(--ee-btn-height); background: var(--_bg); color: var(--_fg); font-weight: var(--ee-fw-strong); text-decoration: none; }
.more-link { text-align: start; }

/* размер и ширина: размер текста один, меняются только поля */
.ee-btn--sm { padding-inline: var(--ee-s4); }
.ee-btn--lg { padding-inline: var(--ee-s6); }
.ee-btn--block { display: flex; width: 100%; }
@media (max-width: 47.99rem) { .ee-btn--mobile-block { display: flex; width: 100%; } }
.ee-btn__icon { display: inline-flex; align-items: center; }
.ee-btn--icon-last { flex-direction: row-reverse; }
/* на тёмном фоне: основная — светлая заливка, вторая — светлый контур */
.ee-btn--inv-primary { --_bg: var(--primary-foreground); --_fg: var(--primary); --_bd: var(--primary-foreground); }
.ee-btn--inv-primary:hover { --_bg: color-mix(in oklab, var(--primary-foreground) 88%, black); --_bd: var(--_bg); }
.ee-btn--inv-secondary { --_bg: transparent; --_fg: var(--primary-foreground); --_bd: var(--primary-foreground); }
.ee-btn--inv-secondary:hover { --_bg: color-mix(in oklab, var(--primary-foreground) 16%, transparent); --_fg: var(--primary-foreground); --_bd: var(--primary-foreground); }

/* значок-кнопка (лупа, сердечко, рубрики): круглая, видимая рамка */
.ee-icon-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--ee-s2); min-width: var(--ee-control); min-height: var(--ee-control); padding: 0 var(--ee-s3); border: var(--ee-line) solid var(--input); border-radius: var(--ee-btn-radius); background: var(--background); color: var(--foreground); font: inherit; font-weight: var(--ee-fw-strong); text-decoration: none; cursor: pointer; }
.ee-icon-btn:hover { background: var(--ee-btn-soft); border-color: var(--ee-btn-accent); color: var(--ee-btn-hover); }
.ee-icon-btn svg { flex: none; }

/* пагинация: вторая кнопка, текущая страница — основная */
.pager__items { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--ee-s2); margin: 0; padding: 0; list-style: none; }
.pager__item a, .pager__item.is-active { display: inline-flex; align-items: center; justify-content: center; min-width: var(--ee-control); min-height: var(--ee-control); padding: 0 var(--ee-s3); border: var(--ee-line-strong) solid var(--ee-btn-accent); border-radius: var(--ee-btn-radius); background: transparent; color: var(--ee-btn-accent); font-weight: var(--ee-fw-strong); text-decoration: none; }
.pager__item a:hover { background: var(--ee-btn-soft); color: var(--ee-btn-hover); border-color: var(--ee-btn-hover); }
.pager__item.is-active { background: var(--ee-btn-accent); color: var(--ee-btn-accent-fg); }
.pager__item.is-active a { min-height: 0; min-width: 0; padding: 0; border: 0; background: none; color: inherit; }

/* фильтр по годам (отзывы): «Все годы» и годы — вторые кнопки в один ряд */
.attachment-before .view, .attachment-before .view .view-content { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-s2); }
.attachment-before .view { margin-bottom: var(--ee-s4); }
.attachment-before .view .view-header, .ee-year-all { margin: 0; }
.attachment-before .view .view-content span { display: inline-flex; align-items: center; gap: var(--ee-s1); font-size: var(--ee-fs-meta); line-height: var(--ee-lh-meta); color: var(--muted-foreground); }
.attachment-before .view .view-content span a[class*="is-active"], .attachment-before .view .view-content span a.is-active { --_bg: var(--ee-btn-accent); --_fg: var(--ee-btn-accent-fg); }

/* «читать полностью» в карточке отзыва: третья кнопка */
.review-more > summary { list-style: none; cursor: pointer; }
.review-more > summary::-webkit-details-marker { display: none; }
.review-more > summary em { display: inline-flex; align-items: center; gap: var(--ee-s1); min-height: var(--ee-btn-height); padding: 0 var(--ee-s2); border-radius: var(--ee-s2); font-style: normal; font-weight: var(--ee-fw-strong); color: var(--ee-btn-accent); }
.review-more > summary em::after { content: "→"; }
.review-more > summary:hover em { background: var(--ee-btn-soft); color: var(--ee-btn-hover); text-decoration: underline; text-decoration-thickness: var(--ee-line-strong); text-underline-offset: var(--ee-underline-offset); }
.review-more[open] > summary em { display: none; }