/* ★ и i до цената, стрелката, прозорчето и „Последно ажурирано“ · свој фајл од 1.10.0 (30.09.2026).
   Извадено од `cards.css` без промена на правилата. Го вчитуваат сајтот (пред `cards.css`) и апликацијата
   (`cenoteka-app`), која е свој документ без темата. Правилата само за картичката се во `cards.css`. */

/* ---------- ★ и i до цената, плус прозорчето · 1.4.0 ----------
   Заедничко за картичката и за листата на `cenoteka-lanci` (овој CSS се вчитува на секоја
   страница). Прозорчето е ЕДЕН плавачки елемент `#cen-ad-pop` во горниот слој: листата има
   `overflow:hidden` за заоблените рабови и би го отсекла. Бојата е истата како стариот ★ tooltip. */
.cen-ad{ display:inline-flex; align-items:center; line-height:1; }

/* 🔴 1.5.1: копчето на темата. WoodMart (`base.css`) дава на СЕКОЕ копче
   `:is(.btn,.button,button,[type=button])` сива позадина, рамка, внатрешен простор, `min-height`,
   големи букви и своја боја. Тоа е сивиот квадрат околу ★ (пријавено 25.09 со devtools).
   `all:unset` го брише сето тоа одеднаш; селекцијата (0,2,1) е појака од нивната (0,1,0) и од нивниот
   `:hover` (0,2,0), значи важи и при лебдење. Потоа нашето, свесно, од нула. */
.cen-ad button.cen-ad-znak{
  all:unset;
  box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
  cursor:pointer; line-height:1; user-select:none; -webkit-tap-highlight-color:transparent;
  transition:transform .15s ease, color .15s ease, border-color .15s ease;
}
.cen-ad button.cen-ad-znak:focus-visible{ outline:2px solid #1E66FF; outline-offset:2px; border-radius:50%; }

/* ★ сина, без позадина, малку поголема од цената. */
.cen-ad button.cen-ad-zvezda{ width:18px; height:18px; color:#1E66FF; font-size:17px; }
.cen-ad button.cen-ad-zvezda:hover{ color:#0f4fd6; transform:scale(1.12); }

/* i во тенко кругче, како во мокапот. */
.cen-ad button.cen-ad-info{
  width:16px; height:16px; border:1.3px solid #9aa4a0; border-radius:50%;
  color:#6b7280; font:italic 700 10.5px/1 Georgia, "Times New Roman", serif;
}
.cen-ad button.cen-ad-info:hover,
.cen-ad button.cen-ad-info[aria-expanded="true"]{ border-color:#003D28; color:#003D28; }
.cen-ad button.cen-ad-info.cen-ad-staro{ border-color:#d08a2c; color:#b26a00; }
.cen-ad-sodrzina[hidden]{ display:none !important; }

/* 1.9.0 (сопственикот, 27.09): стрелката со процентот веднаш по цената, тенко, во боја. Боите се
   истите како во историјата на цени: црвено = поскапено (лошо за купувачот), зелено = поевтинето. */
.cen-ad-po{ font-size:11.5px; font-weight:500; font-style:normal; margin-left:5px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.cen-ad-po-gore{ color:#b91c1c; }
.cen-ad-po-dolu{ color:#0a7d3b; }

#cen-ad-pop{
  position:fixed; z-index:99999; max-width:min(270px, calc(100vw - 24px));
  background:#003D28; color:#fff; border-radius:8px; padding:11px 13px 10px;
  box-shadow:0 10px 26px rgba(0,0,0,.22); font-size:12px; line-height:1.45; text-align:left;
}
#cen-ad-pop[hidden]{ display:none; }
#cen-ad-pop > span{ display:block; }
#cen-ad-pop .cen-ad-glava{ display:flex; align-items:center; justify-content:space-between; gap:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; font-size:11.5px; }
#cen-ad-pop .cen-ad-pct{ background:#fff; color:#c62828; border-radius:4px; padding:0 6px; letter-spacing:0; }
#cen-ad-pop .cen-ad-red b{ font-weight:800; }
#cen-ad-pop .cen-ad-red s{ opacity:.72; }
#cen-ad-pop .cen-ad-rok.cen-ad-denes{ color:#ffd28a; font-weight:700; }
#cen-ad-pop .cen-ad-crta{ height:1px; background:rgba(255,255,255,.18); margin:5px 0 3px; }
#cen-ad-pop .cen-ad-sitno{ font-size:11px; opacity:.82; }
#cen-ad-pop .cen-ad-sitno.cen-ad-staro{ color:#ffc27a; opacity:1; }
#cen-ad-pop .cen-ad-beleska{ font-size:11.5px; border-left:2px solid rgba(255,255,255,.35); padding-left:7px; margin-bottom:3px; }
#cen-ad-pop time{ font:inherit; }
#cen-ad-pop .cen-ad-pop-str{ border-radius:4px; padding:0 5px; background:rgba(255,255,255,.12); font-weight:700; white-space:nowrap; }
#cen-ad-pop .cen-ad-pop-str.cen-ad-po-gore{ color:#ffb4b4; }
#cen-ad-pop .cen-ad-pop-str.cen-ad-po-dolu{ color:#9ef0bf; }

/* „Последно ажурирано" над листата на страница на производ. */
.cen-ad-azurirano{ font-size:12.5px; color:#6b7280; text-align:center; margin:0 0 10px; }
.cen-ad-azurirano b{ font-weight:600; color:#374151; }
.cen-ad-azurirano.cen-ad-staro{ color:#b26a00; }
@media (prefers-reduced-motion:reduce){ .cen-ad button.cen-ad-znak{ transition:none; } }