/* «Записаться / Спросить»: нижняя полоса (< 64rem), панель «Спросить», кнопки шапки (стили шапки — в shutter-header.css).
 * Токены с запасными значениями: сайт со старой копией theme.css ничего не теряет. */
.ee-ask { --ee-ask-bottom: 0px; }
.ee-ask[hidden], .ee-ask [hidden] { display: none !important; }

/* ----- нижняя полоса ----- */
.ee-ask__bar {
  position: fixed; left: 0; right: 0; bottom: var(--ee-ask-bottom, 0px); z-index: 400;
  display: none; grid-auto-flow: column; grid-auto-columns: 1fr; gap: .5rem;
  padding: .5rem var(--ee-gutter) calc(.5rem + env(safe-area-inset-bottom, 0px));
  background: var(--ee-ask-bar-bg, var(--background)); border-top: 1px solid var(--border); box-shadow: 0 -6px 16px -8px hsl(0 0% 0% / .18);
  transform: translateY(110%); visibility: hidden; transition: transform .25s ease, visibility 0s linear .25s;
}
html.ee-ask-ready .ee-ask__bar { display: grid; }
.ee-ask__bar.is-visible { transform: none; visibility: visible; transition: transform .25s ease, visibility 0s; }
@media (min-width: 64rem) { html.ee-ask-ready .ee-ask__bar { display: none; } }
@media (prefers-reduced-motion: reduce) { .ee-ask__bar, .ee-ask__bar.is-visible, .ee-ask__panel { transition: none; } }

.ee-ask__btn {
  display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 2.75rem; padding: .35rem .9rem;
  border: 1px solid var(--primary); border-radius: var(--ee-radius-pill); background: var(--background); color: var(--primary);
  font: inherit; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer;
}
.ee-ask__btn:focus-visible, .ee-ask__row:focus-visible, .ee-ask__close:focus-visible { outline: 3px solid var(--ee-focus); outline-offset: 2px; }
.ee-ask__btn[data-ee-ask-rank="1"] { background: var(--primary); color: var(--primary-foreground); order: 1; }
.ee-ask__btn[data-ee-ask-rank="2"] { order: 2; }
.ee-ask__btn:hover { filter: brightness(1.08); }
.ee-ask__btn-sub { font-size: .75rem; line-height: 1.2; font-weight: 500; opacity: .92; }

/* ----- затемнение и панель ----- */
.ee-ask__backdrop { position: fixed; inset: 0; z-index: 1100; background: var(--ee-overlay); opacity: 0; transition: opacity .2s; }
.ee-ask__backdrop.is-open { opacity: 1; }
.ee-ask__panel {
  position: fixed; z-index: 1200; left: 0; right: 0; bottom: 0; max-height: 85vh; overflow-y: auto;
  padding: .5rem var(--ee-gutter) calc(1rem + env(safe-area-inset-bottom, 0px));
  background: var(--background); color: var(--foreground); border-radius: var(--ee-radius-card) var(--ee-radius-card) 0 0; box-shadow: var(--shadow-xl);
  transform: translateY(105%); transition: transform .25s ease;
}
.ee-ask__panel.is-open { transform: none; }
.ee-ask__head { display: flex; align-items: center; justify-content: space-between; min-height: 2.75rem; }
.ee-ask__title { font-weight: 700; font-size: 1.125rem; }
.ee-ask__close { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: 0; border-radius: var(--ee-radius-pill); background: transparent; color: inherit; cursor: pointer; }
.ee-ask__close:hover { background: var(--secondary); }
.ee-ask__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.ee-ask__row {
  display: flex; align-items: center; gap: .75rem; min-height: 2.75rem; padding: .55rem .9rem; border: 1px solid var(--border); border-radius: var(--ee-radius-card);
  background: var(--background); color: var(--foreground); text-decoration: none; font-weight: 600;
}
.ee-ask__row:hover { background: var(--secondary); }
.ee-ask__row svg { flex: none; color: var(--primary); }
.ee-ask__row--signup { flex-direction: column; align-items: flex-start; gap: .1rem; background: var(--primary); border-color: var(--primary); color: var(--primary-foreground); }
.ee-ask__row--signup:hover { background: var(--primary); filter: brightness(1.1); }
.ee-ask__row-sub { font-size: .8125rem; font-weight: 500; opacity: .92; }

/* компьютер: выпадающая панель под шапкой справа */
@media (min-width: 64rem) {
  .ee-ask__backdrop { background: transparent; }
  .ee-ask__panel {
    left: auto; right: var(--ee-gutter); bottom: auto; top: var(--ee-ask-top, 4.25rem); width: 22rem; max-height: calc(100vh - var(--ee-ask-top, 4.25rem) - 1rem);
    border-radius: var(--ee-radius-card); border: 1px solid var(--border); transform: translateY(-.5rem); opacity: 0; transition: transform .2s ease, opacity .2s ease;
  }
  .ee-ask__panel.is-open { transform: none; opacity: 1; }
}