:root{
  --bg:#f7f9fc; --card:#ffffff; --text:#0b1220; --muted:#64748b;
  --accent:#22c55e; --border:#e5e7eb; --active:#f0f4f8;
  --stroke:#22c55e; --stroke-bg:#e6eef6;
  --note-bg: color-mix(in oklab, var(--accent) 10%, var(--card));
}

/* Dark sipas OS */
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0f141a; --card:#151b23; --text:#e8eaed; --muted:#9aa0a6;
    --accent:#22c55e; --border:#202833; --active:#101821;
    --stroke:#22c55e; --stroke-bg:#1b2330;
    --note-bg: color-mix(in oklab, var(--accent) 12%, var(--card));
  }
}

/* Dark manual */
html[data-theme="dark"]{
  --bg:#0f141a; --card:#151b23; --text:#e8eaed; --muted:#9aa0a6;
  --accent:#22c55e; --border:#202833; --active:#101821;
  --stroke:#22c55e; --stroke-bg:#1b2330;
  --note-bg: color-mix(in oklab, var(--accent) 12%, var(--card));
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,Ubuntu,Arial}

/* ===== Container ===== */
.wrap{width:min(96vw, 1400px);margin:32px auto;padding-inline:clamp(10px, 2vw, 20px)}
@media (max-width:576px){
  .wrap{ width:98vw; margin:18px auto; padding-inline:10px; }
  .card-wrap{ padding:14px; }
}
@media (min-width:2560px){ .wrap{ width:min(62vw, 1500px) } }
@media (min-width:3840px){ .wrap{ width:min(52vw, 1600px) } }

.card-wrap{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.10)}

/* ===== Logo si maskë ===== */
.brand-logo,
.brand-footer{
  display:inline-block;
  -webkit-mask: url('/assets/logo.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('/assets/logo.svg') no-repeat center;
  mask-size: contain;
}
.brand-logo{ width: clamp(160px, 14vw, 220px); height: clamp(40px, 3.5vw, 60px); }
.brand-footer{ width: clamp(150px, 12vw, 200px); height: clamp(28px, 2.8vw, 40px); }

/* Logo ngjyra: System = e zezë, Dark = e bardhë */
html:not([data-theme="dark"]) .brand-logo { background-color:#22c55e; }
html:not([data-theme="dark"]) .brand-footer { background-color:rgba(0,0,0,.55); }
html[data-theme="dark"] .brand-logo { background-color:#fff; }
html[data-theme="dark"] .brand-footer { background-color:rgba(255,255,255,.55); }

/* ===== Theme toggle ===== */
.theme-toggle{border:1px solid var(--border);background:var(--active);color:var(--text);border-radius:12px;padding:.45rem .65rem;display:inline-flex;align-items:center;gap:.5rem}
.sys-ico{width:1.15rem;height:1.15rem;display:block}

/* ===== Data row ===== */
.date-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.date-greg{font-weight:600;font-size:clamp(16px,1.6vw,22px);cursor:pointer;user-select:none;overflow-wrap:anywhere}
.calendar-btn{border:1px solid var(--border);background:var(--active);color:var(--text);border-radius:12px;padding:.35rem .55rem;display:inline-flex;align-items:center;justify-content:center}
.calendar-btn .bi{font-size:1.1rem}
.date-hijri{color:var(--muted);font-style:italic;font-size:clamp(14px,1.2vw,18px);margin-bottom:12px;overflow-wrap:anywhere}
#status{font-size:clamp(12px,1vw,14px)}
#datePicker{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ===== A2HS banner ===== */
.a2hs{position:sticky;top:0;z-index:1000;display:none}
.a2hs .inner{
  margin:0 auto; width:min(100%, 1400px);
  background:var(--card); border:1px solid var(--border);
  border-radius:0 0 12px 12px; padding:10px 12px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  display:flex; align-items:center; gap:10px; justify-content:space-between;
}
.a2hs .msg{display:flex; align-items:center; gap:10px; color:var(--text)}
.a2hs .msg .bi{font-size:1.1rem}
.a2hs .actions{display:flex; gap:8px}
.a2hs .btn-sm{border-radius:10px}
.a2hs .hint{color:var(--muted);font-size:.92rem}
.a2hs .close-x{background:transparent;border:0;color:var(--muted)}
@media (max-width:576px){
  .a2hs .inner{border-radius:0 0 10px 10px;padding:8px 10px}
  .a2hs .hint{font-size:.9rem}
}

/* ===== Next box ===== */
.next{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--active);margin-bottom:14px}

/* Koka: titulli + dropdown */
.next-head{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;            /* lejon zbritje në rresht tjetër në mobile/tablet */
  margin-bottom:10px;
}
@media (min-width:1024px){
  .next-head{ justify-content:space-between; flex-wrap:nowrap; }
  .next-head .next-title{ order:1; }
  .next-head .loc-select-wrap{ order:2; margin:0; }
}
@media (max-width:1023.98px){
  .next-head{ justify-content:flex-start; }
  .next-head .loc-select-wrap{
    order:-1;               /* del mbi titullin në mobile/tablet */
    width:100%;
    margin:0 0 8px 0;
    justify-content:center;         /* qendër në mobile/tablet */
  }
  .next-head .next-title{
    order:0;
    width:100%;
  }
  .next-head .loc-select{ max-width:100%; }
  .next-head .loc-current{
    min-width:max-content;          /* mos e tkurro tekstin */
    white-space:nowrap;             /* ruaj në një rresht */
    padding:.40rem .70rem;
    font-size:clamp(12px,1vw,14px);
  }
}
@media (max-width:360px){
  .next-head .loc-current{
    font-size:13px;
    padding:.36rem .60rem;
  }
}

.next-title{font-weight:700;margin:0;font-size:clamp(16px,1.6vw,20px)}
.next-title .pill{display:inline-block;padding:2px 10px;margin-left:6px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:rgba(0,0,0,.04);font-size:clamp(14px,1.4vw,18px);font-weight:700;color:var(--accent)}

.next-body{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap}
.next-left{flex:1 1 280px;min-width:260px}
.next-right{flex:1 1 320px;min-width:280px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:12px}
.next-right .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.next-right .head .title{margin:0;font-weight:700;font-size:clamp(14px,1.4vw,18px)}
.next-right .head small{color:var(--muted)}
.ayah-text{font-size:clamp(14px,1.2vw,16px);line-height:1.7;color:var(--text);max-height:7.5em;overflow:auto}

/* ===== Location dropdown (pill) ===== */
.loc-select-wrap{ display:flex; justify-content:flex-start; margin:10px 0 0 0; }
.loc-select{ position:relative; display:inline-flex; align-items:center; }
.loc-current{
  display:inline-flex; align-items:center; gap:8px;
  padding:.45rem .8rem; border:1px solid var(--border); border-radius:999px;
  background:var(--card); color:var(--text); font-weight:700; cursor:pointer; user-select:none;
  transition:background .2s,border-color .2s,box-shadow .2s;
}
.loc-current:hover{ background:var(--active); }
.loc-current .label{ color:var(--muted); font-weight:600; }
.loc-current .caret{ font-size:.9em; opacity:.8; transform:translateY(1px); }

.loc-menu{
  position:absolute; top:calc(100% + 6px); left:0; min-width:220px;
  background:var(--card); border:1px solid var(--border); border-radius:12px;
  box-shadow:0 14px 34px rgba(0,0,0,.18); padding:6px; display:none; z-index:30;
}
.loc-menu.open{ display:block; }

.loc-item{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px; padding:.55rem .7rem; border-radius:10px; text-decoration:none;
  color:var(--text); font-weight:600;
}
.loc-item:hover{ background:var(--active); }
.loc-item.active{ background:var(--accent); color:#fff; }
.loc-item .city{ white-space:nowrap; }
.loc-item .hint{ color:var(--muted); font-size:.85em; }

@media (max-width:480px){
  .loc-menu{ min-width:190px; }
  .loc-current{ padding:.42rem .7rem; }
  .loc-item{ padding:.5rem .6rem; }
}

/* ===== Countdown ===== */
.countdown{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.time-xl{font-weight:900;font-size:clamp(44px,5vw,78px);line-height:1;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.time-sep{font-weight:800;font-size:clamp(40px,4.8vw,74px);line-height:1;opacity:.85;transform:translateY(-1px)}
.time-sec{font-weight:800;font-size:clamp(16px,1.6vw,22px);line-height:1;vertical-align:super;position:relative;top:-.35em;margin-left:6px;background:linear-gradient(180deg,color-mix(in oklab,var(--card),transparent 65%),color-mix(in oklab,var(--card),transparent 30%));border:1px solid color-mix(in oklab,var(--border),transparent 40%);padding:3px 10px;border-radius:12px;font-variant-numeric:tabular-nums}
.bar{height:10px;background:var(--active);border:1px solid var(--border);border-radius:999px;overflow:hidden;margin-top:8px}
.bar>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#10b981)}

/* ===== Notices ===== */
.note-banner{
  display:none; margin:10px 0 12px 0;
  background:var(--note-bg);
  border:1px solid color-mix(in oklab, var(--accent) 35%, var(--border));
  border-left:5px solid var(--accent);
  border-radius:12px; padding:10px 12px; color:var(--text);
  display:flex; align-items:flex-start; gap:10px;
}
.note-banner .bi{color:var(--accent); font-size:1.1rem; margin-top:.15rem}
.note-banner .body{color:var(--text); opacity:.95}

/* ===== Grid ===== */
.grid{display:grid;gap:clamp(10px,1.2vw,16px);grid-template-columns:1fr;align-items:stretch;justify-items:stretch}
@media (min-width:641px){ .grid{ grid-template-columns:repeat(2,minmax(220px,1fr)); } }
@media (min-width:1024px){ .grid{ grid-template-columns:repeat(5,minmax(220px,1fr)); } }
@media (min-width:1600px){ .grid{ grid-template-columns:repeat(5,minmax(230px,1fr)); } }

#daylenRow{margin-top:12px}
@media (min-width:1024px){#daylenRow .slot{width:100%;grid-column:1/-1}}

.slot{
  position:relative;border:1px solid var(--border);border-radius:12px;background:var(--card);
  padding:clamp(12px,1vw,18px);display:flex;align-items:center;justify-content:space-between;gap:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.08);transition:border-color .2s,box-shadow .2s,background .2s;
  min-width:0;max-width:100%;
}
.slot .left{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 auto;overflow:hidden}
.slot .bi{font-size:clamp(18px,1.2vw,26px);color:var(--text);flex:0 0 auto}
.slot.active .bi{color:var(--accent)}
.slot .name{font-weight:600;font-size:clamp(16px,1.2vw,22px);overflow:hidden;text-overflow:ellipsis}
.slot .time{font-weight:800;font-size:clamp(16px,1.2vw,22px);white-space:nowrap;flex:0 0 auto}
.slot.active{border-color:var(--accent);background:var(--active);box-shadow:0 0 0 2px rgba(34,197,94,.15) inset,0 10px 20px rgba(0,0,0,.10)}

/* Fajr mixed */
.slot.fajr-mixed .time{display:none}
.stack{display:flex;flex-direction:column;gap:6px;min-width:0}
.line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.line .label,.line .val{white-space:nowrap}
.slot.fajr-mixed .line.small .label,.slot.fajr-mixed .line.small .val{font-size:clamp(11px,1vw,13px);font-weight:600}
.slot.fajr-mixed .line.small .bi{font-size:clamp(14px,1vw,18px)}
.slot.fajr-mixed .line.main .label{font-size:clamp(16px,1.2vw,22px);font-weight:600}
.slot.fajr-mixed .line.main .val{font-size:clamp(16px,1.2vw,22px);font-weight:800}
.slot.fajr-mixed .line.main .bi{font-size:clamp(18px,1.2vw,26px)}

/* Sunrise note */
.sunrise-note{
  display:block;
  margin-top:4px;
  font-size:clamp(10px,.9vw,12px);
  color:var(--muted);
}
.sunrise-note .bi{font-size:1rem; color:var(--accent); margin-right:6px; position:relative; top:2px;}

/* Border loading */
.slot svg.progress-rect{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.slot .stroke-bg{stroke:var(--stroke-bg);stroke-width:4;fill:none;opacity:.7}
.slot .stroke{stroke:var(--stroke);stroke-width:4;fill:none;stroke-linecap:square;transition:stroke-dashoffset .4s linear;will-change:stroke-dashoffset;opacity:.95;filter:drop-shadow(0 0 2px rgba(34,197,94,.35))}

@keyframes announceBlink{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0);border-color:var(--border)}50%{box-shadow:0 0 0 6px rgba(34,197,94,.35),0 0 18px 2px rgba(34,197,94,.45);border-color:var(--accent)}}
.announce{animation:announceBlink .6s ease-in-out 3}

footer{margin-top:20px;color:var(--muted);font-size:14px}

/* Modal */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:16px;z-index:50}
.modal-card{width:100%;max-width:min(92vw, 1400px);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}
@media (min-width:2560px){ .modal-card{ max-width:min(70vw,1500px);} }
@media (min-width:3840px){ .modal-card{ max-width:min(60vw,1600px);} }
.modal-card .grid{display:grid;gap:clamp(10px,1.2vw,16px);grid-template-columns:1fr}
@media (min-width:900px){ .modal-card .grid{grid-template-columns:repeat(2,minmax(220px,1fr))} }
@media (min-width:1024px){ .modal-card .grid{grid-template-columns:repeat(5,minmax(220px,1fr))} }
@media (min-width:1600px){ .modal-card .grid{grid-template-columns:repeat(5,minmax(230px,1fr))} }
.modal-card .slot{min-width:0;max-width:100%}
.modal-daylen{margin-top:12px}
.modal-daylen .slot{width:100%;grid-column:1/-1}

/* Date fallback */
.date-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:16px;z-index:60}
.date-modal{width:min(520px,92vw);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}
.date-modal h5{margin:0 0 10px 0}

/* Fix: ayeti në smartphone */
.next-right{ min-width:0 !important; }
.ayah-text{ overflow-wrap:anywhere; word-break:break-word; max-height:12rem; overflow:auto; }
@media (max-width: 576px){
  .next-body{ flex-direction:column; gap:12px; }
  .next-left, .next-right{ flex:1 1 100%; min-width:0 !important; }
  .next-right .head .title{ font-size:16px; }
  .ayah-text{ font-size:14px; }
}
@media (max-width: 380px){
  .next-left{ min-width:0 !important; }
  .next-right{ min-width:0 !important; }
  .countdown .time-xl{ font-size:42px; }
  .time-sep{ font-size:38px; }
  .time-sec{ font-size:14px; }
}

@media (max-width:575.98px){
  .loc-current .label{ display:inline !important; }
}

/* ===== Popup i ezanit (adhan) ===== */
.adhan-popup{
  position: fixed;
  inset: 0;
  display: none;                  /* JS e bën 'flex' kur hapet */
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.45);
  z-index: 9999;
  padding: 16px;                  /* margjinë për ekrane të vegjël */
}

.adhan-popup .adhan-card{
  background: var(--card-bg, #ffffff);
  color: var(--card-fg, #111111);
  min-width: 240px;
  max-width: 90vw;
  padding: 16px 20px;
  border-radius: 14px;
  box-shadow: 0 14px 42px rgba(0,0,0,.25);
  border: 1px solid rgba(0,0,0,.08);
  text-align: center;
  animation: adhan-pop-in .25s ease-out both;
}

.adhan-popup .adhan-title{
  font-weight: 700;
  font-size: 1.15rem;
  line-height: 1.2;
  margin: 0 0 4px 0;
}

.adhan-popup .adhan-time{
  font-weight: 500;
  font-size: .95rem;
  opacity: .9;
}

/* Animacion i butë kur shfaqet */
@keyframes adhan-pop-in{
  from{ transform: translateY(8px) scale(.98); opacity: 0; }
  to  { transform: translateY(0)   scale(1);    opacity: 1; }
}

/* Respekto preferencat e përdoruesit për lëvizje */
@media (prefers-reduced-motion: reduce){
  .adhan-popup .adhan-card{ animation: none; }
}

/* Dark theme (opsionale, nëse s’përdor variablat e temës) */
/*
:root[data-theme="dark"] .adhan-popup .adhan-card{
  background: #2b2e34;
  color: #f1f1f1;
  border-color: rgba(255,255,255,.06);
}
*/

/* Një herë në rrënjë (nëse s’e ke) */
:root{ --ok:#22c55e; }

/* Blink ~10s (JS shton .announce) */
.grid .slot.announce{
  animation: slot-announce-blink 0.9s steps(1,end) infinite;
  position: relative;
}
@keyframes slot-announce-blink{
  0%,49% { box-shadow:none; }
  50%,100% { box-shadow: 0 0 0 3px var(--ok), 0 0 18px rgba(34,197,94,.45); }
}

/* Popup i ezanit – më i madh + border jeshil */
.adhan-popup{
  position: fixed;
  inset: 0;
  display: none;           /* hapet nga JS me display:flex */
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.45);
  z-index: 9999;
  padding: 16px;
}
.adhan-popup .adhan-card{
  min-width: 260px;
  max-width: 92vw;
  padding: 22px 26px;
  border: 1px solid var(--ok);
  border-radius: 16px;
  background: var(--card-bg, #fff);
  color: var(--card-fg, #111);
  box-shadow: 0 18px 50px rgba(0,0,0,.28);
}
.adhan-popup .adhan-title{
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 6px 0;
}
.adhan-popup .adhan-time{
  font-size: 1.25rem;
  font-weight: 600;
  opacity: .95;
}

/* FA mosque të bëhet jeshile kur sloti është aktiv */
:root{ --ok:#22c55e; } /* nëse e ke tashmë, mos e përsërit */
.grid .slot.active .left i.fa-mosque { color: var(--ok) !important; }


:root{ --ok:#22c55e; } /* lëre një herë nëse e ke */

/* ÇDO ikonë në slotin aktiv → jeshile (mbulon FA & Bootstrap) */
.grid .slot.active .left i{ color: var(--ok) !important; }
/* Nëse ikona renditet si SVG (p.sh. disa tema BI) */
.grid .slot.active .left svg{ color: var(--ok) !important; fill: currentColor !important; }

/* Sekondat e "Namazi i radhës" me të kuqe */
.countdown .time-sec{
  color: #FF0000 !important; /* e kuqe */
  font-weight: 700;
  background: transparent;
  border: none;
  margin-left: -2px; 
}

/* Footer: logo më e vogël dhe “joaktive” (me link) */
#siteFooter .brand-footer{
  width: 96px;
  height: 32px;
  background-size: contain;         /* ruaj logo ekzistuese */
  background-repeat: no-repeat;
  opacity: 0.6;                     /* dukje joaktive */
  filter: grayscale(100%);
  transition: opacity .2s ease, filter .2s ease, transform .2s ease;
}
#siteFooter .brand-footer-link:hover .brand-footer{
  opacity: 1;
  filter: none;
  transform: scale(1.03);
}
#siteFooter .footer-copy{
  color: var(--muted, #64748b);
}

/* Smartphone: logo në mes, layout në kolonë */
@media (max-width: 576px){
  #siteFooter{
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px;
    text-align: center;
  }
  #siteFooter .brand-footer{
    width: 110px;   /* pak më e lexueshme në mobile */
    height: 36px;
  }
}

/* Tableta: pak më shumë hapësirë, logo pak më e madhe */
@media (min-width: 577px) and (max-width: 991.98px){
  #siteFooter{ gap: 12px; }
  #siteFooter .brand-footer{
    width: 90px;
    height: 26px;
  }
}

/* Smartphone: copyright majtas, logo djathtas, në të njëjtin rresht */
@media (max-width: 576px){
  #siteFooter{
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0 !important;
    text-align: left !important;
  }
  #siteFooter .footer-copy{ order: 1; }
  #siteFooter .brand-footer-link{ order: 2; margin-left: auto; }
  /* (opsionale) madhësia e logos në mobile */
  #siteFooter .brand-footer{ width: 76px; height: 22px; }
}


/* Smartphone: copyright MAJTAS + logo DJATHTAS në TË NJËJTIN rresht */
@media (max-width: 576px){
  #siteFooter{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }
  #siteFooter > *{ flex: 0 0 auto !important; }   /* mos u zgjero */
  #siteFooter .footer-copy{
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap;                           /* mos u thye */
    margin: 0;
  }
  #siteFooter .brand-footer-link{
    display: inline-flex !important;
    align-items: center;
    margin-left: auto !important;                  /* shtyje djathtas */
  }
  #siteFooter .brand-footer{ width: 96px; height: 32px; }
}


#siteFooter{ display:flex; justify-content:center; align-items:center; }
#siteFooter .footer-copy{ margin:0; }


/* Vetëm "Takvimi.net" pak më e errët */
#siteFooter .footer-brand{
  color: #1f2937; /* pak më e errët se teksti tjetër, jo shumë e zezë */
  font-weight: 600;
}

/* (opsionale) nuanca sipas temës */
:root[data-theme="dark"]  #siteFooter .footer-brand{ color: #e5e7eb; }
:root[data-theme="light"] #siteFooter .footer-brand{ color: #1f2937; }

/* Footer gjithmonë në qendër (të gjitha pajisjet) */
#siteFooter{
  display: flex;
  justify-content: center !important;
  align-items: center;
  text-align: center;
}

/* Mos lër hapësirë vertikale të panevojshme */
#siteFooter .footer-copy{
  margin: 0;
  display: inline-flex;      /* që span-i të rrijë në një vijë */
  align-items: center;
}

/* Largoji pak "Takvimi.net" nga "2025" */
#siteFooter .footer-brand{
  margin-left: .4rem;        /* rreth 6–7px hapësirë */
}

/* Fullscreen vetëm në TV (html ka klasën .is-tv) */
html.is-tv, html.is-tv body{
  height: 100%;
  margin: 0;
  padding: 0;
}
html.is-tv body{
  min-height: 100vh;
  overflow-x: hidden;
}
html.is-tv .wrap{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100%;
}
html.is-tv .card-wrap{
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
html.is-tv #siteFooter{
  margin-top: auto !important; /* footer në fund të ekranit */
}

.adhan-popup.blink-adhan .adhan-card{
  animation: adhan-blink 1s steps(1,end) 10;
}
@keyframes adhan-blink{
  0%,49%   { box-shadow: 0 18px 50px rgba(0,0,0,.28), 0 0 0 0 rgba(34,197,94,0); }
  50%,100% { box-shadow: 0 18px 50px rgba(0,0,0,.28), 0 0 0 4px var(--ok, #22c55e); }
}


#noteBoxTop { display:flex; align-items:center; gap:.5rem; }
#noteBoxTop .pill { display:inline-flex; align-items:center; gap:.45rem; }
.friday-pill { font-weight:600; }

.nowrap { white-space: nowrap; }