/* ДА, МИНСК! Валюты (currency.css)
   Тихая звёздочка-сноска + тултип пересчёта.
   Все цвета явными hex: тултип может рендериться вне контейнеров с CSS-переменными. */

.ymcur{
  position:relative;
  display:inline-block;       /* держится в потоке строки, не вываливается в гаттер */
  white-space:nowrap;
  vertical-align:baseline;
}

/* ── Звёздочка-триггер (SVG, не эмодзи) ─────────────── */
.ymcur-trig{
  -webkit-appearance:none;appearance:none;
  background:transparent;border:0;padding:0;margin:0 0 0 6px;
  cursor:pointer;
  line-height:0;
  color:#c9a24b;              /* rye */
  vertical-align:-.02em;      /* по центру относительно цифр цены */
  display:inline-flex;
  align-items:center;
  transition:color .18s ease,transform .18s ease;
  position:relative;
}
.ymcur-star{
  width:1.75em;               /* два знака: рубль + евро, крупнее для читаемости */
  height:.84em;
  display:block;
}
.ymcur-trig:hover,
.ymcur-trig:focus-visible,
.ymcur.is-open .ymcur-trig{
  color:#cf6a36;              /* terra */
  transform:scale(1.12);
  outline:none;
}
.ymcur-trig:focus-visible{
  outline:2px solid #cf6a36;
  outline-offset:2px;
  border-radius:3px;
}

/* ── Тултип ─────────────────────────────────────────── */
.ymcur-pop{
  position:absolute;
  left:50%;
  bottom:calc(100% + 9px);
  transform:translateX(-50%) translateY(5px);
  background:#1d1714;         /* ink */
  color:#f7efe1;
  padding:9px 13px;
  border-radius:12px;
  font-family:'Manrope',system-ui,sans-serif;
  font-weight:600;
  font-size:14px;
  line-height:1.2;
  letter-spacing:.01em;
  white-space:nowrap;
  box-shadow:0 16px 40px -14px rgba(29,23,20,.6);
  opacity:0;visibility:hidden;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
  z-index:9990;
  pointer-events:none;
}
.ymcur-pop::after{
  content:"";
  position:absolute;
  top:100%;left:50%;
  transform:translateX(-50%);
  border:6px solid transparent;
  border-top-color:#1d1714;
}
.ymcur-pop .apx{opacity:.6;font-weight:600;margin-right:4px}
.ymcur-pop .rub{color:#f6b98c;font-weight:700}   /* рубль первым и выделен */
.ymcur-pop .sep{opacity:.4;margin:0 5px}

/* Показ на десктопе: hover по всей группе или фокус/открытие */
@media (hover:hover) and (min-width:701px){
  .ymcur:hover .ymcur-pop,
  .ymcur-trig:focus-visible + .ymcur-pop,
  .ymcur.is-open .ymcur-pop{
    opacity:1;visibility:visible;
    transform:translateX(-50%) translateY(0);
  }
}

/* Открытие по клику (десктоп-фолбэк и как основной триггер) */
.ymcur.is-open .ymcur-pop{
  opacity:1;visibility:visible;
  transform:translateX(-50%) translateY(0);
}

/* ── Мобайл: центрируем тултип фиксированно + затемняем фон ── */
@media (max-width:700px){
  .ymcur.is-open .ymcur-pop{
    position:fixed;
    left:50%;top:50%;
    bottom:auto;
    transform:translate(-50%,-50%);
    font-size:16px;
    padding:16px 22px;
    border-radius:16px;
    box-shadow:0 0 0 100vmax rgba(29,23,20,.55),  /* затемнение всего экрана */
               0 24px 60px -18px rgba(29,23,20,.7);
    z-index:99999;
  }
  .ymcur.is-open .ymcur-pop::after{display:none}
}
/* ── Скоуп под статью (yesminsk-article): держим цену в потоке текста ──
   TOC живёт в левом гаттере через position:absolute; страхуемся, чтобы
   инлайн .ymcur никогда не попал под него и не переносился в поле. */
body.ymart-single .ym-body .ymcur{
  display:inline-block;
  position:relative;
  left:auto;right:auto;
  float:none;
  vertical-align:baseline;
}
body.ymart-single .ym-body .ymcur-trig{
  position:relative;
}

/* ── Страховка: если [cur] вставлен как ОТДЕЛЬНЫЙ блок «Шорткод»
   (wp:shortcode → .wp-block-shortcode), он не должен растягиваться
   на всю колонку и уходить к левому краю. Держим по потоку текста. */
.wp-block-shortcode:has(> .ymcur),
.wp-block-shortcode .ymcur{
  display:inline-block;
  text-align:left;
  max-width:none;
  margin:0;
}
body.ymart-single .ym-body .wp-block-shortcode{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}