/* ==========================================================================
   DORINA MELE — URA MES DIZAJNIT TË FAQES DHE DYQANIT
   --------------------------------------------------------------------------
   Faqet e dyqanit e ngarkojnë tashmë /css/style.css (shih dorinamele-pamja.php),
   pra tokenat e vërtetë — Archivo, qoshet zero, jeshilja #69b42d — janë aty.
   Ky skedar NUK i përsërit ato. Do të ishte një burim i dytë i së vërtetës,
   dhe dy burime do të thotë që një ditë do të ndaheshin.

   Ai bën vetëm dy gjëra:

   1. Rrugëzon emrat e vjetër --dm-* te tokenat e vërtetë.
      dorinamele-shop.css dhe dorinamele-wp.css i përdorin ata emra në 40+
      vende. Më parë shop.css i përkufizonte vetë, në fund të zinxhirit,
      dhe kështu i mbulonte tokenat e ballinës — kjo ishte arsyeja pse
      jeshilja e dyqanit (#5aa326) ndryshonte nga ajo e ballinës (#69b42d)
      dhe qoshet mbeteshin 14px kur gjithë faqja ishte katrore.
      Blloku i tij :root u hoq; këta alias e zënë vendin.

   2. Vendos fontin dhe peshën te blloqet e temës twentytwentyfour që
      nuk i prek asnjë rregull i yni.

   Vlerat rezervë (var(--x, #hex)) nuk janë zbukurim: nëse dikush e ngarkon
   stilimin e dyqanit pa dorinamele-pamja.php, style.css nuk vjen dhe pa to
   dyqani do të mbetej pa ngjyra fare.
   ========================================================================== */

:root {
  --dm-ink:           var(--ink, #14201a);
  --dm-body:          var(--body, #4a564f);
  --dm-line:          var(--line, #e6ebe4);
  --dm-soft:          var(--bg-soft, #f5f8f3);
  --dm-accent:        var(--accent, #69b42d);
  --dm-accent-strong: var(--accent-strong, #528c22);
  --dm-radius:        var(--r-3, 0);
}

/* --------------------------------------------------------------------------
   Baza e faqeve të dyqanit
   -------------------------------------------------------------------------- */

body.woocommerce,
body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
  font-family: var(--font, "Archivo", Helvetica, Arial, sans-serif);
  font-weight: var(--w-body, 400);
  color: var(--dm-body);
}

body.woocommerce h1, body.woocommerce h2, body.woocommerce h3,
body.woocommerce-page h1, body.woocommerce-page h2, body.woocommerce-page h3,
body.woocommerce-account h1, body.woocommerce-account h2, body.woocommerce-account h3 {
  font-family: var(--font, "Archivo", Helvetica, Arial, sans-serif);
  font-weight: var(--w-head, 300);
  color: var(--dm-ink);
}

/* ==========================================================================
   LLOGARIA — forma e regjistrimit dhe njoftimet
   --------------------------------------------------------------------------
   Më parë këto stile printoheshin si <style> brenda vetë formës, me vlera
   të shkruara me dorë (qoshe 10px, jeshile #69b42d e ngurtë). Tani rrinë
   këtu dhe lexojnë tokenat, si çdo gjë tjetër.
   ========================================================================== */

.dm-reg-titull {
  margin: 0 0 var(--s1, 8px);
  color: var(--dm-ink);
  font-weight: var(--w-med, 500);
}

.dm-reg-lloji {
  display: grid;
  gap: var(--s1, 8px);
  margin-bottom: var(--s3, 24px);
}

@media (min-width: 720px) {
  .dm-reg-lloji { grid-template-columns: repeat(3, 1fr); }
}

/* Tri kartat e zgjedhjes — të njëjtat qoshe të drejta si gjithë faqja. */
.dm-reg-kart {
  display: block;
  padding: var(--s2, 16px);
  border: 1px solid var(--dm-line);
  border-radius: var(--r-2, 0);
  background: var(--bg, #fff);
  cursor: pointer;
  line-height: 1.4;
  transition: border-color 0.25s ease, background 0.25s ease;
}

.dm-reg-kart:hover { border-color: var(--dm-accent); }

.dm-reg-kart:has(input:checked) {
  border-color: var(--dm-accent);
  background: var(--dm-soft);
}

.dm-reg-kart input { margin-right: 6px; }

.dm-reg-emri {
  color: var(--dm-ink);
  font-weight: var(--w-med, 500);
}

.dm-reg-pershkrimi,
.dm-reg-ndihme {
  display: block;
  margin-top: 4px;
  color: var(--dm-body);
  font-size: var(--t1, 12px);
  line-height: 1.45;
}

.dm-reg-ndihme { margin-top: 6px; }

/* Njoftimi i statusit te /my-account/. Vija majtas në vend të kornizës
   së plotë — i njëjti gjest si te njoftimet e faqes statike. */
.dm-njoftim {
  padding: var(--s2, 16px);
  margin-bottom: var(--s3, 24px);
  border: 1px solid var(--dm-line);
  border-left: 3px solid var(--dm-accent);
  border-radius: var(--r-3, 0);
  background: var(--dm-soft);
  color: var(--dm-body);
  line-height: 1.5;
}

.dm-njoftim strong {
  color: var(--dm-ink);
  font-weight: var(--w-med, 500);
}

/* Llogaria që pret aprovim — e njëjta formë, theks i heshtur. */
.dm-njoftim:not(.is-ok) {
  border-left-color: var(--line-strong, #c7d2c0);
  background: var(--bg, #fff);
}

/* ==========================================================================
   ÇMIMI SIPAS KATEGORISË
   ========================================================================== */

.dm-cmim-etiketa {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  border-radius: var(--r-pill, 0);
  background: var(--dm-accent);
  color: #fff;
  font-family: var(--font, "Archivo", Helvetica, Arial, sans-serif);
  font-size: var(--t0, 12px);
  font-weight: var(--w-med, 500);
  line-height: 1.5;
  vertical-align: middle;
}

.dm-cmim-i-fshehur {
  color: var(--dm-accent-strong);
  font-size: var(--t2, 14px);
  text-decoration: underline;
  text-underline-offset: 3px;
}