/* =============================================================================
   css/javno.css — ЕДЕН стилски лист за ЈАВНИТЕ страни (ceni.php).
   -----------------------------------------------------------------------------
   ЗОШТО постои: /ceni (и /prices, /priser, /times) вчитуваше `main.css` (130.7 KB)
   и `dv.css` (112.4 KB) — 243 KB render-blocking CSS за ТОЧНО 22 правила што
   страницата навистина ги користи (измерено со CDP `CSS.startRuleUsageTracking`
   на 1440×900 и на 390×844: main.css 14 правила = 1.0 %, dv.css 8 правила = 2.3 %).
   Серверот не gzip-ира CSS, па тоа беа 255 KB преку жица пред првиот пиксел.

   ШТО содржи (ДОСЛОВНО препишано од изворите, без пре-пишување по сеќавање):
     1. ресет-делот на `css/main.css` — сите правила со гол селектор (element/pseudo).
        Тоа е целиот придонес на main.css кон /ceni: НИТУ ЕДНО класно правило на
        main.css не погодува елемент на ценовникот (проверено со скенирање на сите
        1829 блока спрема класите во изрендераниот HTML).
     2. `:root` токените на `css/dv.css` — ги бара и `css/cookie-consent.css`
        (var(--dv-akcent|ctl-h|kopche|kopche-tem|linija|povrshina|radius|radius-sm|tekst)),
        па НЕ смеат да се кратат само на оние што ги користат чиповите.
     3. типографијата на `body` од dv.css (Manrope + font-smoothing).
     4. семејството `.dv-chip` / `.dv-chipovi` — прекинувачот месечно/годишно.

   ПРАВИЛО ЗА ОДРЖУВАЊЕ: ова е ИЗВОД, не втор дизајн-систем. Промена на боја/висина/
   радиус се прави во `css/dv.css` (единствениот извор) и потоа се ПРЕПИШУВА тука.
   Никогаш не менувај вредност само тука — ќе се разидат апликацијата и јавната страна.
   `css/main.css` е компајлиран SASS артефакт без компајлер — не се пипа.
   ============================================================================= */

/* ── 1. Ресет — дословно од css/main.css (сите голи селектори, во ист редослед) ── */
body { --viola-color-1: #C9B0C1;--viola-color-2: #E299C3;--viola-color-3: #B084AC;--viola-color-4: #8C7594;--viola-color-5: #403F41;--main-bg-color: 255, 255, 255;--lighter-bg-color: 251, 251, 251;--bg-color-1: 240, 240, 240;--bg-color-2: 225, 225, 225;--high-contrast-text: 0,0,0;--main-txt-color: 51,51,51;--soft-txt-color: 60,60,60;--high-contrast-color: 255, 255, 255;--high-soft-color: 252, 252, 252;--medium-color: 85, 85, 85;--softer-color: 102, 102, 102;--color--444: 68, 68, 68;--dark-color: 20,20,20;--circle-1-dashboard: 20;--radius-1: 4px;background-color:rgb(var(--main-bg-color)) }
body * { color:#000 }
* { margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif }
html { max-width:100% }
a { text-decoration:none;transition:.6s ease-in-out;color:rgb(var(--main-txt-color)) }
i { transition:.6s ease-in-out }
a i { transition:none !important }
input,option,textarea,button { border:none;outline:none;transition:.6s ease-in-out;font-family:"Poppins",sans-serif;appearance:none !important;-webkit-appearance:none !important }
input:not(.no-fs),option:not(.no-fs),textarea:not(.no-fs),button:not(.no-fs) { font-size:16px }
textarea { resize:none }
button { cursor:pointer }
select { -webkit-appearance:none;appearance:none;border:none;outline:none;font-size:16px }
ul { list-style-type:none }
html { scroll-behavior:smooth }
input:invalid,textarea:invalid { box-shadow:none !important }
a { cursor:pointer }
::selection { background:#5a473a;color:#fff }
::-moz-selection { background:#5a473a;color:#fff }

/* ── 2. DV токени — дословно од css/dv.css (:root) ─────────────────────────── */
:root {
  --dv-akcent:      #b5416b;
  --dv-akcent-tem:  #93355a;
  --dv-akcent-bled: rgba(181, 65, 107, .10);
  /* M92 (Zoran): primarnite/Spara kopchinja vo bojata na DV-logoto — pomeko/
     posvetlo sino od akcentot (#b5416b be pretemno). Semplirano od logo.png:
     dominantna #118ec6. Text-akcentite (linkovi/chipovi) OSTANUVAAT --dv-akcent
     (podobar kontrast za sitni bukvi); samo SOLID kopchinjata odat na ova. */
  --dv-kopche:      #b5416b; /* 06.09.2026 (Зоран): една МАЛИНА насекаде (= акцентот на лендингот), потемна на hover */
  --dv-kopche-tem:  #93355a;
  --dv-povrshina:   #f4f6f9;
  --dv-karta:       #ffffff;
  --dv-linija:      #e5e9ee;
  --dv-tekst:       #24313d;
  --dv-muted:       #7a8794;
  --dv-ok:          #2b8a3e;
  --dv-ok-bg:       #e8f7ec;
  --dv-warn:        #a87f00;
  --dv-warn-bg:     #fff8e1;
  --dv-danger:      #c0392b;
  --dv-danger-bg:   #fdeaea;

  --dv-radius:      12px;
  --dv-radius-sm:   8px;
  /* EDNA visina za site kontroli — kopcinja, polinja, chipovi, selekti.
     Ova e ona shto okoto go chita kako „uredno". */
  --dv-ctl-h:       40px;
  --dv-ctl-h-sm:    34px;   /* ikoni-kopchinja vo redovi, pejdzher */
  --dv-tiho:        #f1f3f6; /* neutralna podloga (ikoni, chipovi) */
  --dv-tiho-tem:    #e5e9ee;
  --dv-akcent-mek:  #f9e9f0; /* meka sina podloga (aktiven chip, glavna ikona) */
  --dv-akcent-mek-tem: #f2d8e3;
  --dv-akcent-ram:  #e3bccd;
  --dv-info:        #1864ab;
  --dv-info-bg:     #dbeefd;
  --dv-senka:       0 1px 2px rgba(181, 65, 107, .05), 0 8px 24px rgba(181, 65, 107, .07);
  --dv-senka-hover: 0 2px 6px rgba(181, 65, 107, .08), 0 14px 32px rgba(181, 65, 107, .12);
  --dv-ease:        cubic-bezier(.22, 1, .36, 1);
}
:root { --dv-strana-w: 232px; }

/* ── 3. Типографија на body — дословно од css/dv.css ───────────────────────── */
body, button, input, select, textarea { font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body { --primary-color: 21, 101, 192; --primary-color-dark: 16, 79, 150; }

/* ── 4. Чипови — дословно од css/dv.css (прекинувач месечно/годишно) ───────── */
.dv-chip {
  display: inline-flex; align-items: center; gap: 7px;
  height: var(--dv-ctl-h); box-sizing: border-box; padding: 0 13px;
  border: 1px solid var(--dv-linija); border-radius: var(--dv-radius-sm);
  background: #fff; cursor: pointer; font-size: 13.5px; font-weight: 600; color: #444;
  transition: border-color .15s, background .15s;
}
.dv-chip:hover { border-color: var(--dv-akcent); }
.dv-chip input { margin: 0; width: 16px; height: 16px; cursor: pointer; accent-color: var(--dv-akcent); }
.dv-chip--aktiven { border-color: var(--dv-akcent); background: var(--dv-akcent-bled); }
.dv-chipovi { display: flex; gap: 8px; flex-wrap: wrap; }
.dv-chip--aktiven, .dv-chip.active, .dv-chip.aktiven { border-color: var(--dv-akcent-ram); background: var(--dv-akcent-mek); color: var(--dv-akcent); }
.dv-chip--sm { height: var(--dv-ctl-h-sm); padding: 0 11px; font-size: 13px; }
.dv-chip i { font-size: 12px; color: var(--dv-muted); }
.dv-chip--aktiven i, .dv-chip.active i { color: var(--dv-akcent); }
.dv-chipovi--lizgaj { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding: 2px 0; }
.dv-chipovi--lizgaj::-webkit-scrollbar { display: none; }
.dv-chipovi--lizgaj .dv-chip { flex: 0 0 auto; width: auto !important; }