:root{--paper:#f5f1e8;--paper-2:#ebe4d5;--ink:#18332c;--muted:#74827c;--card:#fffdf8;--forest:#174e40;--forest-2:#0f3a30;--sage:#b8c7a8;--gold:#d8a94c;--line:#ded8ca;--active:#edf0e7;--stroke:#d8a94c;--stroke-bg:#d9ded7;--header-h:78px;--shadow:0 22px 70px rgba(47,55,46,.11);--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}
html[data-theme="dark"]{--paper:#0d1714;--paper-2:#14221e;--ink:#edf0e8;--muted:#9cac9f;--card:#15231f;--forest:#d4b366;--forest-2:#0b2b23;--sage:#5d7565;--gold:#e4bc62;--line:#2b3b35;--active:#1c2d27;--stroke:#e4bc62;--stroke-bg:#33453e;--shadow:0 25px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5;overflow-x:hidden;transition:background .2s,color .2s}body:before{content:'';position:fixed;inset:0;z-index:-2;background-image:radial-gradient(color-mix(in srgb,var(--ink) 7%,transparent) .7px,transparent .7px);background-size:20px 20px;opacity:.45}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.ambient{display:none}

/* Utility classes previously supplied by Bootstrap; kept tiny for faster first load. */
.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.justify-content-between{justify-content:space-between!important}.flex-column{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.gap-1{gap:.25rem!important}.w-100{width:100%!important}.text-secondary{color:var(--muted)!important}.fw-semibold{font-weight:600!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}
[hidden]{display:none!important}
/* Header editorial */
.site-header{position:sticky;top:0;z-index:2000;height:var(--header-h);background:color-mix(in srgb,var(--paper) 91%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:.2s}body.scrolled{--header-h:62px}.site-header-inner{width:min(1420px,calc(100% - 54px));height:100%;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.site-header-inner:before{content:'NAMAZI • DHIKRI • DUA';font-size:.62rem;letter-spacing:.18em;font-weight:700;color:var(--muted)}.brand-link{display:flex;justify-content:center}.brand-logo,.brand-footer{display:block;background:var(--forest);-webkit-mask:url('logo.svg') no-repeat center/contain;mask:url('logo.svg') no-repeat center/contain}.brand-logo{width:185px;height:43px}.brand-footer{width:150px;height:34px}.menu-btn{position:absolute!important;left:max(18px,calc((100vw - 1420px)/2));top:50%;translate:0 -50%;z-index:2}.hdr-right{justify-self:end;display:flex;gap:8px}.header-control,.menu-close,.icon-action{height:40px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;cursor:pointer;transition:.18s}.header-control:hover{background:var(--forest);border-color:var(--forest);color:var(--card)}.menu-btn{width:40px;padding:0;font-size:1.25rem}.theme-toggle span:last-child,.hdr-btn span{font-size:.7rem;font-weight:700}
/* Masthead */
.page-shell{width:min(1420px,calc(100% - 54px));margin:38px auto 0}.intro-row{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:28px}.intro-row>div:first-child{padding-left:58px}.intro-row>div:first-child:before{content:'☾';position:absolute;left:0;bottom:20px;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:1.35rem;background:var(--card)}.eyebrow,.section-kicker{display:block;color:var(--muted);font-size:.64rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:7px}.eyebrow i{color:var(--gold);margin-right:5px}.intro-row h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.6rem,5vw,4.8rem);line-height:.95;letter-spacing:-.045em;margin:0;color:var(--ink)}.date-card{position:relative;min-width:335px;padding:13px 52px 13px 18px;background:transparent;border-left:1px solid var(--line)}.date-main{border:0;background:transparent;color:var(--ink);padding:0;font-weight:700;font-size:.95rem;cursor:pointer}.date-hijri{font-family:var(--serif);color:var(--muted);font-size:.8rem;margin-top:4px}.calendar-btn{position:absolute;right:4px;top:50%;translate:0 -50%;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--forest);cursor:pointer}#datePicker{position:absolute;width:1px;height:1px;clip-path:inset(50%)}.status-line{min-height:20px;color:var(--muted);font-size:.8rem}
/* Dashboard i ri */
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);gap:22px;align-items:start}.dashboard-main{min-width:0}.times-section{position:sticky;top:calc(var(--header-h) + 20px);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:25px 22px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:8px}.section-head h2{font-family:var(--serif);font-size:1.65rem;line-height:1;margin:0}.live-pill{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.63rem;font-weight:700}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 17%,transparent)}
/* Hero poster me hark */
.next-card{position:relative;min-height:620px;overflow:hidden;background:var(--forest-2);color:#f6f1e6;border-radius:4px;padding:34px;box-shadow:var(--shadow);isolation:isolate}.next-card:before{content:'';position:absolute;inset:12px;border:1px solid rgba(255,255,255,.16);pointer-events:none}.next-card:after{content:'';position:absolute;width:570px;height:570px;border:1px solid rgba(255,255,255,.1);border-radius:50% 50% 0 0;left:50%;bottom:-335px;translate:-50% 0;z-index:-1}.next-glow{position:absolute;right:-170px;bottom:-230px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(216,169,76,.2),transparent 67%);z-index:-1}.arch-decoration{width:80px;height:110px;margin:45px auto 27px;border:1px solid rgba(255,255,255,.25);border-radius:45px 45px 5px 5px;display:grid;place-items:center;color:var(--gold);font-size:1.4rem;position:relative}.arch-decoration:before,.arch-decoration:after{content:'';position:absolute;top:50%;width:85px;height:1px;background:rgba(255,255,255,.14)}.arch-decoration:before{right:calc(100% + 14px)}.arch-decoration:after{left:calc(100% + 14px)}.next-top{position:absolute;left:34px;right:34px;top:32px;display:flex;justify-content:space-between;align-items:center;gap:15px}.next-title{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}.next-title .pill{display:block;font-family:var(--serif);font-size:1.55rem;letter-spacing:0;text-transform:none;color:#fff;margin-top:4px}.next-title .pill i{color:var(--gold);font-size:1rem}.next-content{display:flex;min-height:410px;flex-direction:column;align-items:center;text-align:center}.countdown-block{width:min(600px,90%)}.countdown-label{font-size:.63rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.52)}.countdown{margin:8px 0 25px}.countdown .d-flex{justify-content:center!important;align-items:baseline!important}.time-xl{font-family:var(--serif);font-size:clamp(4.8rem,10vw,8.4rem);font-weight:600;line-height:.9;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.time-sep{font-family:var(--serif);font-size:clamp(3.5rem,7vw,6rem);color:var(--gold);line-height:1;margin:0 .08em;animation:blink 1s step-end infinite}.time-sec{font-size:1rem;color:var(--gold);font-weight:700;margin-left:10px;font-variant-numeric:tabular-nums}@keyframes blink{50%{opacity:.25}}.progress-track{position:relative;width:min(520px,100%);height:2px;margin:auto;background:rgba(255,255,255,.18)}.progress-track i{position:absolute;left:0;top:-1px;height:4px;width:0;background:var(--gold);transition:width 1s linear}.progress-track i:after{content:'';position:absolute;right:-6px;top:50%;translate:0 -50%;width:12px;height:12px;border:2px solid var(--forest-2);border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(216,169,76,.25)}.progress-dot{display:none}.progress-labels{display:flex;justify-content:space-between;color:rgba(255,255,255,.35);font-size:.58rem;margin-top:9px}.ayah-card{width:min(670px,94%);margin:auto 0 0;padding:22px 28px 0;border-top:1px solid rgba(255,255,255,.15);background:transparent;position:relative}.ayah-icon{position:absolute;left:0;top:16px;color:var(--gold);font-size:1rem}.ayah-text{font-family:var(--serif);font-size:clamp(.9rem,1.4vw,1.08rem);line-height:1.75;color:rgba(255,255,255,.82)}.ayah-card footer{margin-top:9px;color:var(--gold);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
/* Qyteti */
.loc-select-wrap{position:relative}.loc-current{height:38px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:transparent;color:#fff;padding:0 12px;display:flex;align-items:center;gap:7px;cursor:pointer}.loc-current>i:first-child{color:var(--gold)}.loc-current .label{display:none}.loc-current .value{font-size:.72rem;font-weight:700}.loc-current .caret{font-size:.6rem;transition:.2s}.loc-select.open .caret{rotate:180deg}.loc-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:1500;width:min(310px,calc(100vw - 30px));background:var(--card);border:1px solid var(--line);border-radius:5px;padding:9px;box-shadow:var(--shadow);color:var(--ink)}.loc-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:3px 5px 9px}.loc-search>i{color:var(--gold)}.loc-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);padding:7px 0;font-size:.8rem}.loc-search-clear{border:0;background:none;color:var(--muted);font-size:1.2rem}.loc-items{max-height:280px;overflow:auto;padding-top:6px}.loc-item{display:flex;align-items:center;justify-content:space-between;padding:10px;color:var(--ink);text-decoration:none;font-size:.8rem}.loc-item:hover,.loc-item.active{background:var(--active);color:var(--forest)}.loc-empty{padding:15px;text-align:center;color:var(--muted);font-size:.75rem}
/* Timeline oraret */
.grid{display:grid}.prayer-grid{grid-template-columns:1fr}.slot{position:relative;min-height:78px;padding:14px 8px 14px 44px;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:space-between;overflow:visible}.slot:last-child{border-bottom:0}.slot:before{content:'';position:absolute;left:15px;top:0;bottom:0;width:1px;background:var(--line)}.slot:after{content:'';position:absolute;left:10px;top:50%;translate:0 -50%;width:11px;height:11px;border-radius:50%;background:var(--card);border:2px solid var(--sage);z-index:2}.slot>.left,.slot>.d-flex>.left,.slot .d-flex.align-items-center>.left{display:flex;align-items:center;gap:8px}.slot .left>i,.slot .label>i{display:none}.slot .name,.slot .label{font-family:var(--serif);font-size:.98rem;font-weight:600;color:var(--ink)}.slot>.time,.slot .d-flex.align-items-center>.time{align-self:auto;font-family:var(--serif);font-size:1.35rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.slot.active{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 14%,transparent),transparent)}.slot.active:after{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 20%,transparent)}.slot.active .name,.slot.active .label,.slot.active .time{color:var(--forest)}.progress-rect{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.progress-rect rect{fill:none;vector-effect:non-scaling-stroke}.progress-rect .stroke-bg{stroke:transparent}.progress-rect .stroke{stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;opacity:.55;transition:stroke-dashoffset 1s linear}.fajr-mixed{min-height:145px;align-items:stretch}.fajr-mixed .stack{width:100%;display:grid;gap:7px}.fajr-mixed .line{display:flex;justify-content:space-between;align-items:center}.fajr-mixed .line.main{padding:7px 0;border-top:1px dotted var(--line);border-bottom:1px dotted var(--line)}.fajr-mixed .line.small .label{font-family:var(--sans);font-size:.68rem;color:var(--muted)}.fajr-mixed .val{font-family:var(--serif);font-size:.85rem;font-weight:600}.sunrise-note{padding:7px;background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--ink);font-size:.62rem;line-height:1.4}.slot[data-key="dhuhr"]{min-height:102px}.slot[data-key="dhuhr"]>.d-flex{width:100%}.slot[data-key="dhuhr"] .text-secondary{color:var(--muted)!important;font-size:.68rem!important}.day-length-row .slot{min-height:60px;border:0;padding-left:44px}.day-length-row .slot .time{margin-left:auto;font-size:1rem}.note-banner{display:flex;gap:9px;margin-top:16px;border-left:3px solid var(--gold);background:var(--card);padding:12px 14px;color:var(--ink);font-size:.75rem}.note-banner>i{color:var(--gold)}
/* Menu */
.menu-overlay{position:fixed;inset:var(--header-h) 0 0;background:rgba(15,28,24,.57);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1700;opacity:0;transition:.2s}.menu-overlay.open{opacity:1}.side-menu{position:fixed;z-index:1800;top:var(--header-h);left:0;width:min(410px,92vw);height:calc(100dvh - var(--header-h));padding:24px;background:var(--card);border-right:1px solid var(--line);overflow:auto;transform:translateX(-102%);transition:.25s}.side-menu.open{transform:translateX(0)}.side-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.side-title{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--serif);font-weight:700}.side-title small{display:block;font-family:var(--sans);font-size:.62rem;color:var(--muted);font-weight:500}.side-mark{width:42px;height:50px;border:1px solid var(--line);border-radius:22px 22px 3px 3px;display:grid;place-items:center;color:var(--gold)}.menu-close{width:40px;padding:0}.side-section{padding:20px 0}.side-label{display:block;color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 8px 9px}.side-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.side-item{display:flex;align-items:center;gap:8px;padding:10px;color:var(--ink);text-decoration:none;font-size:.78rem}.side-item:hover,.side-item.active{background:var(--active);color:var(--forest)}.side-item.dhikr-link>i:last-child{margin-left:auto;font-size:.6rem}.side-foot{padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.65rem}
/* Modal */
.overlay,.date-overlay{display:none;position:fixed;inset:0;z-index:3000;padding:22px;background:rgba(14,26,22,.72);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);align-items:center;justify-content:center}.modal-card,.date-modal{width:min(1080px,100%);max-height:90dvh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:5px;padding:28px;box-shadow:0 35px 100px rgba(0,0,0,.3)}.date-modal{width:min(480px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.modal-head h2{font-family:var(--serif);font-size:1.35rem;margin:0}.modal-close{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}.modal-grid{grid-template-columns:repeat(2,1fr);gap:0 25px}.date-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.date-selects label{color:var(--muted);font-size:.68rem}.date-selects select{display:block;width:100%;margin-top:5px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:10px}.primary-action{width:100%;border:0;background:var(--forest);color:var(--card);padding:12px;margin-top:15px;font-weight:700}
/* Popup/footer */
.adhan-popup{position:fixed;inset:0;z-index:5000;align-items:center;justify-content:center;background:rgba(14,27,23,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.adhan-card{width:min(430px,100%);padding:48px 30px;text-align:center;background:var(--card);color:var(--ink);border-radius:200px 200px 8px 8px;border:1px solid var(--line);box-shadow:0 35px 100px rgba(0,0,0,.3)}.adhan-kicker{color:var(--gold);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase}.adhan-title{font-family:var(--serif);font-size:3rem;margin:8px}

.adhan-time,
#adhanTime{
  font-weight:700 !important;
}


.blink-adhan .adhan-card{animation:adhan 1s 10}@keyframes adhan{50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(216,169,76,.12)}}.a2hs{position:fixed;z-index:6000;top:14px;left:50%;translate:-50% 0;width:min(560px,calc(100% - 24px))}.a2hs .inner,.ios-a2hs{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line);padding:12px;box-shadow:var(--shadow)}.a2hs .msg{display:flex;align-items:center;gap:10px}.a2hs .msg>i{color:var(--gold)}.hint,.ios-a2hs small{display:block;color:var(--muted);font-size:.65rem}.actions{display:flex;gap:6px}.install-action{border:0;background:var(--forest);color:var(--card);padding:9px 12px;font-size:.72rem}.icon-action{width:36px;height:36px;padding:0}.ios-a2hs{position:fixed;z-index:6000;left:50%;bottom:18px;translate:-50% 0;width:min(460px,calc(100% - 24px))}.ios-a2hs button{border:0;background:none;color:var(--ink)}.site-footer{position:relative;margin-top:28px;padding:28px 0 38px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand-row{display:flex;align-items:center;gap:12px}.footer-brand-row p{margin:0;color:var(--muted);font-family:var(--serif);font-size:.78rem}.footer-actions{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:.68rem}.footer-actions a{color:inherit;text-decoration:none}.footer-share{border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);padding:8px 11px;font-size:.68rem}.dhikr-float{position:fixed;z-index:1600;right:18px;bottom:18px;width:min(330px,calc(100vw - 36px))}.dhikr-banner{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);padding:10px;box-shadow:var(--shadow)}.dhikr-badge{width:38px;height:42px;border:1px solid var(--line);border-radius:20px 20px 3px 3px;display:grid;place-items:center;color:var(--gold)}.dhikr-txt{min-width:0;flex:1}.dhikr-txt a{display:block;color:var(--ink);text-decoration:none;font-family:var(--serif);font-size:.78rem}.dhikr-txt .sub{font-size:.62rem;color:var(--muted)}.dhikr-x{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--muted)}.announce{animation:announce 1s 10}@keyframes announce{50%{background:color-mix(in srgb,var(--gold) 14%,transparent)}}
@media(max-width:1080px){.site-header-inner,.page-shell{width:calc(100% - 34px)}.site-header-inner:before{display:none}.dashboard-layout{grid-template-columns:1fr}.times-section{position:static}.prayer-grid{grid-template-columns:repeat(2,1fr);gap:0 20px}.next-card{min-height:580px}.modal-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){:root{--header-h:62px}.site-header-inner,.page-shell{width:calc(100% - 22px)}.site-header-inner{grid-template-columns:42px 1fr 42px}.menu-btn{position:static!important;translate:0}.brand-logo{width:137px;height:34px}.hdr-right{width:42px}.theme-toggle{width:40px;padding:0}.theme-toggle span:last-child,.hdr-btn{display:none!important}.page-shell{margin-top:20px}.intro-row{display:block;padding-bottom:17px;margin-bottom:18px}.intro-row>div:first-child{padding-left:0}.intro-row>div:first-child:before{display:none}.intro-row h1{font-size:2.35rem}.date-card{min-width:0;margin-top:16px;padding:12px 48px 5px 0;border:0;border-top:1px solid var(--line)}.dashboard-layout{display:block}.next-card{min-height:535px;padding:20px 15px;border-radius:28px}.next-card:before{inset:8px;border-radius:22px}.next-top{left:21px;right:21px;top:20px}.next-title .pill{font-size:1.25rem}.arch-decoration{margin-top:65px;width:66px;height:88px}.next-content{min-height:355px}.countdown-block{width:100%}.time-xl{font-size:clamp(3.5rem,20vw,5.2rem)}.time-sep{font-size:3.5rem}.time-sec{font-size:.8rem;margin-left:5px}.ayah-card{width:94%;padding:18px 10px 0}.ayah-icon{display:none}.ayah-text{font-size:.82rem}.loc-current .value{max-width:72px;overflow:hidden;text-overflow:ellipsis}.loc-menu{right:-4px}.times-section{margin-top:15px;border-radius:22px;padding:20px 15px}.section-head h2{font-size:1.4rem}.prayer-grid{grid-template-columns:1fr}.slot{min-height:70px;padding-left:42px}.fajr-mixed{min-height:140px}.slot[data-key="dhuhr"]{min-height:98px}.modal-grid{grid-template-columns:1fr}.site-footer{display:block;padding-bottom:85px}.footer-actions{margin-top:16px;flex-wrap:wrap}.footer-share{margin-left:auto}.footer-brand-row p{display:none}.overlay,.date-overlay{padding:9px}.modal-card,.date-modal{padding:18px;border-radius:18px}.date-selects{gap:5px}}
@media(max-width:370px){.page-shell,.site-header-inner{width:calc(100% - 16px)}.brand-logo{width:122px}.next-card{padding-inline:11px}.time-xl{font-size:3.25rem}.time-sep{font-size:3rem}.section-head{display:block}.live-pill{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.site-header-inner:before{padding-left:54px}
@media(max-width:1080px){.site-header-inner:before{padding-left:0}}

/* Rregullime të sakta për Sabahun, Share dhe statusin live. */
.fajr-mixed .line{column-gap:14px;min-width:0}
.fajr-mixed .line .label{display:inline-flex;align-items:center;min-width:0;line-height:1.35;white-space:nowrap}
.fajr-mixed .line .val{flex:0 0 auto;min-width:52px;margin-left:auto;text-align:right;white-space:nowrap;letter-spacing:.02em}
.fajr-mixed .line.small .label{max-width:72%;overflow:hidden;text-overflow:ellipsis}
.fajr-mixed .line.main{padding-top:9px;padding-bottom:9px}
.fajr-mixed .line.main .label{font-size:1rem;font-weight:700}
.fajr-mixed .line.main .val{font-size:1rem}
.footer-share{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:112px;white-space:nowrap}
.footer-share i{display:inline-block;flex:0 0 auto;font-size:.88rem;line-height:1}
.footer-share span{line-height:1}
/* Ikona pranë titullit ndryshon sipas namazit të ardhshëm. */
.intro-row>div:first-child:before{display:none}
.prayer-stage-icon{position:absolute;left:0;bottom:20px;width:43px;height:52px;border:1px solid var(--line);border-radius:24px 24px 4px 4px;background:var(--card);color:var(--gold);display:grid;place-items:center;font-size:1.18rem;box-shadow:0 8px 24px rgba(47,55,46,.05);transition:color .2s,border-color .2s,transform .2s}
.prayer-stage-icon.is-changing{animation:prayer-icon-in .34s ease}
@keyframes prayer-icon-in{0%{opacity:.25;transform:translateY(4px) scale(.9)}100%{opacity:1;transform:none}}

/* Popup i namazit + shpërndarja si imazh i firmosur. */
.adhan-card{position:relative;overflow:hidden}
.adhan-card:before{content:'';position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);border-radius:190px 190px 5px 5px;pointer-events:none}
.adhan-icon{position:relative;width:68px;height:78px;margin:0 auto 18px;border:1px solid var(--line);border-radius:38px 38px 5px 5px;background:var(--paper);color:var(--gold);display:grid;place-items:center;font-size:1.35rem}
.adhan-source{position:relative;margin-top:11px;color:var(--muted);font-size:.67rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.adhan-share{position:relative;z-index:1;margin:22px auto 0;padding:12px 18px;border:1px solid var(--forest-2);border-radius:999px;background:var(--forest-2);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:.78rem;font-weight:700;cursor:pointer;box-shadow:0 10px 25px rgba(15,58,48,.18)}
.adhan-share:hover{background:var(--forest)}
.adhan-share:disabled{opacity:.65;cursor:wait}

/* Kalendari i personalizuar në stilin e faqes. */
.date-modal{position:relative;width:min(560px,100%);padding:34px;border-radius:26px;overflow:hidden}
.date-modal:before{content:'';position:absolute;right:-115px;top:-150px;width:310px;height:310px;border:1px solid color-mix(in srgb,var(--gold) 27%,transparent);border-radius:50%;pointer-events:none}
.date-modal-mark{width:54px;height:64px;margin-bottom:25px;border:1px solid var(--line);border-radius:29px 29px 5px 5px;background:var(--paper);color:var(--gold);display:grid;place-items:center;font-size:1.1rem}
.date-modal .modal-head{position:absolute;left:108px;right:32px;top:37px;align-items:flex-start}
.date-modal .modal-head h2{margin-top:5px;font-size:1.7rem}
.date-helper{margin:0 0 22px;color:var(--muted);font-size:.82rem}
.date-selects{grid-template-columns:1.15fr 1.35fr .85fr;gap:10px}
.date-selects label{padding:11px 12px 12px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.date-selects label span{display:block;margin-bottom:5px}
.date-selects select{width:100%;margin:0;padding:3px 22px 3px 0;border:0;outline:0;background:transparent;color:var(--ink);font-family:var(--serif);font-size:1rem;font-weight:600;cursor:pointer}
.date-actions{display:grid;grid-template-columns:auto 1fr;gap:9px;margin-top:18px}
.date-actions .primary-action,.date-actions .secondary-action{min-height:46px;margin:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.76rem;font-weight:700;cursor:pointer}
.date-actions .primary-action{width:auto;background:var(--forest-2);color:#fff}
.date-actions .secondary-action{padding:0 17px;border:1px solid var(--line);background:var(--card);color:var(--ink)}

@media(max-width:680px){
  .intro-row>div:first-child{position:relative;padding-left:50px}
  .prayer-stage-icon{left:0;top:0;bottom:auto;width:37px;height:44px;border-radius:21px 21px 4px 4px;font-size:1rem}
  .date-modal{padding:24px 18px 20px}
  .date-modal-mark{width:46px;height:54px;margin-bottom:22px}
  .date-modal .modal-head{left:80px;right:18px;top:26px}
  .date-modal .modal-head h2{font-size:1.38rem}
  .date-selects{grid-template-columns:1fr 1fr}
  .date-selects label:last-child{grid-column:1/-1}
  .date-actions{grid-template-columns:1fr}
  .date-actions .secondary-action{order:2}
  .adhan-card{padding:38px 22px 34px}
}

/* v34 — popup share + responsive i plotë */
.modal-head-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.modal-share{min-height:40px;padding:0 14px;border:1px solid var(--forest-2);border-radius:999px;background:var(--forest-2);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.72rem;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(15,58,48,.14)}
.modal-share:hover{background:var(--forest);border-color:var(--forest)}
.modal-share:disabled{opacity:.65;cursor:wait}
.modal-source{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;font-size:.7rem;font-weight:700;letter-spacing:.04em}
.modal-source i{color:var(--gold)}

@media(min-width:1081px){
  .page-shell{padding-bottom:0}
  .modal-card{width:min(900px,calc(100% - 48px));border-radius:20px}
  .site-footer{padding-bottom:30px}
}

@media(min-width:681px) and (max-width:1080px){
  .site-header-inner,.page-shell{width:min(920px,calc(100% - 40px))}
  .page-shell{margin-top:30px;padding-bottom:0}
  .dashboard-layout{gap:20px}
  .next-card{min-height:540px;border-radius:22px}
  .times-section{padding:24px;border-radius:20px}
  .modal-card{width:min(820px,calc(100% - 32px));padding:25px;border-radius:22px}
  .site-footer{margin-top:22px;padding:24px 0 26px}
}

@media(min-width:681px) and (max-width:900px){
  .prayer-grid{grid-template-columns:1fr}
  .slot{min-height:76px}
}

@media(max-width:680px){
  html,body{min-height:0}
  body{padding-bottom:0}
  .site-header{height:64px}
  .site-header-inner,.page-shell{width:calc(100% - 20px)}
  .site-header-inner{grid-template-columns:44px 1fr 44px}
  .header-control{height:42px}
  .menu-btn,.theme-toggle{width:42px}
  .brand-logo{width:140px;height:35px}
  .page-shell{margin-top:18px;padding-bottom:0}
  .intro-row{padding-bottom:16px;margin-bottom:15px}
  .intro-row h1{font-size:clamp(2.1rem,11vw,2.55rem)}
  .date-card{margin-top:14px}
  .next-card{min-height:500px;padding:18px 14px;border-radius:24px}
  .next-card:before{inset:8px;border-radius:18px}
  .next-content{min-height:335px}
  .times-section{margin-top:14px;padding:17px 14px 12px;border-radius:20px}
  .section-head{padding-bottom:14px;margin-bottom:4px}
  .prayer-grid{grid-template-columns:1fr}
  .slot{min-height:68px;padding:11px 5px 11px 40px}
  .slot:before{left:13px}
  .slot:after{left:8px}
  .fajr-mixed{min-height:132px}
  .slot[data-key="dhuhr"]{min-height:88px}
  .day-length-row .slot{min-height:56px;padding-left:40px}

  .site-footer{display:grid;margin:18px 0 0;padding:18px 0 calc(18px + env(safe-area-inset-bottom));gap:12px;min-height:0}
  .footer-brand-row{justify-content:center}
  .brand-footer{width:118px;height:30px}
  .footer-actions{width:100%;margin:0!important;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:3px 10px;font-size:.75rem}
  .footer-actions small{grid-column:1;grid-row:1;white-space:nowrap}
  .footer-actions>a{grid-column:1;grid-row:2;justify-self:start}
  .footer-share{grid-column:2;grid-row:1/3;justify-self:end;margin:0!important;min-width:108px;min-height:44px;padding:9px 13px;font-size:.75rem}

  .overlay,.date-overlay{padding:8px}
  .modal-card{width:100%;max-height:94dvh;padding:18px 15px;border-radius:20px}
  .modal-head{align-items:flex-start;gap:10px;margin-bottom:15px}
  .modal-head h2{font-size:1.18rem;line-height:1.25}
  .modal-head-actions{gap:6px}
  .modal-share{width:42px;min-width:42px;height:42px;padding:0}
  .modal-share span{display:none}
  .modal-close{width:42px;height:42px;flex:0 0 42px}
  .modal-grid{grid-template-columns:1fr}
  .modal-source{margin-top:12px;padding-top:11px}

  .adhan-popup{padding:10px}
  .adhan-card{width:min(390px,100%);max-height:calc(100dvh - 20px);overflow-y:auto;padding:32px 20px 24px;border-radius:165px 165px 10px 10px}
  .adhan-card:before{inset:7px;border-radius:155px 155px 6px 6px}
  .adhan-icon{width:58px;height:66px;margin-bottom:13px}
  .adhan-title{font-size:2.45rem;line-height:1;margin:7px}
  .adhan-source{margin-top:8px}
  .adhan-share{width:min(245px,100%);min-height:46px;margin-top:18px;padding:11px 15px;font-size:.78rem}
}

@media(max-width:420px){
  .site-header-inner,.page-shell{width:calc(100% - 16px)}
  .brand-logo{width:128px}
  .footer-actions{font-size:.7rem}
  .footer-share{min-width:102px;padding-inline:11px}
  .date-selects{gap:7px}
}

@media(max-width:350px){
  .brand-logo{width:116px}
  .footer-actions{grid-template-columns:1fr}
  .footer-actions small,.footer-actions>a,.footer-share{grid-column:1;grid-row:auto;justify-self:center}
  .footer-share{margin-top:6px!important}
}

@media(max-height:650px) and (max-width:680px){
  .adhan-card{padding-top:25px;padding-bottom:19px}
  .adhan-icon{width:50px;height:57px;margin-bottom:9px}
  .adhan-title{font-size:2.1rem}
  .adhan-share{margin-top:13px}
}

/* v36 — shënimi ditor dhe footer-i profesional */
.times-section>.daily-note{
  margin:0 0 17px;
  padding:12px 13px;
  border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));
  border-radius:14px;
  background:linear-gradient(110deg,color-mix(in srgb,var(--gold) 16%,var(--card)),var(--card));
  align-items:center;
  gap:11px;
  box-shadow:0 8px 22px rgba(47,55,46,.06)
}
.daily-note-icon{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#17372f;font-size:.9rem}
.daily-note-label{display:block;margin-bottom:1px;color:var(--muted);font-size:.55rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.daily-note #noteBody{color:var(--ink);font-family:var(--serif);font-size:.84rem;font-weight:700;line-height:1.35}

/* v38 — qytete nga paneli dhe reklama lazy */
.loc-item small{margin-left:auto;margin-right:8px;color:var(--muted);font-size:.56rem;font-weight:650}
.loc-item.active small{color:var(--gold)}
.side-location-grid .side-item>span{min-width:0;display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px}
.side-location-grid .side-item small{color:var(--muted);font-size:.55rem;font-weight:600}
.side-location-grid .side-item.active small{color:var(--gold)}
.site-ads{width:100%;display:grid;gap:12px}
.site-ads-top{margin:0 0 18px}
.site-ads-after_hero{margin:16px 0 0}
.site-ads-before_schedule{margin:0 0 16px}
.site-ads-after_schedule,.site-ads-footer{margin:18px 0 0}
.site-ad{position:relative;min-height:88px;padding:22px 12px 12px;border:1px dashed color-mix(in srgb,var(--gold) 45%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--card) 94%,var(--gold));overflow:hidden;display:grid;place-items:center}
.site-ad.loaded{min-height:0}
.site-ad-label{position:absolute;left:12px;top:7px;color:var(--muted);font-size:.48rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.site-ad-content{width:100%;min-width:0;text-align:center;overflow:hidden}
.site-ad-content img,.site-ad-content iframe{max-width:100%}

.site-footer{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"brand share" "meta meta";
  align-items:center;
  gap:10px 18px;
  min-height:0;
  margin:20px 0 max(10px,env(safe-area-inset-bottom));
  padding:16px 0 12px;
  overflow:visible;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
  background:transparent;
  color:var(--muted);
  box-shadow:none
}
.site-footer:before{display:none!important;content:none!important}
.site-footer .footer-brand-row{grid-area:brand;justify-self:start;position:relative;z-index:1}
.site-footer .brand-footer{width:126px;height:31px;background:var(--forest)}
.site-footer .footer-actions{display:contents}
.site-footer .footer-meta{grid-area:meta;justify-self:center;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;color:var(--muted);font-size:.67rem;line-height:1.3;text-align:center}
.site-footer .footer-meta small{font-size:inherit;white-space:nowrap}
.site-footer .footer-meta>span{color:var(--gold)}
.site-footer .footer-meta a{color:var(--ink);text-decoration:none;font-weight:700}
.site-footer .footer-meta a:hover{color:var(--forest)}
.site-footer .footer-share{grid-area:share;justify-self:end;width:44px;min-width:44px;height:44px;min-height:44px;margin:0!important;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);display:grid;place-items:center;font-size:1rem;cursor:pointer;box-shadow:none;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}
.site-footer .footer-share span{display:none}
.site-footer .footer-share:hover{transform:translateY(-1px);border-color:var(--gold);background:var(--active);color:var(--forest)}
.site-footer .footer-share.copied{border-color:var(--gold);background:var(--active);color:var(--forest)}

@media(max-width:680px){
  .times-section>.daily-note{margin-bottom:14px;padding:11px 12px;border-radius:13px}
  .daily-note-icon{width:34px;height:34px;flex-basis:34px}
  .loc-item small{font-size:.52rem;max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .site-ads-top{margin-bottom:14px}.site-ads-after_hero,.site-ads-after_schedule,.site-ads-footer{margin-top:14px}.site-ads-before_schedule{margin-bottom:13px}
  .site-ad{min-height:72px;border-radius:13px}
  .site-footer{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand share" "meta meta";margin:16px 0 max(8px,env(safe-area-inset-bottom));padding:14px 0 10px;gap:9px 14px;border-radius:0;background:transparent;border:0;border-top:1px solid var(--line);box-shadow:none}
  .site-footer .footer-brand-row{justify-self:start}
  .site-footer .brand-footer{width:112px;height:28px}
  .site-footer .footer-actions{display:contents;width:auto;margin:0!important}
  .site-footer .footer-meta{grid-area:meta;justify-self:center;display:flex;gap:7px;font-size:.66rem}
  .site-footer .footer-share{grid-area:share;justify-self:end;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;font-size:.95rem}
}

@media(max-width:350px){
  .site-footer{padding-inline:0}
  .site-footer .brand-footer{width:104px}
  .site-footer .footer-meta{font-size:.61rem;gap:5px}
}


/* v44 — footer transparent on all devices + stronger override to beat cached/older blocks */
.site-footer,
#siteFooter.site-footer{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-areas:"brand share" "meta meta"!important;
  align-items:center!important;
  gap:10px 18px!important;
  min-height:0!important;
  margin:20px 0 max(10px,env(safe-area-inset-bottom))!important;
  padding:16px 0 12px!important;
  overflow:visible!important;
  border:0!important;
  border-top:1px solid var(--line)!important;
  border-radius:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.site-footer::before,.site-footer::after,#siteFooter.site-footer::before,#siteFooter.site-footer::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
}
.site-footer .footer-brand-row,#siteFooter.site-footer .footer-brand-row{grid-area:brand!important;justify-self:start!important}
.site-footer .footer-actions,#siteFooter.site-footer .footer-actions{display:contents!important}
.site-footer .footer-meta,#siteFooter.site-footer .footer-meta{grid-area:meta!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important;color:var(--muted)!important;font-size:.67rem!important;line-height:1.3!important;text-align:center!important;flex-wrap:wrap!important}
.site-footer .footer-share,#siteFooter.site-footer .footer-share{grid-area:share!important;justify-self:end!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid var(--line)!important;border-radius:50%!important;background:var(--card)!important;color:var(--ink)!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.site-footer .footer-share span,#siteFooter.site-footer .footer-share span{display:none!important}

@media (max-width:1024px){
  .site-footer,#siteFooter.site-footer{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:"brand share" "meta meta"!important;
    margin:16px 0 max(8px,env(safe-area-inset-bottom))!important;
    padding:14px 0 10px!important;
    gap:9px 14px!important;
    border-radius:0!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    border-top:1px solid var(--line)!important;
    box-shadow:none!important;
  }
  .site-footer .brand-footer,#siteFooter.site-footer .brand-footer{width:112px!important;height:28px!important}
  .site-footer .footer-meta,#siteFooter.site-footer .footer-meta{font-size:.66rem!important;gap:7px!important}
  .site-footer .footer-share,#siteFooter.site-footer .footer-share{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;font-size:.95rem!important}
}

@media (max-width:350px){
  .site-footer .brand-footer,#siteFooter.site-footer .brand-footer{width:104px!important}
  .site-footer .footer-meta,#siteFooter.site-footer .footer-meta{font-size:.61rem!important;gap:5px!important}
}


/* v48 — kalendar i plotë, responsive dhe pa stile native të browserit */
.legacy-date-selects{display:none!important}
.date-modal{width:min(620px,100%);border-radius:28px!important}
.tk-calendar{position:relative;margin-top:4px;padding:16px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--card) 88%,var(--paper));box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.tk-calendar-toolbar{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin-bottom:15px}
.tk-cal-nav{-webkit-appearance:none;appearance:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.tk-cal-nav:hover{border-color:var(--gold);background:var(--active)}
.tk-cal-month{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);font-family:var(--serif);font-size:1.15rem;font-weight:700;cursor:pointer;padding:8px 4px}
.tk-cal-weekdays,.tk-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.tk-cal-weekdays{margin-bottom:6px}
.tk-cal-weekdays span{text-align:center;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tk-cal-day{-webkit-appearance:none;appearance:none;aspect-ratio:1/1;min-height:44px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--ink);display:grid;place-items:center;font-size:.78rem;font-weight:700;cursor:pointer;position:relative}
.tk-cal-day:hover{background:var(--active);border-color:var(--line)}
.tk-cal-day.is-out{opacity:.32}
.tk-cal-day.is-today{border-color:var(--gold);color:var(--forest-2)}
.tk-cal-day.is-today:after{content:'';position:absolute;bottom:6px;width:4px;height:4px;border-radius:50%;background:var(--gold)}
.tk-cal-day.is-selected{background:var(--forest-2);border-color:var(--forest-2);color:#fffdf8;box-shadow:0 8px 22px rgba(15,58,48,.18)}
.tk-cal-day.is-selected:after{background:var(--gold)}
.date-actions{margin-top:14px}
.modal-share,.adhan-share{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.modal-share.is-working,.adhan-share.is-working{opacity:.65;pointer-events:none}
.tk-share-toast{position:fixed;z-index:99999;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:10px 15px;border-radius:999px;background:var(--forest-2);color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 12px 35px rgba(0,0,0,.22);transition:.2s}
.tk-share-toast.show{opacity:1;transform:translate(-50%,0)}
@media (min-width:681px) and (max-width:1080px){.date-modal{width:min(590px,calc(100% - 28px))}.tk-cal-day{min-height:46px}.modal-share{min-height:42px}}
@media (max-width:680px){.date-modal{width:100%;padding:22px 15px 18px!important;border-radius:22px!important}.date-modal-mark{display:none}.date-modal .modal-head{position:static!important;margin-bottom:8px!important}.date-helper{margin-bottom:14px}.tk-calendar{padding:11px;border-radius:17px}.tk-calendar-toolbar{grid-template-columns:38px 1fr 38px;gap:7px;margin-bottom:11px}.tk-cal-nav{width:38px;height:38px}.tk-cal-month{font-size:1rem}.tk-cal-weekdays,.tk-cal-grid{gap:3px}.tk-cal-day{min-height:38px;border-radius:10px;font-size:.72rem}.date-actions .primary-action,.date-actions .secondary-action{min-height:44px}.modal-share{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important}.adhan-share{width:min(260px,100%)!important;min-height:48px!important}}
@media (max-width:380px){.tk-calendar{padding:8px}.tk-cal-day{min-height:35px;font-size:.68rem}.tk-cal-weekdays span{font-size:.52rem}.date-modal{padding-inline:11px!important}}


/* v48 final — Calendar polish desktop/tablet/mobile */
.date-overlay{overscroll-behavior:contain}
.date-modal{max-height:min(92dvh,820px);overflow:auto;scrollbar-width:thin}
.tk-calendar *{box-sizing:border-box}
.tk-cal-weekdays span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-cal-grid{contain:layout style}
.tk-cal-day{outline:0;line-height:1;font-family:var(--sans);box-shadow:none}
.tk-cal-day:focus-visible,.tk-cal-nav:focus-visible,.tk-cal-month:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.date-actions .primary-action,.date-actions .secondary-action{-webkit-appearance:none;appearance:none}
@media (min-width:681px) and (max-width:1080px){
  .date-overlay{padding:18px}
  .date-modal{width:min(620px,calc(100% - 20px));padding:28px!important}
  .tk-calendar{padding:14px}
  .tk-cal-day{min-height:44px}
}
@media (max-width:680px){
  .date-overlay{padding:8px;align-items:center}
  .date-modal{max-height:calc(100dvh - 16px);overflow:auto}
  .tk-cal-weekdays span{font-size:.56rem;letter-spacing:0}
  .tk-cal-day{aspect-ratio:auto;height:40px;min-height:40px}
}
@media (max-width:390px){
  .tk-cal-day{height:36px;min-height:36px;border-radius:9px}
  .tk-cal-weekdays,.tk-cal-grid{gap:2px}
}


/* v49 — kalendari hap ditën automatikisht dhe first paint i lehtë */
.tk-cal-day{touch-action:manipulation}
.date-helper{min-height:1.25em}
@media (pointer:coarse){.date-actions #dateOk{display:none}.date-actions{grid-template-columns:1fr}.date-actions #dateToday{justify-self:stretch}}


/* v65 — ikonat kryesore mbi pikat e timeline-it + adhan time realisht bold */
/* Vetëm këto ikona ndihmëse mbeten pranë tekstit. */
.fajr-mixed .line.small .label>i,
#dhuhrSmallWrap i,
#modalGrid .fajr-mixed .line.small .label>i,
#modalGrid #dhuhrSmallWrap i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:static!important;
  transform:none!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin-right:7px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--gold)!important;
  box-shadow:none!important;
  font-size:.92rem!important;
}

/* Sabahu, Dreka, Ikindia, Akshami, Jacia dhe Gjatësia e Ditës: ikona zë vendin e pikës. */
.prayer-timeline-icon{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  left:4px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:27px!important;
  min-width:27px!important;
  height:27px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--muted) 42%,transparent)!important;
  border-radius:50%!important;
  background:var(--card)!important;
  color:color-mix(in srgb,var(--muted) 62%,transparent)!important;
  font-size:.78rem!important;
  line-height:1!important;
  z-index:4!important;
  box-shadow:none!important;
  opacity:.72!important;
  transition:color .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease,box-shadow .18s ease!important;
}
.slot[data-key="fajr"]:after,
.slot[data-key="dhuhr"]:after,
.slot[data-key="asr"]:after,
.slot[data-key="maghrib"]:after,
.slot[data-key="isha"]:after,
.day-length-row .slot[data-key="daylen"]:after{display:none!important}
.slot.active .prayer-timeline-icon{
  background:color-mix(in srgb,var(--gold) 10%,var(--card))!important;
  border:1px solid var(--gold)!important;
  border-radius:50%!important;
  color:var(--gold)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 9%,transparent)!important;
  opacity:1!important;
}

/* Titulli i vogël mbi "Kohët e Namazit". */
.schedule-location-kicker{display:flex!important;align-items:center;gap:6px!important;flex-wrap:wrap}
.schedule-location-kicker .schedule-city{letter-spacing:.035em;text-transform:none;color:var(--muted)}
.schedule-location-kicker .schedule-sep{color:var(--gold)}
.schedule-location-kicker i{color:var(--gold);font-size:.78rem}

/* "ora" normale; vetëm 13:27 etj. bold dhe më e dukshme. */
#adhanTime{font-family:var(--sans)!important;font-weight:500!important;color:var(--muted)!important}
#adhanTime .adhan-time-value{
  font-family:var(--serif)!important;
  font-weight:700!important;
  font-size:1.18em!important;
  color:var(--ink)!important;
  letter-spacing:.015em!important;
}

@media(max-width:680px){
  .prayer-timeline-icon{left:1px!important;width:25px!important;min-width:25px!important;height:25px!important;font-size:.76rem!important}
  .schedule-location-kicker{gap:5px!important;font-size:.58rem!important}
}


/* v67 — rreth i hollë; vetëm namazi aktiv me ngjyrë */
.prayer-timeline-icon{
  border:1px solid color-mix(in srgb,var(--muted) 42%,transparent)!important;
  border-radius:50%!important;
  background:var(--card)!important;
  color:color-mix(in srgb,var(--muted) 62%,transparent)!important;
  box-shadow:none!important;
  opacity:.72!important;
}
.slot.active .prayer-timeline-icon{
  border-color:var(--gold)!important;
  background:color-mix(in srgb,var(--gold) 10%,var(--card))!important;
  color:var(--gold)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 9%,transparent)!important;
  opacity:1!important;
}


/* v68 — ikona ndihmëse “Hyrja e drekës” mbetet deaktive */
#dhuhrSmallWrap i{
  color:color-mix(in srgb,var(--muted) 68%,transparent)!important;
  opacity:.72!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}


/* v71 — ikona aktive vetëm te PAGE TITLE, në të njëjtën vijë */
.intro-row>div:first-child{padding-left:0!important}
.intro-row>div:first-child:before{display:none!important}
.page-title-line{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
}
.page-title-line h1{
  margin:0!important;
  line-height:.95!important;
}
.prayer-stage-icon{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--line) 82%,var(--gold) 18%)!important;
  border-radius:25px 25px 6px 6px!important;
  background:var(--card)!important;
  color:var(--gold)!important;
  display:grid!important;
  place-items:center!important;
  font-size:1.18rem!important;
  line-height:1!important;
  box-shadow:0 7px 18px rgba(47,55,46,.055)!important;
  align-self:center!important;
}
.prayer-stage-icon i{display:block!important;line-height:1!important}
.prayer-stage-icon[data-prayer="fajr"]{color:#d8a94c!important}
.prayer-stage-icon[data-prayer="dhuhr"]{color:#c8942f!important}
.prayer-stage-icon[data-prayer="asr"]{color:#ba8d36!important}
.prayer-stage-icon[data-prayer="maghrib"]{color:#c17d45!important}
.prayer-stage-icon[data-prayer="isha"]{color:#927dba!important}

/* Mos shfaq ikonë të dytë te titulli i panelit të orarit. */
.times-section .times-active-icon{display:none!important}

@media(max-width:680px){
  .intro-row>div:first-child{padding-left:0!important}
  .page-title-line{gap:11px!important;align-items:center!important}
  .prayer-stage-icon{
    position:static!important;
    flex-basis:42px!important;
    width:42px!important;
    height:42px!important;
    border-radius:22px 22px 5px 5px!important;
    font-size:1rem!important;
  }
  .page-title-line h1{font-size:2.35rem!important;line-height:.95!important}
}
@media(max-width:390px){
  .page-title-line{gap:9px!important}
  .prayer-stage-icon{flex-basis:39px!important;width:39px!important;height:39px!important}
  .page-title-line h1{font-size:2.05rem!important}
}


/* v78 — FINAL: page title icon aligned exactly with the title row */
.intro-row>div:first-child{padding-left:0!important}
.intro-row>div:first-child:before{display:none!important}
.page-title-line{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.page-title-line h1{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:.95!important;
}
.prayer-stage-icon{
  position:static!important;
  inset:auto!important;
  translate:none!important;
  transform:none!important;
  flex:0 0 50px!important;
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  border:1px solid color-mix(in srgb,var(--line) 82%,var(--gold) 18%)!important;
  border-radius:25px 25px 6px 6px!important;
  background:var(--card)!important;
  color:var(--gold)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  vertical-align:middle!important;
  box-shadow:0 7px 18px rgba(47,55,46,.055)!important;
}
.prayer-stage-icon i{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
/* No duplicate active-prayer icon in the schedule panel. */
.times-section .times-active-icon{display:none!important}

/* Restore: Takvimi – location City, Country */
.schedule-location-kicker{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
.schedule-location-kicker .schedule-sep{color:var(--gold)!important}
.schedule-location-kicker i{color:var(--gold)!important;font-size:.78rem!important}
.schedule-location-kicker .schedule-city{
  color:var(--muted)!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
}

@media(max-width:680px){
  .page-title-line{gap:10px!important;align-items:center!important}
  .prayer-stage-icon{
    flex-basis:40px!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    margin:0!important;
    border-radius:21px 21px 5px 5px!important;
    font-size:1rem!important;
  }
  .page-title-line h1{font-size:2.35rem!important;line-height:.95!important}
  .schedule-location-kicker{gap:5px!important;font-size:.58rem!important}
}
@media(max-width:390px){
  .page-title-line{gap:9px!important}
  .prayer-stage-icon{flex-basis:38px!important;width:38px!important;min-width:38px!important;height:38px!important}
  .page-title-line h1{font-size:2.05rem!important}
}


/* v80 — title/location clean left align + no zoom helpers */
html,body{touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y;overscroll-behavior-y:auto;overscroll-behavior-x:none}
.intro-row{align-items:start!important}
.intro-row>div:first-child{padding-left:0!important;text-align:left!important;justify-self:start!important;align-self:start!important;max-width:100%}
.intro-row>div:first-child:before{display:none!important;content:none!important}
.intro-row .eyebrow,#pageTitle{display:block;text-align:left!important}
.intro-row .eyebrow{margin:0 0 10px!important}
#pageTitle{margin:0!important;max-width:100%;line-height:.94!important}
.page-title-line{display:block!important}
@media (min-width:681px){
  .intro-row{grid-template-columns:minmax(0,1fr) auto!important;gap:28px!important}
  .intro-row>div:first-child{padding-right:18px!important}
}
@media (max-width:680px){
  .intro-row{display:block!important;padding-bottom:16px!important;margin-bottom:18px!important}
  .intro-row>div:first-child{padding-left:0!important;margin-bottom:0!important}
  .intro-row .eyebrow{margin-bottom:8px!important}
  #pageTitle{font-size:clamp(2.15rem,11vw,2.55rem)!important;line-height:.95!important}
  .date-card{margin-top:16px!important}
}
@media (max-width:420px){
  #pageTitle{font-size:clamp(1.95rem,12vw,2.2rem)!important}
}


/* v82 — schedule title date + native pull-to-refresh */
#timesTitle{display:flex!important;align-items:baseline!important;gap:8px!important;flex-wrap:wrap!important}
#timesTitle .times-title-main{color:var(--ink)!important}
#timesTitle .times-title-date{font-family:var(--sans)!important;font-size:.66rem!important;font-weight:600!important;letter-spacing:.075em!important;color:#9aa3a0!important;white-space:nowrap!important}
@media(max-width:680px){#timesTitle{gap:6px!important}#timesTitle .times-title-date{font-size:.60rem!important;letter-spacing:.055em!important}}
html,body{overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important}


/* v83 — schedule title + helper-state logic */
#timesTitle{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
#timesTitle .times-title-main{color:var(--ink)!important}
#timesTitle .times-title-sep{
  font-family:var(--sans)!important;
  color:#a4aaa7!important;
  font-size:.92rem!important;
  font-weight:500!important;
  line-height:1!important;
}
#timesTitle .times-title-date{
  font-family:var(--sans)!important;
  font-size:.78rem!important;
  font-weight:600!important;
  letter-spacing:.055em!important;
  color:#929b97!important;
  white-space:nowrap!important;
}

/* Imsaku + Lindja: aktive vetëm gjatë segmentit të Sabahut. */
#grid .slot[data-key="fajr"] .line.small .label>i,
#modalGrid .slot[data-key="fajr"] .line.small .label>i{
  color:color-mix(in srgb,var(--muted) 68%,transparent)!important;
  opacity:.70!important;
}
#grid .slot[data-key="fajr"].active .line.small .label>i,
#modalGrid .slot[data-key="fajr"].active .line.small .label>i{
  color:var(--gold)!important;
  opacity:1!important;
}

/* Hyrja e drekës: aktive bashkë me Drekën deri në Ikindi. */
#grid .slot[data-key="dhuhr"] #dhuhrSmallWrap,
#modalGrid .slot[data-key="dhuhr"] #dhuhrSmallWrap{
  color:var(--muted)!important;
}
#grid .slot[data-key="dhuhr"] #dhuhrSmallWrap i,
#modalGrid .slot[data-key="dhuhr"] #dhuhrSmallWrap i{
  color:color-mix(in srgb,var(--muted) 68%,transparent)!important;
  opacity:.72!important;
}
#grid .slot[data-key="dhuhr"].active #dhuhrSmallWrap,
#modalGrid .slot[data-key="dhuhr"].active #dhuhrSmallWrap{
  color:var(--gold)!important;
}
#grid .slot[data-key="dhuhr"].active #dhuhrSmallWrap i,
#modalGrid .slot[data-key="dhuhr"].active #dhuhrSmallWrap i{
  color:var(--gold)!important;
  opacity:1!important;
}

@media(max-width:680px){
  #timesTitle{gap:6px!important}
  #timesTitle .times-title-sep{font-size:.84rem!important}
  #timesTitle .times-title-date{font-size:.72rem!important;letter-spacing:.04em!important}
}


/* v84 — Hyrja e drekës: vetëm ikona aktive, teksti/ora mbesin neutral */
#grid .slot[data-key="dhuhr"].active #dhuhrSmallWrap,
#modalGrid .slot[data-key="dhuhr"].active #dhuhrSmallWrap,
#grid .slot[data-key="dhuhr"].active #dhuhrSmallWrap > span,
#modalGrid .slot[data-key="dhuhr"].active #dhuhrSmallWrap > span,
#grid .slot[data-key="dhuhr"].active #dhuhrSmallWrap small,
#modalGrid .slot[data-key="dhuhr"].active #dhuhrSmallWrap small{
  color:var(--muted)!important;
}
#grid .slot[data-key="dhuhr"].active #dhuhrSmallWrap i,
#modalGrid .slot[data-key="dhuhr"].active #dhuhrSmallWrap i{
  color:var(--gold)!important;
  opacity:1!important;
}