/*!
 * Admin Revolution 1 — Partizani Channel
 * ─────────────────────────────────────────────────────────────────────────────
 * I qetë, i rrumbullakosur, i ajrosur. E kuqja e klubit përdoret vetëm aty ku
 * duhet vëmendja: veprimi kryesor, zëri aktiv i menusë, gjendja e zgjedhur.
 *
 * ÇDO rregull nis me `body.theme-revolution1`. Kjo s'është stil, është domosdoshmëri:
 * 25 faqe të panelit mbajnë <style> brenda <body>, që në rendin e dokumentit vjen pas
 * <head>. Pa prefiksin që ngre specifitetin, ato do ta mundnin temën.
 *
 * Të dyja modalitetet janë të mbuluara: bllloku i parë është i ndritshmi, dhe
 * `body.dark-mode.theme-revolution1` e mbivendos me variantin e errët.
 */

/* ═══════════════════════════════════════════════════════════════════════════
   TOKENAT
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 {
  --r1-red:        #e30613;
  --r1-red-hi:     #ff1a2e;
  --r1-red-soft:   rgba(227, 6, 19, .09);
  /* Shkëlqimet (box-shadow) marrin tonin nga tema: në dark rideklarohen më poshtë,
     që butoni i ndezur të mos mbajë aureolën e të kuqit të temës së ndritshme. */
  --r1-glow:       rgba(227, 6, 19, .75);
  --r1-glow-soft:  rgba(255, 26, 46, .6);

  --r1-ground:     #f4f6f9;
  --r1-surface:    #ffffff;
  --r1-surface-2:  #f8fafc;
  --r1-line:       #e6e9ef;
  --r1-line-soft:  #eef1f6;

  --r1-ink:        #16181f;
  --r1-ink-2:      #5b6172;
  --r1-ink-3:      #8a90a1;

  --r1-side:       #1b2130;
  --r1-side-2:     #232a3b;
  --r1-side-ink:   #c7ccd8;
  --r1-side-ink-2: #7b8296;

  --r1-good:       #0f9d58;
  --r1-warn:       #b45309;
  --r1-info:       #2563eb;

  --r1-radius:     var(--pz-radius, 12px);
  --r1-radius-sm:  calc(var(--pz-radius, 12px) * .75);
  --r1-shadow:     0 1px 2px rgba(16,19,26,.04), 0 8px 24px -18px rgba(16,19,26,.30);
}

body.dark-mode.theme-revolution1 {
  --r1-red:        #ff2b3c;
  --r1-red-hi:     #ff4a58;
  --r1-red-soft:   rgba(255, 43, 60, .13);
  --r1-glow:       rgba(255, 43, 60, .6);
  --r1-glow-soft:  rgba(255, 74, 88, .5);

  --r1-ground:     #0f1117;
  --r1-surface:    #181b23;
  --r1-surface-2:  #1f232d;
  --r1-line:       #262b36;
  --r1-line-soft:  #212630;

  --r1-ink:        #e7e9ef;
  --r1-ink-2:      #a3a9b8;
  --r1-ink-3:      #7b8294;

  --r1-side:       #141821;
  --r1-side-2:     #1d2330;
  --r1-side-ink:   #c2c8d6;
  --r1-side-ink-2: #767d90;

  --r1-good:       #34d399;
  --r1-warn:       #fbbf24;
  --r1-info:       #60a5fa;

  --r1-shadow:     0 1px 2px rgba(0,0,0,.3), 0 8px 24px -18px rgba(0,0,0,.7);
}

/* ═══════════════════════════════════════════════════════════════════════════
   BAZA
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1,
body.theme-revolution1 .content-wrapper,
body.theme-revolution1 .wrapper {
  background: var(--r1-ground) !important;
  color: var(--r1-ink);
}
/* MOS e vendos `min-height: 100vh` këtu. AdminLTE e llogarit si
   `calc(100vh - shiriti i sipërm - footer-i)`; me 100vh të thatë, përmbajtja bëhet
   rreth 112px më e gjatë se ekrani dhe footer-i shtyhet poshtë vendit të vet. */

/* Koka e faqes: titull i madh, breadcrumb i qetë, hapësirë që merr frymë */
body.theme-revolution1 .content-header { padding: 24px 20px 8px; }
body.theme-revolution1 .content-header h1 {
  font-size: var(--pz-fs-page, 1.55rem); font-weight: var(--pz-fw-page, 780); letter-spacing: -.025em; color: var(--r1-ink);
}
body.theme-revolution1 .content-header small { color: var(--r1-ink-3); font-size: .84rem; }
body.theme-revolution1 .breadcrumb {
  background: transparent !important; padding: 0; margin: 0; font-size: .8rem;
}
body.theme-revolution1 .breadcrumb-item,
body.theme-revolution1 .breadcrumb-item.active { color: var(--r1-ink-3); }
body.theme-revolution1 .breadcrumb-item a { color: var(--r1-ink-2); }
body.theme-revolution1 .breadcrumb-item + .breadcrumb-item::before { color: var(--r1-ink-3); }

/* ═══════════════════════════════════════════════════════════════════════════
   MENUJA ANËSORE
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 .main-sidebar {
  background: var(--r1-side) !important;
  box-shadow: none;
  border-right: 1px solid rgba(255,255,255,.05);
}
body.theme-revolution1 .brand-link {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  padding: 14px 16px;
}
body.theme-revolution1 .sidebar { padding: 10px 10px 24px; }

body.theme-revolution1 .nav-sidebar .nav-link {
  color: var(--r1-side-ink) !important;
  border-radius: var(--r1-radius-sm);
  padding: var(--pz-pad-menu, 9px) 12px;
  margin-bottom: 2px;
  font-size: var(--pz-fs-menu, .875rem);
  font-weight: var(--pz-fw-menu, 500);
  transition: background .14s ease, color .14s ease;
}
body.theme-revolution1 .nav-sidebar .nav-link .nav-icon {
  color: var(--r1-side-ink-2);
  font-size: var(--pz-ic-menu, .95rem); width: 1.4rem;
  transition: color .14s ease;
}
body.theme-revolution1 .nav-sidebar .nav-link:hover {
  background: var(--r1-side-2) !important;
  color: #fff !important;
}
body.theme-revolution1 .nav-sidebar .nav-link:hover .nav-icon { color: #fff; }

/* Zëri aktiv: bllok i plotë i kuq, jo vetëm tekst i kuq */
body.theme-revolution1 .nav-sidebar .nav-link.active {
  background: linear-gradient(135deg, var(--r1-red-hi), var(--r1-red)) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px -8px var(--r1-glow);
}
body.theme-revolution1 .nav-sidebar .nav-link.active .nav-icon { color: #fff; }

/* ══════════════════════════════════════════════════════════════════════════
   NENMENUJA: tri forma te zgjedhshme

   Forma zgjidhet te Cilesimet > Themes dhe ruhet si klase te <body>:
   `sub-form-1`, `sub-form-2` ose `sub-form-3`. Vetem kjo teme i njeh; AdminLTE 3
   nuk merr fare klase, ndaj mbetet e paprekur edhe ne kete pike.

   POZICIONI ESHTE I LLOGARITUR, JO I ZGJEDHUR ME SY.
   Format 1 dhe 2 duhet te bien saktesisht ne mes te ikonave te menyse kryesore.
   Rruga deri tek ajo qender ka kater hapa:
       margjina e majte qe modern.css i jep zerit kryesor .... 8px
       mbushja e majte e zerit kryesor ....................... 12px
       margjina qe AdminLTE i jep ikones .................... .05rem
       gjysma e gjeresise se ikones ......................... 1.4rem / 2 = .7rem
   Mbledhur: 32px, i mbajtur te `--r1-sub-x`. Te gjitha si `calc` me njesite e
   tyre, qe boshti te mbetet ne qender edhe nese ndryshon madhesia baze e
   shkrimit; nje numer i vetem i ngurtesuar do te shkiste sapo te prekej
   rreshqitesi i madhesise.

   Numrat jane te vegjel me qellim. AdminLTE i shton vete `padding-left`
   nenmenuse dhe ua zgjeron ikonat te 1.6rem (me gjere se ato kryesoret), ndaj
   hapesirat mblidheshin mbi njera-tjetren dhe teksti binte shume djathtas.
   ══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 .nav-sidebar .nav-treeview {
  --r1-sub-node: 5px;     /* diametri i nyjes */
  --r1-sub-line: 1px;     /* trashesia e vijes */
  --r1-sub-ink:  rgba(255,255,255,.20);  /* vijat */
  /* Nyja merr numer pak me te larte qe te DUKET e njejte me vijen.
     Nuk eshte kapriço: nje vije 1px bie mbi nje rresht piksela te plote dhe del
     e paster, kurse nje rreth 5px i ka buzet e zbutura nga shfletuesi, ndaj rreth
     nje e treta e siperfaqes se tij eshte gjysem e tejdukshme. Me te njejtin numer,
     rrethi del gjithmone me i zbehte se vija. Ky numer e zhduk ate ndryshim. */
  --r1-sub-ink-node: rgba(255,255,255,.30);
  /* qendra e ikones se nje zeri kryesor, e matur nga buza e zerit */
  --r1-sub-x:    calc(8px + 12px + .05rem + .7rem);
  position: relative;
  border-left: 0;
}
body.theme-revolution1 .nav-sidebar .nav-treeview > .nav-item { position: relative; }

/* ── FORMA 1 — Pikat ────────────────────────────────────────────────────
   Nje bosht i holle me nje nyje per cdo ze; nyja e faqes ku ndodhesh ndizet.
   Pergjigjet pyetjes "ku jam" pa lexuar asnje fjale. */
body.theme-revolution1.sub-form-1 .nav-sidebar .nav-treeview {
  margin: 3px 0 5px calc(var(--r1-sub-x) - var(--r1-sub-line) / 2);
  padding-left: 0 !important;
}
/* Boshti. Ngjyre e sheshte, e njejta me nyjet. Zbehja e fundit behet me maske,
   jo me ngjyre, keshtu fundi i grupit nuk duket i prere DHE ngjyra mbetet
   e njejte me te nyjeve pergjate gjithe boshtit. */
body.theme-revolution1.sub-form-1 .nav-sidebar .nav-treeview::before {
  content: "";
  position: absolute; left: 0; top: 6px; bottom: 8px; width: var(--r1-sub-line);
  background: var(--r1-sub-ink);
  -webkit-mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - 16px), transparent 100%);
          mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - 16px), transparent 100%);
  pointer-events: none;
}
/* Nyjet. `top: 50%` do te thote qe rrine ne mes te rreshtit sado ta ndryshosh
   dendesine me rreshqitesit. Nyja duhet te kete QENDREN mbi bosht, jo buzen,
   ndaj nga `left` hiqet gjysma e nyjes dhe i shtohet gjysma e vijes. */
body.theme-revolution1.sub-form-1 .nav-sidebar .nav-treeview > .nav-item::before {
  content: "";
  position: absolute;
  left: calc(var(--r1-sub-node) / -2 + var(--r1-sub-line) / 2);
  top: 50%; margin-top: calc(var(--r1-sub-node) / -2);
  width: var(--r1-sub-node); height: var(--r1-sub-node); border-radius: 50%;
  background: var(--r1-sub-ink-node);
  transition: background .14s ease, box-shadow .14s ease, transform .14s ease;
  pointer-events: none;
}
body.theme-revolution1.sub-form-1 .nav-sidebar .nav-treeview > .nav-item:hover::before {
  background: rgba(255,255,255,.5);
}
/* `:has()` e lexon vete gjendjen nga lidhja brenda, ndaj s'duhet asnje rresht
   JavaScript: pa te, ndricimi vinte me vonese pas animacionit te hapjes. */
body.theme-revolution1.sub-form-1 .nav-sidebar .nav-treeview > .nav-item:has(> .nav-link.active)::before {
  background: var(--r1-red-hi);
  transform: scale(1.5);
  box-shadow: 0 0 0 3px var(--r1-red-soft), 0 0 9px var(--r1-glow-soft);
}

/* ── FORMA 2 — Kllapat ──────────────────────────────────────────────────
   Berryla si te pema e dosjeve. Cdo ze vizaton vete nje copez boshti dhe nje
   vije horizontale drejt tekstit; i fundit e nderpret boshtin ne mes, ndaj del
   nje kllape e mbyllur dhe kuptohet ku mbaron grupi pa numeruar. */
body.theme-revolution1.sub-form-2 .nav-sidebar .nav-treeview {
  margin: 3px 0 5px calc(var(--r1-sub-x) - var(--r1-sub-line) / 2);
  padding-left: 0 !important;
}
body.theme-revolution1.sub-form-2 .nav-sidebar .nav-treeview > .nav-item::before {
  content: "";
  position: absolute; left: 0; top: 0; bottom: 0; width: var(--r1-sub-line);
  background: var(--r1-sub-ink);
  pointer-events: none;
}
body.theme-revolution1.sub-form-2 .nav-sidebar .nav-treeview > .nav-item:last-child::before {
  bottom: calc(50% - var(--r1-sub-line) / 2);
}
body.theme-revolution1.sub-form-2 .nav-sidebar .nav-treeview > .nav-item::after {
  content: "";
  position: absolute; left: 0; top: 50%; width: 11px; height: var(--r1-sub-line);
  background: var(--r1-sub-ink);
  transition: background .14s ease;
  pointer-events: none;
}
body.theme-revolution1.sub-form-2 .nav-sidebar .nav-treeview > .nav-item:hover::after {
  background: rgba(255,255,255,.44);
}
body.theme-revolution1.sub-form-2 .nav-sidebar .nav-treeview > .nav-item:has(> .nav-link.active)::before,
body.theme-revolution1.sub-form-2 .nav-sidebar .nav-treeview > .nav-item:has(> .nav-link.active)::after {
  background: var(--r1-red-hi);
}

/* ── FORMA 3 — Shkalla ──────────────────────────────────────────────────
   Pa asnje vije. Grupi futet brenda nje blloku pak me te thelle se menuja, dhe
   faqja aktive merr nje shine te kuqe ne buze. Blloku nis ne te njejten buze me
   zerat kryesore (margjina 8px), ndaj duket i futur brenda tyre, jo krah tyre. */
body.theme-revolution1.sub-form-3 .nav-sidebar .nav-treeview {
  margin: 5px 8px 6px 8px;
  padding: 5px 0 5px 0 !important;
  background: rgba(0,0,0,.22);
  border-radius: 10px;
  box-shadow: inset 1px 0 0 rgba(255,255,255,.05);
  overflow: hidden;
}
body.theme-revolution1.sub-form-3 .nav-sidebar .nav-treeview > .nav-item > .nav-link {
  margin-left: 0 !important;
  margin-right: 5px !important;
  padding-left: 14px !important;
  border-radius: 0 7px 7px 0 !important;
}
/* Shina. E padukshme derisa te duhet: keshtu bllokut nuk i shtohet zhurme. */
body.theme-revolution1.sub-form-3 .nav-sidebar .nav-treeview > .nav-item::before {
  content: "";
  position: absolute; left: 0; top: 2px; width: 2px; height: calc(100% - 4px);
  border-radius: 0 2px 2px 0;
  background: transparent;
  transition: background .14s ease;
  pointer-events: none;
}
body.theme-revolution1.sub-form-3 .nav-sidebar .nav-treeview > .nav-item:hover::before {
  background: rgba(255,255,255,.2);
}
body.theme-revolution1.sub-form-3 .nav-sidebar .nav-treeview > .nav-item:has(> .nav-link.active)::before {
  background: var(--r1-red-hi);
  box-shadow: 0 0 10px var(--r1-glow-soft);
}

@media (prefers-reduced-motion: reduce) {
  body.theme-revolution1 .nav-sidebar .nav-treeview > .nav-item::before,
  body.theme-revolution1 .nav-sidebar .nav-treeview > .nav-item::after { transition: none; }
}

body.theme-revolution1 .nav-sidebar .nav-treeview > .nav-item > .nav-link,
body.theme-revolution1 .nav-treeview .nav-link {
  font-size: var(--pz-fs-submenu, .78rem) !important;
  font-weight: var(--pz-fw-submenu, 450) !important;
  padding: var(--pz-pad-submenu, 5px) 8px !important;
  margin-bottom: 1px;
}
/* Teksti rri brenda një <p>: po i vuri ndonjë stil masë atij, rregulli i mësipërm
   s'do ta prekte, sepse font-size trashëgohet vetëm kur s'është vendosur shprehimisht. */
body.theme-revolution1 .nav-sidebar .nav-treeview > .nav-item > .nav-link p {
  font-size: inherit;
  font-weight: inherit;
}
/* Ikona e nënmenusë duhet më e ngushtë se ajo e menusë kryesore, jo më e gjerë.
   Selektori ndjek atë të AdminLTE-së pikë për pikë, që ta mundë me specifitet. */
body.theme-revolution1 .nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
  width: 1.1rem;
  font-size: var(--pz-ic-submenu, .8rem);
  margin-right: var(--pz-gap-submenu, 2px);
}
/* Zeri aktiv: pa mbushje sfondi. Nyja e ndezur dhe boshti i ndricuar e bejne
   tashme punen; nje drejtkendesh i kuq mbi to do te ishte thenia e njejtes gje
   dy here dhe do ta bente menune te zhurmshme. */
/* Zeri aktiv. Te forma 1 pa mbushje sfondi: nyja e ndezur e ben tashme punen,
   dhe nje drejtkendesh mbi te do te ishte thenia e njejtes gje dy here. Te format
   2 dhe 3 mbushja duhet, sepse berryli dhe shina jane vija te holla. */
body.theme-revolution1 .nav-treeview .nav-link.active {
  background: var(--r1-red-soft) !important;
  color: #fff !important;
  font-weight: var(--pz-fw-submenu-on, 560) !important;
  box-shadow: none;
}
body.theme-revolution1.sub-form-1 .nav-treeview .nav-link.active {
  background: transparent !important;
}
body.theme-revolution1 .nav-treeview .nav-link.active .nav-icon {
  color: var(--r1-red-hi);
  opacity: 1;
}
body.theme-revolution1 .nav-treeview .nav-link:hover { background: rgba(255,255,255,.045) !important; }
body.theme-revolution1 .nav-sidebar .menu-open > .nav-link:not(.active) {
  background: rgba(255,255,255,.04) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SHIRITI I SIPËRM
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 .main-header {
  background: var(--r1-surface) !important;
  border-bottom: 1px solid var(--r1-line) !important;
  box-shadow: none !important;
}
body.theme-revolution1 .main-header .nav-link { color: var(--r1-ink-2) !important; }
body.theme-revolution1 .main-header .nav-link:hover { color: var(--r1-red) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   KARTAT
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 .card {
  background: var(--r1-surface);
  border: 1px solid var(--r1-line) !important;
  border-radius: var(--r1-radius) !important;
  box-shadow: var(--r1-shadow);
  margin-bottom: 18px;
}
body.theme-revolution1 .card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--r1-line-soft) !important;
  padding: 15px 18px;
  border-radius: var(--r1-radius) var(--r1-radius) 0 0 !important;
}
body.theme-revolution1 .card-title {
  font-size: var(--pz-fs-card, .96rem); font-weight: var(--pz-fw-card, 700); letter-spacing: -.008em; color: var(--r1-ink);
}
body.theme-revolution1 .card-body { padding: 18px; color: var(--r1-ink); }
body.theme-revolution1 .card-footer {
  background: var(--r1-surface-2) !important;
  border-top: 1px solid var(--r1-line-soft) !important;
  border-radius: 0 0 var(--r1-radius) var(--r1-radius) !important;
}

/* Kutitë e numrave te ballina: më të qeta, me numrin si hero */
body.theme-revolution1 .small-box {
  border-radius: var(--r1-radius) !important;
  box-shadow: var(--r1-shadow) !important;
  overflow: hidden;
}
body.theme-revolution1 .small-box .inner h3 { font-weight: 800; letter-spacing: -.03em; }
body.theme-revolution1 .small-box .small-box-footer { background: rgba(0,0,0,.10); }

/* ═══════════════════════════════════════════════════════════════════════════
   TABELAT
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 .table { color: var(--r1-ink); margin-bottom: 0; }
body.theme-revolution1 .table thead th,
body.theme-revolution1 .table thead.bg-light th {
  background: var(--r1-surface-2) !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--r1-line) !important;
  font-size: calc(var(--pz-fs-table, 14px) * .78);
  font-weight: var(--pz-fw-thead, 750);
  letter-spacing: .09em;
  text-transform: uppercase;
  /* --r1-ink-2, jo ink-3: në ~11px uppercase, ink-3 jepte kontrast 3.0:1, nën AA. */
  color: var(--r1-ink-2) !important;
  padding: 11px 14px;
}
body.theme-revolution1 .table td {
  border-top: 1px solid var(--r1-line-soft);
  padding: 12px 14px;
  vertical-align: middle;
  /* Numrat në kolonë duhen lexuar si kolonë, jo si tekst i shpërndarë. */
  font-variant-numeric: tabular-nums;
}
body.theme-revolution1 .table-hover tbody tr:hover { background: var(--r1-surface-2); }

/* ═══════════════════════════════════════════════════════════════════════════
   BUTONAT
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 .btn {
  border-radius: var(--r1-radius-sm) !important;
  font-weight: var(--pz-fw-btn, 600);
  font-size: var(--pz-fs-btn, .875rem);
  padding: .5rem 1.05rem;
  transition: transform .1s ease, box-shadow .15s ease, background .15s ease;
}
body.theme-revolution1 .btn:active { transform: translateY(1px); }

/* Edhe .btn-info: modern.css e lyen me të kuqin bazë të fiksuar, dhe pa këtë rresht
   në dark mode dilnin dy të kuq të ndryshëm krah për krah (primary i temës + info i vjetër). */
body.theme-revolution1 .btn-danger,
body.theme-revolution1 .btn-info,
body.theme-revolution1 .btn-primary {
  background: linear-gradient(135deg, var(--r1-red-hi), var(--r1-red)) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 6px 16px -8px var(--r1-glow);
}
body.theme-revolution1 .btn-danger:hover,
body.theme-revolution1 .btn-info:hover,
body.theme-revolution1 .btn-primary:hover { box-shadow: 0 10px 22px -8px var(--r1-glow); }

body.theme-revolution1 .btn-secondary {
  background: var(--r1-surface) !important;
  color: var(--r1-ink) !important;
  border: 1px solid var(--r1-line) !important;
}
body.theme-revolution1 .btn-secondary:hover { background: var(--r1-surface-2) !important; }

body.theme-revolution1 .btn-outline-secondary {
  color: var(--r1-ink-2); border-color: var(--r1-line); background: var(--r1-surface);
}
body.theme-revolution1 .btn-outline-secondary:hover {
  color: var(--r1-red); border-color: var(--r1-red); background: var(--r1-red-soft);
}
body.theme-revolution1 .btn-success { background: var(--r1-good) !important; border-color: var(--r1-good) !important; }

/* Butonat e vegjël me ikonë që çdo modul i kishte ndryshe: një pamje e vetme */
body.theme-revolution1 .btn-icon-squad,
body.theme-revolution1 .btn-icon-ck,
body.theme-revolution1 .btn-edit-team {
  width: 32px; height: 32px;
  border-radius: var(--r1-radius-sm);
  border: 1px solid var(--r1-line);
  background: var(--r1-surface-2);
  color: var(--r1-ink-2);
}
body.theme-revolution1 .btn-icon-squad:hover,
body.theme-revolution1 .btn-icon-ck:hover,
body.theme-revolution1 .btn-edit-team:hover {
  border-color: var(--r1-red); color: var(--r1-red); background: var(--r1-red-soft);
}

/* ═══════════════════════════════════════════════════════════════════════════
   BUTONAT E RRESHTIT TE TABELES

   E njejta ide si te polish.css, e shkruar me ngjyrat e temes: cipe e qete me ikone
   me ngjyre, dhe sfondi i plote vetem kur miu rri siper.

   Duhej perseritur ketu, s'mjaftonte polish.css. `body.theme-revolution1 .btn-danger`
   ka specifitet (0,2,1) dhe e mundte `.pz-row-actions .btn-danger` (0,2,0), ndaj
   "Fshi" mbetej pilule e kuqe e mbushur me nje ikone te kuqe brenda, e kuqe mbi te
   kuqe. Marku e pa. "Redakto" kishte marre pamjen e re, sepse temen nuk e prek
   `.btn-warning`, dhe kjo e bente dallimin edhe me te dukshem.

   Forma ketu eshte (0,3,1): fiton pa dyshim, dhe e le temen te vendose ngjyrat e veta.
   KUJDES: cdo teme e re duhet ta perserise kete bllok, perndryshe rreshtat e saj
   kthehen ne blloqe ngjyre.
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 .pz-row-actions .btn {
  --pz-act: var(--r1-ink-2);
  --pz-act-soft: var(--r1-line-soft);
  background: var(--r1-surface-2) !important;
  color: var(--r1-ink-2) !important;
  border: 1px solid var(--r1-line) !important;
  box-shadow: none !important;
  /* Rrezja dhe lartesia vijne nga rregulli i pergjithshem i temes dhe nga cilesimet
     e tipografise; ketu shtrengohet vetem gjeresia, se rreshti s'ka aq vend. */
  font-size: calc(var(--pz-fs-btn, 15px) * .85) !important;
  padding-left: .72rem !important;
  padding-right: .72rem !important;
}
body.theme-revolution1 .pz-row-actions .btn > i { color: var(--pz-act); }
body.theme-revolution1 .pz-row-actions .btn:hover,
body.theme-revolution1 .pz-row-actions .btn:focus {
  background: var(--pz-act-soft) !important;
  color: var(--pz-act) !important;
  border-color: var(--pz-act) !important;
  box-shadow: none !important;
}

body.theme-revolution1 .pz-row-actions .btn-warning,
body.theme-revolution1 .pz-row-actions .btn-outline-warning {
  --pz-act: var(--r1-warn); --pz-act-soft: rgba(180,83,9,.12);
}
body.theme-revolution1 .pz-row-actions .btn-danger,
body.theme-revolution1 .pz-row-actions .btn-outline-danger,
body.theme-revolution1 .pz-row-actions .btn-primary,
body.theme-revolution1 .pz-row-actions .btn-info {
  --pz-act: var(--r1-red); --pz-act-soft: var(--r1-red-soft);
}
body.theme-revolution1 .pz-row-actions .btn-success,
body.theme-revolution1 .pz-row-actions .btn-outline-success {
  --pz-act: var(--r1-good); --pz-act-soft: rgba(15,157,88,.12);
}
body.theme-revolution1 .pz-row-actions .btn-secondary,
body.theme-revolution1 .pz-row-actions .btn-outline-secondary {
  --pz-act: var(--r1-ink-2); --pz-act-soft: var(--r1-line-soft);
}

/* Ylli i kanaleve te veçuara tregon gjendje, jo veprim: duhet i mbushur pa miun siper. */
body.theme-revolution1 .pz-row-actions .btn-toggle-featured.btn-warning {
  background: var(--pz-act-soft) !important;
  color: var(--pz-act) !important;
  border-color: var(--pz-act) !important;
}

/* Doreza e terheqjes dhe numri i rreshtit */
body.theme-revolution1 .pz-drag { color: var(--r1-ink-3); }
body.theme-revolution1 .pz-drag:hover { color: var(--r1-red); background: var(--r1-red-soft); }
body.theme-revolution1 .pz-drag-off .pz-drag { color: var(--r1-line); }
body.theme-revolution1 .pz-nr { color: var(--r1-ink-2); }
body.theme-revolution1 .pz-date { color: var(--r1-ink-2); }
body.theme-revolution1 tr.pz-drag-chosen td { background: var(--r1-red-soft) !important; }
body.theme-revolution1 .pz-drag-note {
  background: rgba(180,83,9,.10);
  color: var(--r1-warn);
}

/* Shiriti i kerkimit: ikonat rrine brenda fushes, ndaj s'ka me kutize ngjitur qe duhet
   te perputhet me te. Ketu jepen vetem ngjyrat; forma vjen nga polish.css. */
body.theme-revolution1 .pz-tools .pz-tool-ico,
body.theme-revolution1 .pz-tools .pz-tool-caret { color: var(--r1-ink-3); }
body.theme-revolution1 .pz-tools .pz-tool:focus-within .pz-tool-ico,
body.theme-revolution1 .pz-tools .pz-tool:focus-within .pz-tool-caret { color: var(--r1-red); }
body.theme-revolution1 .pz-tools .pz-tool-reset {
  border: 1px solid var(--r1-line);
  border-radius: var(--r1-radius-sm);
  color: var(--r1-ink-3);
  background: var(--r1-surface);
}
body.theme-revolution1 .pz-tools .pz-tool-reset:hover {
  color: var(--r1-red);
  border-color: var(--r1-red);
  background: var(--r1-red-soft);
}

/* ═══════════════════════════════════════════════════════════════════════════
   FORMAT
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 .form-control,
body.theme-revolution1 .custom-select {
  background: var(--r1-surface);
  border: 1px solid var(--r1-line) !important;
  border-radius: var(--r1-radius-sm) !important;
  color: var(--r1-ink);
  font-size: .875rem;
  height: calc(2.5rem + 2px) !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}
body.theme-revolution1 textarea.form-control { height: auto !important; }
body.theme-revolution1 .form-control:focus {
  border-color: var(--r1-red) !important;
  box-shadow: 0 0 0 3px var(--r1-red-soft) !important;
}
body.theme-revolution1 .form-control::placeholder { color: var(--r1-ink-3); }
body.theme-revolution1 label { font-size: var(--pz-fs-label, .82rem); font-weight: var(--pz-fw-label, 600); color: var(--r1-ink-2); }
body.theme-revolution1 .input-group-text {
  background: var(--r1-surface-2);
  border: 1px solid var(--r1-line);
  color: var(--r1-ink-3);
  border-radius: 0 var(--r1-radius-sm) var(--r1-radius-sm) 0;
}
/* Kutiza PARA fushës (input-group-prepend) rrumbullakoset majtas, jo djathtas:
   rregulli i mësipërm ishte menduar vetëm për append dhe ia kthente qoshet mbrapsht. */
body.theme-revolution1 .input-group-prepend .input-group-text {
  border-radius: var(--r1-radius-sm) 0 0 var(--r1-radius-sm);
}

/* Çelësat: një pamje e vetme, me ngjyrën e klubit kur janë të ndezur */
body.theme-revolution1 .custom-control.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
body.theme-revolution1 .modern-switch input:checked + .modern-switch-slider {
  background: linear-gradient(135deg, var(--r1-red-hi), var(--r1-red)) !important;
}
body.theme-revolution1 .custom-control.custom-switch .custom-control-label::before,
body.theme-revolution1 .modern-switch-slider { background-color: var(--r1-line); }

/* ═══════════════════════════════════════════════════════════════════════════
   DISTINKTIVËT, NJOFTIMET, MODALET
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 .badge {
  border-radius: 999px;
  font-weight: 700;
  font-size: .7rem;
  letter-spacing: .02em;
  padding: .34em .8em;
}
body.theme-revolution1 .badge-success   { background: rgba(15,157,88,.14);  color: var(--r1-good); }
body.theme-revolution1 .badge-danger    { background: var(--r1-red-soft);   color: var(--r1-red); }
body.theme-revolution1 .badge-warning   { background: rgba(180,83,9,.14);   color: var(--r1-warn); }
body.theme-revolution1 .badge-info      { background: rgba(37,99,235,.14);  color: var(--r1-info); }
body.theme-revolution1 .badge-secondary { background: var(--r1-line-soft);  color: var(--r1-ink-2); }
body.theme-revolution1 .badge-light     { background: var(--r1-surface-2);  color: var(--r1-ink-2); border: 1px solid var(--r1-line); }

body.theme-revolution1 .alert {
  border: 1px solid transparent;
  border-radius: var(--r1-radius-sm);
  font-size: .875rem;
  padding: .85rem 1.1rem;
}
body.theme-revolution1 .alert-success { background: rgba(15,157,88,.10);  color: var(--r1-good); border-color: rgba(15,157,88,.24); }
body.theme-revolution1 .alert-danger  { background: var(--r1-red-soft);   color: var(--r1-red);  border-color: rgba(227,6,19,.26); }
body.theme-revolution1 .alert-warning { background: rgba(180,83,9,.10);   color: var(--r1-warn); border-color: rgba(180,83,9,.24); }
body.theme-revolution1 .alert-info    { background: rgba(37,99,235,.10);  color: var(--r1-info); border-color: rgba(37,99,235,.24); }
body.theme-revolution1 .alert-secondary { background: var(--r1-surface-2); color: var(--r1-ink-2); border-color: var(--r1-line); }

body.theme-revolution1 .modal-content {
  background: var(--r1-surface);
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: 0 30px 70px -25px rgba(15,18,26,.5);
}
body.theme-revolution1 .modal-header,
body.theme-revolution1 .modal-footer { border-color: var(--r1-line-soft); padding: 16px 20px; }
body.theme-revolution1 .modal-body { padding: 20px; }
body.theme-revolution1 .modal-title { font-size: 1rem; font-weight: 720; }

/* ═══════════════════════════════════════════════════════════════════════════
   DATATABLES, FAQOSJA, SKEDAT
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 .dataTables_wrapper .dataTables_filter input,
body.theme-revolution1 .dataTables_wrapper .dataTables_length select {
  background: var(--r1-surface) !important; border: 1px solid var(--r1-line) !important;
  border-radius: var(--r1-radius-sm) !important; color: var(--r1-ink) !important;
}
body.theme-revolution1 .page-link {
  background: var(--r1-surface) !important; border-color: var(--r1-line) !important;
  color: var(--r1-ink-2) !important; border-radius: var(--r1-radius-sm) !important; margin: 0 2px !important;
}
body.theme-revolution1 .page-item.active .page-link {
  background: var(--r1-red) !important; border-color: var(--r1-red) !important; color: #fff !important;
}
body.theme-revolution1 .nav-tabs { border-bottom: 1px solid var(--r1-line); }
body.theme-revolution1 .nav-tabs .nav-link {
  border: 0 !important; border-bottom: 2px solid transparent; color: var(--r1-ink-3);
  font-weight: 600; font-size: .875rem;
}
body.theme-revolution1 .nav-tabs .nav-link.active {
  background: transparent !important; color: var(--r1-red) !important; border-bottom-color: var(--r1-red);
}

/* Footer */
body.theme-revolution1 .main-footer {
  background: var(--r1-surface) !important;
  border-top: 1px solid var(--r1-line) !important;
  color: var(--r1-ink-3) !important;
}

/* Autofill: e njëjta ngjyrë si fusha, që Chrome të mos e mbushë me të vetën */
body.theme-revolution1 input:-webkit-autofill,
body.theme-revolution1 input:-webkit-autofill:hover,
body.theme-revolution1 input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--r1-surface) inset !important;
  -webkit-text-fill-color: var(--r1-ink) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.theme-revolution1 * { transition: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MBYLLJA E KONFLIKTEVE TE DARK MODE

   modern.css ka rregulla si `body.dark-mode .card { background: ... !important }`
   me specifitet (0,2,1), të barabartë me `body.theme-revolution1 .card`. Në barazim
   vendos renditja, dhe aty ku të dyja kanë !important rezultati bëhet i brishtë.
   Këto rregulla e mbyllin çështjen me (0,3,1): tema fiton gjithmonë, pa dyshim.
   Pa to, në modalitetin e errët kartat dhe fushat merrnin ngjyrat e temës bazë.
   ═══════════════════════════════════════════════════════════════════════════ */
body.dark-mode.theme-revolution1 .card {
  background: var(--r1-surface) !important;
  border-color: var(--r1-line) !important;
  box-shadow: var(--r1-shadow) !important;
}
body.dark-mode.theme-revolution1 .card-header,
body.dark-mode.theme-revolution1 .card-footer {
  border-color: var(--r1-line-soft) !important;
}
body.dark-mode.theme-revolution1 .card-footer { background: var(--r1-surface-2) !important; }
body.dark-mode.theme-revolution1 .card-title { color: var(--r1-ink) !important; }

body.dark-mode.theme-revolution1 .form-control,
body.dark-mode.theme-revolution1 .custom-select,
body.dark-mode.theme-revolution1 .dataTables_wrapper .dataTables_filter input,
body.dark-mode.theme-revolution1 .dataTables_wrapper .dataTables_length select {
  background: var(--r1-surface-2) !important;
  border-color: var(--r1-line) !important;
  color: var(--r1-ink) !important;
}
body.dark-mode.theme-revolution1 .form-control::placeholder { color: var(--r1-ink-3) !important; }
body.dark-mode.theme-revolution1 .input-group-text {
  background: var(--r1-surface-2) !important;
  border-color: var(--r1-line) !important;
  color: var(--r1-ink-3) !important;
}
/* Butonat e rreshtit: tokenat e temes nderrohen vete ne dark, po polish.css e ka
   `body.dark-mode .pz-row-actions .btn` me te njejtin specifitet (0,3,1) si rregulli
   i temes. Ne barazim vendos renditja e skedareve, gje shume e brishte per t'u lene
   ashtu; keto forma (0,4,1) e mbyllin çeshtjen. */
body.dark-mode.theme-revolution1 .pz-row-actions .btn {
  background: var(--r1-surface-2) !important;
  color: var(--r1-ink-2) !important;
  border-color: var(--r1-line) !important;
}
body.dark-mode.theme-revolution1 .pz-row-actions .btn:hover,
body.dark-mode.theme-revolution1 .pz-row-actions .btn:focus {
  background: var(--pz-act-soft) !important;
  color: var(--pz-act) !important;
  border-color: var(--pz-act) !important;
}
body.dark-mode.theme-revolution1 .pz-row-actions .btn-warning,
body.dark-mode.theme-revolution1 .pz-row-actions .btn-outline-warning { --pz-act-soft: rgba(251,191,36,.16); }
body.dark-mode.theme-revolution1 .pz-row-actions .btn-success,
body.dark-mode.theme-revolution1 .pz-row-actions .btn-outline-success { --pz-act-soft: rgba(52,211,153,.16); }
body.dark-mode.theme-revolution1 .pz-drag-note { background: rgba(251,191,36,.13); }

body.dark-mode.theme-revolution1 .modal-content { background: var(--r1-surface) !important; }
body.dark-mode.theme-revolution1 .table { color: var(--r1-ink) !important; }
body.dark-mode.theme-revolution1 .main-footer {
  background: var(--r1-surface) !important;
  border-top-color: var(--r1-line) !important;
}

/* Faqosja e DataTables: modern.css e prek me `.dataTables_wrapper .dataTables_paginate
   .page-link` (0,3,0) dhe !important, që e mundte `body.theme-revolution1 .page-link`
   (0,2,1). Pa këtë, numrat e faqeve mbetnin me pamjen e temës bazë brenda çdo tabele
   me faqosje, që në këtë panel janë shumica. Kjo formë jep (0,4,1). */
body.theme-revolution1 .dataTables_wrapper .dataTables_paginate .page-link,
body.theme-revolution1 .dataTables_wrapper .dataTables_paginate .paginate_button .page-link {
  background: var(--r1-surface) !important;
  border: 1px solid var(--r1-line) !important;
  border-radius: var(--r1-radius-sm) !important;
  color: var(--r1-ink-2) !important;
  margin: 0 2px !important;
}
body.theme-revolution1 .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
body.theme-revolution1 .dataTables_wrapper .dataTables_paginate .paginate_button.current .page-link {
  background: var(--r1-red) !important;
  border-color: var(--r1-red) !important;
  color: #fff !important;
}
body.theme-revolution1 .dataTables_wrapper .dataTables_paginate .page-link:hover {
  border-color: var(--r1-red) !important;
  color: var(--r1-red) !important;
}

/* Titulli i kartës: modern.css e prek me një selektor më specifik se ai i temës. */
body.theme-revolution1 .card .card-header .card-title,
body.theme-revolution1 .card-header .card-title {
  color: var(--r1-ink) !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   STANDARDI I RRESHTIT TE VEPRIMEVE

   Nje rregull i vetem per gjithe panelin: veprimi kryesor rri gjithmone ne
   cepin poshte-djathtas, dytesori ngjitur ne te majte te tij, shkaterruesi
   ne skajin e majte, teksti ndihmes majtas.

   Rendi ne HTML nuk ka rendesi: pozicionin e vendos `order`. Ndaj tetë faqet
   ku "Anulo" eshte shkruar pas "Ruaj" (episodes, series, seasons, planet)
   dalin sakte pa u prekur fare. Perdoret :has(), pra vetem konteineret qe
   VERTET mbajne butona ndryshojne; footer-at me tekst ndihmes s'preken.
   ═══════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 { --r1-act-gap: 10px; }

/* ── 1. Konteineret qe njihen si rresht veprimi ─────────────────────────── */
body.theme-revolution1 .card-footer:has(.btn):not(.pz-actions-stack),
body.theme-revolution1 .modal-footer,
body.theme-revolution1 .pz-actions,
body.theme-revolution1 .card-body.text-right:has(> .btn),
body.theme-revolution1 .card-body.d-flex.justify-content-end:has(> .btn),
body.theme-revolution1 .card-body > .text-right:has(> .btn) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: var(--r1-act-gap) !important;
  text-align: right !important;
}

/* Footer-i duket njesoj kudo: bg-white, border-top-0 dhe text-left qe kane
   mbetur neper skedare s'kane me efekt. */
body.theme-revolution1 .card-footer:has(.btn) {
  background: var(--r1-surface) !important;
  border-top: 1px solid var(--r1-line) !important;
  padding: .85rem 1.25rem !important;
  border-radius: 0 0 var(--r1-radius) var(--r1-radius) !important;
}

body.theme-revolution1 .pz-actions:not(.card-footer):not(.modal-footer) {
  margin-top: 1rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid var(--r1-line-soft) !important;
}

/* ── 2. <form> si mbeshtjelles transparent ──────────────────────────────
   Disa modale i mbeshtjellin butonat brenda nje <form>. `display: contents`
   i ben femijet e tij pjese te flex-it te rreshtit, ndaj rendi dhe hapesira
   zbatohen njesoj sikur ai <form> te mos ekzistonte. */
body.theme-revolution1 .card-footer:has(.btn) > form,
body.theme-revolution1 .modal-footer > form,
body.theme-revolution1 .pz-actions > form { display: contents !important; }

/* ── 3. Sjellja baze e cdo butoni brenda rreshtit ───────────────────────── */
body.theme-revolution1 .card-footer:has(.btn) > .btn,
body.theme-revolution1 .card-footer:has(.btn) > form > .btn,
body.theme-revolution1 .card-footer:has(.btn) > .btn-group,
body.theme-revolution1 .modal-footer > .btn,
body.theme-revolution1 .modal-footer > form > .btn,
body.theme-revolution1 .pz-actions > .btn,
body.theme-revolution1 .pz-actions > form > .btn,
body.theme-revolution1 .card-body.text-right:has(> .btn) > .btn,
body.theme-revolution1 .card-body.d-flex.justify-content-end:has(> .btn) > .btn,
body.theme-revolution1 .card-body > .text-right:has(> .btn) > .btn {
  order: 2 !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ── 4. Dytesoret: ngjitur ne te majte te kryesorit ─────────────────────── */
body.theme-revolution1 .card-footer:has(.btn) > .btn-secondary,
body.theme-revolution1 .card-footer:has(.btn) > .btn-default,
body.theme-revolution1 .card-footer:has(.btn) > .btn-light,
body.theme-revolution1 .card-footer:has(.btn) > .btn-link,
body.theme-revolution1 .card-footer:has(.btn) > .btn-outline-secondary,
body.theme-revolution1 .card-footer:has(.btn) > .btn-outline-info,
body.theme-revolution1 .card-footer:has(.btn) > form > .btn-secondary,
body.theme-revolution1 .modal-footer > .btn-secondary,
body.theme-revolution1 .modal-footer > .btn-default,
body.theme-revolution1 .modal-footer > .btn-light,
body.theme-revolution1 .modal-footer > .btn-link,
body.theme-revolution1 .modal-footer > .btn-outline-secondary,
body.theme-revolution1 .modal-footer > form > .btn-secondary,
body.theme-revolution1 .modal-footer > [data-dismiss="modal"].btn,
body.theme-revolution1 .modal-footer > form > [data-dismiss="modal"].btn,
body.theme-revolution1 .pz-actions > .btn-secondary,
body.theme-revolution1 .pz-actions > .btn-link,
body.theme-revolution1 .pz-actions > .btn-outline-secondary,
body.theme-revolution1 .pz-actions > form > .btn-secondary,
body.theme-revolution1 .card-body.text-right:has(> .btn) > .btn-secondary,
body.theme-revolution1 .card-body.d-flex.justify-content-end:has(> .btn) > .btn-secondary,
body.theme-revolution1 .card-body > .text-right:has(> .btn) > .btn-secondary {
  order: 1 !important;
}

/* ── 5. Shkaterruesi: skaji i majte, larg kryesorit ─────────────────────
   Nje "Fshi" ngjitur me "Ruaj" klikohet gabimisht heret a vone. */
body.theme-revolution1 .card-footer:has(.btn) > .btn-outline-danger,
body.theme-revolution1 .card-footer:has(.btn) > form > .btn-outline-danger,
body.theme-revolution1 .modal-footer > .btn-outline-danger,
body.theme-revolution1 .modal-footer > form > .btn-outline-danger,
body.theme-revolution1 .pz-actions > .btn-outline-danger,
body.theme-revolution1 .pz-actions > form > .btn-outline-danger {
  order: 0 !important;
  margin-right: auto !important;
}

/* ── 6. Teksti ndihmes: majtas ──────────────────────────────────────────── */
body.theme-revolution1 .card-footer:has(.btn) > small,
body.theme-revolution1 .card-footer:has(.btn) > .text-muted,
body.theme-revolution1 .card-footer:has(.btn) > span:not(.btn),
body.theme-revolution1 .pz-actions > small,
body.theme-revolution1 .pz-actions > .text-muted,
body.theme-revolution1 .pz-actions > span:not(.btn) {
  order: -1 !important;
  margin-right: auto !important;
  text-align: left !important;
  flex: 0 1 auto !important;
}

/* ── 7. Stiva e kolones anesore: e vetmja forme e lejuar me btn-block ───── */
body.theme-revolution1 .pz-actions-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--r1-act-gap) !important;
}
body.theme-revolution1 .pz-actions-stack > form { display: contents !important; }
body.theme-revolution1 .pz-actions-stack > .btn,
body.theme-revolution1 .pz-actions-stack > form > .btn,
body.theme-revolution1 .pz-actions-stack > .btn-group {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

/* ── 8. Ngjyrat legacy barazohen me standardin ──────────────────────────── */
body.theme-revolution1 .btn-default,
body.theme-revolution1 .btn-light {
  background: var(--r1-surface) !important;
  color: var(--r1-ink) !important;
  border: 1px solid var(--r1-line) !important;
}
body.theme-revolution1 .btn-default:hover,
body.theme-revolution1 .btn-light:hover { background: var(--r1-surface-2) !important; }

/* ── 9. Ikona brenda butonit: gjithmone majtas, hapesire e njejte ──────── */
body.theme-revolution1 .btn > i:first-child:not(:only-child),
body.theme-revolution1 .btn > svg:first-child:not(:only-child) {
  margin-right: .4rem !important;
  margin-left: 0 !important;
}

/* ── 10. Ekran i vogel: nje kolone, kryesori siper ──────────────────────── */
@media (max-width: 575.98px) {
  body.theme-revolution1 .card-footer:has(.btn):not(.pz-actions-stack),
  body.theme-revolution1 .modal-footer,
  body.theme-revolution1 .pz-actions {
    flex-direction: column-reverse !important;
    align-items: stretch !important;
  }
  body.theme-revolution1 .card-footer:has(.btn) > .btn,
  body.theme-revolution1 .card-footer:has(.btn) > form > .btn,
  body.theme-revolution1 .modal-footer > .btn,
  body.theme-revolution1 .modal-footer > form > .btn,
  body.theme-revolution1 .pz-actions > .btn,
  body.theme-revolution1 .pz-actions > form > .btn {
    width: 100% !important;
    margin: 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   BUTONI NOTUES
   Nje rregull i vetem: i njejti cep si cdo veprim tjeter kryesor. PA kuti
   pas tij — kete e kerkove ti, dhe ka te drejte: nje "pilule" e bardhe qe
   noton mbi permbajtje nuk i shkon asgjeje perreth.
   ═══════════════════════════════════════════════════════════════════════ */
body.theme-revolution1 .pz-float-save,
body.theme-revolution1 .typo-save {
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  left: auto !important;
  top: auto !important;
  z-index: 1035 !important;
  display: flex !important;
  align-items: center !important;
  gap: var(--r1-act-gap) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.theme-revolution1 .pz-float-save > .btn,
body.theme-revolution1 .typo-save > .btn {
  border-radius: 999px !important;
  margin: 0 !important;
  box-shadow: 0 10px 26px -10px var(--r1-glow) !important;
}
/* Permbajtja s'duhet te fshihet pas tij. */
body.theme-revolution1 .content-wrapper:has(.pz-float-save),
body.theme-revolution1 .content-wrapper:has(.typo-save) { padding-bottom: 96px !important; }
/* Kur hapet nje modal, notuesi s'ka pse te qendroje mbi erresiren. */
body.modal-open.theme-revolution1 .pz-float-save,
body.modal-open.theme-revolution1 .typo-save { display: none !important; }

@media (max-width: 575.98px) {
  body.theme-revolution1 .pz-float-save,
  body.theme-revolution1 .typo-save {
    left: 12px !important; right: 12px !important; bottom: 12px !important;
    justify-content: flex-end !important;
  }
  body.theme-revolution1 .typo-save-note { display: none !important; }
}