/*
===============================================================================
UK DAYFINDER
FILE: /pages/dayfinder/style.css
VERSION: 28.0
PURPOSE: DayFinder-only visual layer — Premium Calendar Intelligence Dashboard

REFERENCE MAP:
[DAYFINDER-CSS-01] Design Tokens
[DAYFINDER-CSS-02] Shell & Reset
[DAYFINDER-CSS-03] Hero & Search
[DAYFINDER-CSS-04] Result Feature
[DAYFINDER-CSS-05] Celebration Layer
[DAYFINDER-CSS-06] UKHALID Strip
[DAYFINDER-CSS-07] Three-Calendar Grid
[DAYFINDER-CSS-08] Information Cards
[DAYFINDER-CSS-09] Historical Evidence
[DAYFINDER-CSS-10] Typography
[DAYFINDER-CSS-11] Cinematic Backdrop
[DAYFINDER-CSS-12] Language Dropdown
[DAYFINDER-CSS-13] Hero Animations
[DAYFINDER-CSS-14] Result Animations
[DAYFINDER-CSS-15] Urdu Mode
[DAYFINDER-CSS-16] Responsive
[DAYFINDER-CSS-17] Accessibility
[DAYFINDER-CSS-18] Reduced Motion
===============================================================================
*/

/* [DAYFINDER-CSS-01] DESIGN TOKENS */
.uk-dayfinder-shell{
  --uk-bg:#06101b;
  --uk-panel:#0d1a2a;
  --uk-panel2:#102238;
  --uk-line:#273c53;
  --uk-text:#f5f7fb;
  --uk-muted:#9fb1c5;
  --uk-gold:#d8b46a;
  --uk-gold2:#f3d99d;
  --uk-theme:#3dbb6d;
  --uk-theme-soft:rgba(61,187,109,.12);
  --uk-theme-line:rgba(61,187,109,.42);
  --uk-shadow:0 28px 90px rgba(0,0,0,.36);
}

/* [DAYFINDER-CSS-02] SHELL & RESET */
.uk-dayfinder-shell,
.uk-dayfinder-shell *{box-sizing:border-box}

.uk-dayfinder-shell{
  width:100%;
  min-height:calc(100vh - 150px);
  color:var(--uk-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 15% 0%,rgba(61,187,109,.08),transparent 27%),
    radial-gradient(circle at 88% 8%,rgba(216,180,106,.09),transparent 28%),
    linear-gradient(180deg,#06101b,#091625 58%,#050b13);
  padding:1px 0;
}

.uk-dayfinder-shell button,
.uk-dayfinder-shell input{font:inherit}

.uk-dayfinder-shell button{cursor:pointer}

.uk-dayfinder-shell button:focus-visible,
.uk-dayfinder-shell input:focus-visible{
  outline:2px solid var(--uk-gold);
  outline-offset:3px;
}

/* [DAYFINDER-CSS-03] HERO & SEARCH */
.uk-dayfinder-shell .uk-hero{
  width:min(1180px,calc(100% - 34px));
  margin:0 auto;
  text-align:center;
  padding:58px 0 27px;
}

.uk-dayfinder-shell .uk-kicker{
  color:var(--uk-gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.23em;
  text-transform:uppercase;
}

.uk-dayfinder-shell .uk-hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(43px,7vw,74px);
  font-weight:500;
  line-height:.98;
  margin:13px 0;
  color:var(--uk-text);
}

.uk-dayfinder-shell .uk-hero>p{
  max-width:790px;
  margin:auto;
  color:var(--uk-muted);
  line-height:1.75;
  font-size:15px;
}

.uk-dayfinder-shell .uk-search{
  max-width:920px;
  margin:28px auto 0;
  display:flex;
  gap:9px;
  padding:9px;
  background:rgba(13,26,42,.93);
  border:1px solid var(--uk-line);
  border-radius:20px;
  box-shadow:var(--uk-shadow);
}

.uk-dayfinder-shell .uk-search input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--uk-text);
  font-size:17px;
  padding:17px;
}

.uk-dayfinder-shell .uk-search input::placeholder{color:#70849a;opacity:1}

.uk-dayfinder-shell .uk-search button{
  border:0;
  border-radius:14px;
  background:var(--uk-gold);
  color:#171208;
  padding:0 28px;
  min-height:54px;
  font-weight:900;
  transition:transform .2s,filter .2s,opacity .2s;
}

.uk-dayfinder-shell .uk-search button:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
}

.uk-dayfinder-shell .uk-search button:disabled{
  opacity:.65;
  cursor:wait;
  transform:none;
}

.uk-dayfinder-shell .uk-examples{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.uk-dayfinder-shell .uk-chip{
  border:1px solid var(--uk-line);
  background:#0a1624;
  color:#b7c7d8;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  transition:.2s;
}

.uk-dayfinder-shell .uk-chip:hover{
  border-color:#536a83;
  color:#fff;
  transform:translateY(-1px);
}

.uk-dayfinder-shell .uk-input-message{
  min-height:24px;
  margin-top:10px;
  font-size:12px;
}

.uk-dayfinder-shell .uk-input-message.is-error{color:#f0abab}
.uk-dayfinder-shell .uk-input-message.is-success{color:#9fd9b3}

/* [DAYFINDER-CSS-04] RESULT FEATURE */
.uk-dayfinder-shell .uk-result{
  width:min(1180px,calc(100% - 34px));
  margin:0 auto;
  padding:22px 0 55px;
}

.uk-dayfinder-shell .uk-feature{
  position:relative;
  overflow:hidden;
  border:1px solid var(--uk-theme-line);
  border-radius:30px;
  background:
    radial-gradient(circle at 85% 20%,var(--uk-theme-soft),transparent 34%),
    linear-gradient(145deg,rgba(16,34,56,.98),rgba(8,19,31,.98));
  box-shadow:var(--uk-shadow);
  transition:border-color .6s,background .6s;
}

.uk-dayfinder-shell .uk-feature-inner{padding:31px}

.uk-dayfinder-shell .uk-main-answer{
  position:relative;
  z-index:2;
  width:58%;
}

.uk-dayfinder-shell .uk-eyebrow{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--uk-muted);
  font-weight:900;
}

.uk-dayfinder-shell .uk-date{
  font-size:clamp(25px,4vw,39px);
  margin-top:8px;
}

.uk-dayfinder-shell .uk-day-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}

.uk-dayfinder-shell .uk-day{
  font-family:Georgia,serif;
  font-size:clamp(56px,7vw,80px);
  line-height:1;
  color:var(--uk-gold2);
  margin:5px 0;
}

.uk-dayfinder-shell .uk-urdu{
  font-size:29px;
  color:#dce7f2;
}

.uk-dayfinder-shell .uk-answer-badge{
  width:84px;
  height:84px;
  flex:0 0 84px;
  border:1px solid var(--uk-theme-line);
  border-radius:22px;
  background:rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.uk-dayfinder-shell .uk-answer-badge span{
  color:var(--uk-muted);
  font-size:9px;
  letter-spacing:.15em;
  font-weight:900;
}

.uk-dayfinder-shell .uk-answer-badge strong{
  margin-top:3px;
  color:var(--uk-theme);
  font-size:32px;
  line-height:1;
}

.uk-dayfinder-shell .uk-theme-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  padding:8px 12px;
  border:1px solid var(--uk-theme-line);
  border-radius:999px;
  color:var(--uk-theme);
  background:var(--uk-theme-soft);
  font-size:12px;
  font-weight:900;
}

.uk-dayfinder-shell .uk-theme-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--uk-theme);
  box-shadow:0 0 14px var(--uk-theme);
}

/* [DAYFINDER-CSS-05] CELEBRATION LAYER */
.uk-dayfinder-shell .uk-celebration{
  display:none;
  position:absolute;
  right:0;
  top:0;
  width:47%;
  height:100%;
  pointer-events:none;
  opacity:.98;
}

.uk-dayfinder-shell .uk-celebration.is-visible{display:block}

.uk-dayfinder-shell .uk-flag-scene{
  position:absolute;
  right:4%;
  top:10%;
  width:min(440px,82%);
  height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}

.uk-dayfinder-shell .uk-pakistan-doodle-flag{
  display:block;
  width:min(440px,100%);
  height:auto;
  max-height:220px;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.18));
  animation:ukDayFinderDoodleFloat 4.8s ease-in-out infinite;
  transform-origin:center center;
}

@keyframes ukDayFinderDoodleFloat{
  0%,100%{transform:translateY(0) rotate(-.5deg) scale(1)}
  50%{transform:translateY(-5px) rotate(.5deg) scale(1.015)}
}

.uk-dayfinder-shell .uk-celebration-copy{
  position:absolute;
  right:7%;
  bottom:10%;
  text-align:right;
}

.uk-dayfinder-shell .uk-celebration-small{
  font-size:11px;
  letter-spacing:.2em;
  color:#d8e9df;
  font-weight:900;
}

.uk-dayfinder-shell .uk-celebration-copy h2{
  font-family:Georgia,serif;
  font-size:31px;
  margin:5px 0;
  color:#fff;
}

.uk-dayfinder-shell .uk-celebration-copy p{
  margin:0;
  color:#cde6d7;
  font-size:13px;
}

/* [DAYFINDER-CSS-06] UKHALID STRIP */
.uk-dayfinder-shell .uk-weekbar{
  margin-top:29px;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:9px;
}

.uk-dayfinder-shell .uk-week-item{text-align:center}

.uk-dayfinder-shell .uk-week-ball{
  width:54px;height:54px;margin:auto;
  border-radius:50%;
  display:grid;place-items:center;
  border:1px solid #33495f;
  background:#0b1828;
  color:#a9b9c9;
  font-weight:900;
  transition:.5s;
}

.uk-dayfinder-shell .uk-letter{font-size:16px}

.uk-dayfinder-shell .uk-week-name{
  font-size:10px;
  color:#71859a;
  margin-top:7px;
}

.uk-dayfinder-shell .uk-week-item.is-active .uk-week-ball{
  background:var(--uk-theme);
  border-color:var(--uk-theme);
  color:#fff;
  box-shadow:0 0 0 5px var(--uk-theme-soft),0 0 28px var(--uk-theme-line);
  transform:translateY(-5px);
}

.uk-dayfinder-shell .uk-week-item.is-active .uk-week-name{
  color:#fff;
  font-weight:800;
}

/* [DAYFINDER-CSS-07] THREE-CALENDAR GRID */
.uk-dayfinder-shell .uk-calendar-grid{
  margin-top:17px;
  border:1px solid var(--uk-line);
  border-radius:23px;
  background:rgba(13,26,42,.7);
  padding:24px;
}

.uk-dayfinder-shell .uk-calendar-grid-heading{
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--uk-muted);
  font-weight:900;
  padding-bottom:16px;
  border-bottom:1px solid var(--uk-line);
  margin-bottom:18px;
}

.uk-dayfinder-shell .uk-calendar-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:17px;
}

.uk-dayfinder-shell .uk-calendar-card{
  background:rgba(8,20,34,.6);
  border:1px solid var(--uk-line);
  border-radius:18px;
  padding:20px;
  transition:transform .28s,border-color .28s,box-shadow .28s;
}

.uk-dayfinder-shell .uk-calendar-card:hover{
  transform:translateY(-2px);
  border-color:rgba(216,180,106,.2);
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.uk-dayfinder-shell .uk-calendar-card .uk-card-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.uk-dayfinder-shell .uk-calendar-card h2{
  font-family:Georgia,serif;
  font-size:18px;
  font-weight:500;
  margin:0;
  color:var(--uk-text);
}

.uk-dayfinder-shell .uk-calendar-card .uk-card-badge{
  color:var(--uk-theme);
  font-size:9px;
  letter-spacing:.12em;
  font-weight:900;
  background:var(--uk-theme-soft);
  padding:2px 10px;
  border-radius:999px;
  border:1px solid var(--uk-theme-line);
}

.uk-dayfinder-shell .uk-calendar-date{
  font-size:clamp(22px,2.4vw,32px);
  font-weight:500;
  padding:8px 0 14px;
  border-bottom:1px solid var(--uk-line);
  margin-bottom:12px;
}

.uk-dayfinder-shell .uk-calendar-date b{
  font-weight:500;
  color:var(--uk-gold2);
}

.uk-dayfinder-shell .uk-calendar-card .uk-meta-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
  font-size:12px;
  border-bottom:1px solid rgba(39,60,83,.3);
}

.uk-dayfinder-shell .uk-calendar-card .uk-meta-row:last-child{
  border-bottom:0;
}

.uk-dayfinder-shell .uk-calendar-card .uk-meta-row span{
  color:var(--uk-muted);
}

.uk-dayfinder-shell .uk-calendar-card .uk-meta-row b{
  color:var(--uk-text);
  font-weight:400;
  text-align:right;
}

.uk-dayfinder-shell .uk-calendar-note{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--uk-line);
  color:#71859a;
  font-size:12px;
  line-height:1.7;
}

/* [DAYFINDER-CSS-08] INFORMATION CARDS */
.uk-dayfinder-shell .uk-information-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:17px;
  margin-top:17px;
}

.uk-dayfinder-shell .uk-card{
  background:rgba(13,26,42,.9);
  border:1px solid var(--uk-line);
  border-radius:23px;
  padding:24px;
  transition:transform .28s,border-color .28s,box-shadow .28s;
}

.uk-dayfinder-shell .uk-card:hover{
  transform:translateY(-3px);
  border-color:rgba(216,180,106,.24);
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}

.uk-dayfinder-shell .uk-card h2{
  font-family:Georgia,serif;
  font-size:27px;
  font-weight:500;
  margin:0 0 16px;
}

.uk-dayfinder-shell .uk-card-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.uk-dayfinder-shell .uk-card-badge{
  color:var(--uk-theme);
  font-size:10px;
  letter-spacing:.12em;
  font-weight:900;
}

.uk-dayfinder-shell .uk-history-card{
  grid-column:1 / -1;
}

.uk-dayfinder-shell .uk-history-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.uk-dayfinder-shell .uk-event{
  min-width:0;
  padding:15px;
  border-radius:16px;
}

.uk-dayfinder-shell .uk-event h3{
  font-size:16px;
  line-height:1.35;
  margin:7px 0;
}

.uk-dayfinder-shell .uk-event p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

.uk-dayfinder-shell .uk-event{
  border:1px solid var(--uk-line);
  border-radius:17px;
  padding:17px;
  background:#0a1624;
}

.uk-dayfinder-shell .uk-event-tag{
  color:var(--uk-theme);
  font-size:10px;
  letter-spacing:.14em;
  font-weight:900;
  text-transform:uppercase;
}

.uk-dayfinder-shell .uk-event h3{
  font-size:16px;
  line-height:1.35;
  margin:8px 0;
}

.uk-dayfinder-shell .uk-event p{
  color:var(--uk-muted);
  font-size:12px;
  line-height:1.65;
  margin:0;
}

.uk-dayfinder-shell .uk-event-source{
  font-size:10px;
  color:#687c92;
  margin-top:12px;
}

.uk-dayfinder-shell .uk-empty{
  grid-column:1/-1;
  color:var(--uk-muted);
  font-size:13px;
  line-height:1.7;
  border:1px dashed var(--uk-line);
  border-radius:16px;
  padding:18px;
}

.uk-dayfinder-shell .uk-note{
  margin-top:14px;
  color:#71859a;
  font-size:11px;
  line-height:1.7;
}

.uk-dayfinder-shell .uk-footer{
  width:min(1180px,calc(100% - 34px));
  margin:0 auto;
  text-align:center;
  padding:15px 0 45px;
  color:#71859a;
  font-size:11px;
  line-height:1.7;
}

.uk-dayfinder-shell .uk-noscript{
  width:min(1180px,calc(100% - 34px));
  margin:20px auto;
  padding:14px;
  border:1px solid #6d3f3f;
  background:#241417;
  color:#f1c2c2;
  border-radius:12px;
}

/* [DAYFINDER-CSS-09] HISTORICAL EVIDENCE */
.uk-dayfinder-shell .uk-history-note,
.uk-dayfinder-shell .uk-dispute-note{
  margin-top:14px;
  padding:15px 16px;
  border-radius:16px;
  border:1px solid var(--uk-line);
  background:rgba(255,255,255,.025);
  color:#d6e0ea;
  line-height:1.7;
  font-size:13px;
}

.uk-dayfinder-shell .uk-history-note strong,
.uk-dayfinder-shell .uk-dispute-note strong{
  display:block;
  color:var(--uk-gold2);
  margin-bottom:4px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.uk-dayfinder-shell .uk-history-note p,
.uk-dayfinder-shell .uk-dispute-note p{margin:0}

.uk-dayfinder-shell .uk-dispute-note{
  border-color:rgba(216,180,106,.32);
  background:rgba(216,180,106,.055);
}

.uk-dayfinder-shell .uk-event-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.uk-dayfinder-shell .uk-live-badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(61,187,109,.35);
  background:rgba(61,187,109,.08);
  color:#9fe0b7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}

.uk-dayfinder-shell .uk-event-link{margin-top:10px}
.uk-dayfinder-shell .uk-event-link a{
  color:var(--uk-gold2);
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}
.uk-dayfinder-shell .uk-event-link a:hover{text-decoration:underline}

.uk-dayfinder-shell .uk-sources-card{
  grid-column:1 / -1;
}

.uk-dayfinder-shell .uk-sources-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.uk-dayfinder-shell .uk-source-link{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-height:112px;
  padding:15px;
  border:1px solid var(--uk-line);
  border-radius:16px;
  background:#0a1624;
  color:var(--uk-text);
  text-decoration:none;
  transition:transform .2s,border-color .2s,background .2s;
  position:relative;
  overflow:hidden;
}

.uk-dayfinder-shell .uk-source-link:hover{
  transform:translateY(-2px);
  border-color:var(--uk-theme-line);
  background:#0d1b2c;
}

.uk-dayfinder-shell .uk-source-link::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.055) 50%,transparent 70%);
  transform:translateX(-130%);
  transition:transform .55s;
}

.uk-dayfinder-shell .uk-source-link:hover::before{
  transform:translateX(130%);
}

.uk-dayfinder-shell .uk-source-type{
  color:var(--uk-theme);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.uk-dayfinder-shell .uk-source-link strong{font-size:14px}
.uk-dayfinder-shell .uk-source-link>span:last-child{
  margin-top:auto;
  color:var(--uk-muted);
  font-size:11px;
}

/* [DAYFINDER-CSS-10] TYPOGRAPHY */
@font-face{
  font-family:'Jameel Noori Nastaleeq Regular';
  src:url('/fonts/urdu/Jameel-Noori-Nastaleeq-Regular.ttf') format('truetype');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

@font-face{
  font-family:'UKMBNumeric';
  src:url('/fonts/numeric/font.woff2') format('woff2');
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

.uk-dayfinder-shell{
  font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif;
  font-synthesis:none;
  isolation:isolate;
}

.uk-dayfinder-shell .uk-hero h1,
.uk-dayfinder-shell .uk-day,
.uk-dayfinder-shell .uk-card h2,
.uk-dayfinder-shell .uk-celebration-copy h2,
.uk-dayfinder-shell .uk-calendar-card h2{
  font-family:'Playfair Display',Georgia,'Times New Roman',serif;
}

.uk-dayfinder-shell .uk-numeric{
  font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif !important;
  font-variant-numeric:tabular-nums;
  font-feature-settings:'tnum' 1, 'lnum' 1;
  font-synthesis:none;
}

.uk-dayfinder-shell .uk-urdu,
.uk-dayfinder-shell .uk-urdu-text,
.uk-dayfinder-shell [lang='ur'],
.uk-dayfinder-shell [dir='rtl']{
  font-family:'Jameel Noori Nastaleeq Regular',serif !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* [DAYFINDER-CSS-11] CINEMATIC BACKDROP */
.uk-dayfinder-shell{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 2%,rgba(61,187,109,.105),transparent 25%),
    radial-gradient(circle at 84% 3%,rgba(216,180,106,.115),transparent 26%),
    radial-gradient(circle at 50% 52%,rgba(37,91,126,.075),transparent 38%),
    linear-gradient(180deg,#06101b 0%,#091625 55%,#050b13 100%);
}

.uk-dayfinder-shell::before,
.uk-dayfinder-shell::after{
  content:'';
  position:absolute;
  pointer-events:none;
  z-index:0;
}

.uk-dayfinder-shell::before{
  inset:0;
  opacity:.24;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,black,transparent 80%);
  animation:ukDayFinderGridMove 24s linear infinite;
}

.uk-dayfinder-shell::after{
  width:460px;
  height:460px;
  right:-170px;
  top:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(61,187,109,.075),transparent 67%);
  filter:blur(8px);
  animation:ukDayFinderOrb 9s ease-in-out infinite;
}

.uk-dayfinder-shell > *{
  position:relative;
  z-index:1;
}

@keyframes ukDayFinderGridMove{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(58px,58px,0)}
}

@keyframes ukDayFinderOrb{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-55px,28px,0) scale(1.12)}
}

/* [DAYFINDER-CSS-12] LANGUAGE DROPDOWN */
.uk-language-switcher-wrap{
  width:min(1180px,calc(100% - 34px));
  margin:0 auto;
  display:flex;
  justify-content:flex-end;
  padding-top:20px;
  perspective:900px;
}

.uk-language-switcher{
  position:relative;
  width:174px;
  z-index:30;
}

.uk-language-toggle{
  width:100%;
  min-height:49px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(216,180,106,.48);
  border-radius:15px;
  color:#f8f1df;
  background:
    linear-gradient(145deg,rgba(30,47,66,.98),rgba(8,18,30,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 10px 24px rgba(0,0,0,.28),
    0 0 0 1px rgba(216,180,106,.04);
  transform-style:preserve-3d;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;
}

.uk-language-toggle:hover{
  transform:translateY(-2px) rotateX(2deg);
  border-color:rgba(243,217,157,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 16px 32px rgba(0,0,0,.34),
    0 0 22px rgba(216,180,106,.08);
}

.uk-language-toggle[aria-expanded='true']{
  transform:translateY(-1px) rotateX(-2deg);
  border-color:var(--uk-gold2);
}

.uk-language-globe{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,180,106,.34);
  border-radius:50%;
  color:var(--uk-gold2);
  font-size:10px;
  box-shadow:inset 0 0 12px rgba(216,180,106,.08);
}

.uk-language-toggle #languageCurrent{
  flex:1;
  text-align:left;
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
}

.uk-language-chevron{
  color:var(--uk-gold2);
  font-size:17px;
  line-height:1;
  transition:transform .28s;
}

.uk-language-toggle[aria-expanded='true'] .uk-language-chevron{
  transform:rotate(180deg);
}

.uk-language-menu{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  width:100%;
  padding:7px;
  border:1px solid rgba(216,180,106,.34);
  border-radius:17px;
  background:rgba(7,17,28,.97);
  box-shadow:0 22px 46px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);
  transform-origin:top center;
  transform:rotateX(-18deg) translateY(-8px) scale(.97);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1);
}

.uk-language-menu:not([hidden]){
  opacity:1;
  transform:rotateX(0) translateY(0) scale(1);
  pointer-events:auto;
}

.uk-language-option{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#c5d2df;
  padding:0 11px;
  text-align:left;
  transition:background .2s,border-color .2s,color .2s,transform .2s;
}

.uk-language-option:hover,
.uk-language-option.is-active{
  background:rgba(216,180,106,.08);
  border-color:rgba(216,180,106,.22);
  color:#fff;
  transform:translateX(2px);
}

.uk-language-option-code{
  width:31px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.045);
  color:var(--uk-gold2);
  font-size:9px;
  font-weight:900;
}

.uk-language-option-name{
  font-size:12px;
  font-weight:800;
}

/* [DAYFINDER-CSS-13] HERO ANIMATIONS */
.uk-dayfinder-shell .uk-hero{
  position:relative;
  overflow:visible;
  animation:ukDayFinderHeroIn .85s cubic-bezier(.2,.8,.2,1) both;
}

.uk-dayfinder-shell .uk-hero > *:not(.uk-hero-orb){
  position:relative;
  z-index:2;
}

.uk-hero-orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(1px);
}

.uk-hero-orb-one{
  width:280px;
  height:280px;
  left:-150px;
  top:70px;
  background:radial-gradient(circle,rgba(61,187,109,.12),transparent 67%);
  animation:ukDayFinderOrbLeft 8s ease-in-out infinite;
}

.uk-hero-orb-two{
  width:340px;
  height:340px;
  right:-190px;
  top:30px;
  background:radial-gradient(circle,rgba(216,180,106,.12),transparent 67%);
  animation:ukDayFinderOrbRight 10s ease-in-out infinite;
}

@keyframes ukDayFinderHeroIn{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes ukDayFinderOrbLeft{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(50px,18px) scale(1.13)}
}

@keyframes ukDayFinderOrbRight{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(-42px,28px) scale(1.08)}
}

.uk-dayfinder-shell .uk-kicker{
  animation:ukDayFinderFadeUp .8s .08s both;
}

.uk-dayfinder-shell .uk-hero h1{
  animation:ukDayFinderFadeUp .8s .16s both;
}

.uk-dayfinder-shell .uk-hero>p{
  animation:ukDayFinderFadeUp .8s .24s both;
}

.uk-dayfinder-shell .uk-search{
  position:relative;
  animation:ukDayFinderSearchIn .85s .32s both;
}

@keyframes ukDayFinderFadeUp{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes ukDayFinderSearchIn{
  from{opacity:0;transform:translateY(16px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.uk-dayfinder-shell .uk-search::after{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:20px;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 25%,rgba(243,217,157,.22) 50%,transparent 75%);
  transform:translateX(-120%);
  animation:ukDayFinderSearchShine 6s 1.2s ease-in-out infinite;
}

@keyframes ukDayFinderSearchShine{
  0%,68%,100%{transform:translateX(-120%)}
  78%{transform:translateX(120%)}
}

.uk-dayfinder-shell .uk-search-icon{
  width:40px;
  display:grid;
  place-items:center;
  color:var(--uk-gold2);
  font-size:26px;
  opacity:.8;
}

.uk-dayfinder-shell .uk-button-arrow{
  display:inline-block;
  margin-left:8px;
  transition:transform .22s;
}

.uk-dayfinder-shell .uk-search button:hover .uk-button-arrow{
  transform:translateX(4px);
}

/* [DAYFINDER-CSS-14] RESULT ANIMATIONS */
.uk-dayfinder-shell .uk-result.is-visible .uk-feature{
  animation:ukDayFinderResultIn .7s cubic-bezier(.2,.8,.2,1) both;
}

.uk-dayfinder-shell .uk-result.is-visible .uk-calendar-grid{
  animation:ukDayFinderCardIn .65s .06s cubic-bezier(.2,.8,.2,1) both;
}

.uk-dayfinder-shell .uk-result.is-visible .uk-card{
  animation:ukDayFinderCardIn .65s cubic-bezier(.2,.8,.2,1) both;
}

.uk-dayfinder-shell .uk-result.is-visible .uk-card:nth-child(2){animation-delay:.08s}
.uk-dayfinder-shell .uk-result.is-visible .uk-card:nth-child(3){animation-delay:.16s}

@keyframes ukDayFinderResultIn{
  from{opacity:0;transform:translateY(22px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes ukDayFinderCardIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}

.uk-dayfinder-shell .uk-answer-badge{
  animation:ukDayFinderBadgePulse 4s ease-in-out infinite;
}

@keyframes ukDayFinderBadgePulse{
  0%,100%{box-shadow:0 15px 35px rgba(0,0,0,.18)}
  50%{box-shadow:0 15px 35px rgba(0,0,0,.18),0 0 25px var(--uk-theme-soft)}
}

.uk-dayfinder-shell .uk-week-item.is-active .uk-week-ball{
  animation:ukDayFinderActiveDay 2.8s ease-in-out infinite;
}

@keyframes ukDayFinderActiveDay{
  0%,100%{transform:translateY(-5px) scale(1)}
  50%{transform:translateY(-7px) scale(1.045)}
}

/* [DAYFINDER-CSS-15] URDU MODE */
.uk-dayfinder-shell[data-language='ur']{
  direction:rtl;
}

.uk-dayfinder-shell[data-language='ur'] .uk-language-switcher-wrap{
  direction:ltr;
}

.uk-dayfinder-shell[data-language='ur'] .uk-language-toggle #languageCurrent{
  text-align:right;
}

.uk-dayfinder-shell[data-language='ur'] .uk-hero,
.uk-dayfinder-shell[data-language='ur'] .uk-footer{
  text-align:center;
}

.uk-dayfinder-shell[data-language='ur'] .uk-search{
  direction:rtl;
}

.uk-dayfinder-shell[data-language='ur'] .uk-search input{
  font-family:'Jameel Noori Nastaleeq Regular',serif !important;
  font-size:20px;
}

.uk-dayfinder-shell[data-language='ur'] .uk-search button{
  font-family:'Inter','Segoe UI',sans-serif;
}

.uk-dayfinder-shell[data-language='ur'] .uk-calendar-card .uk-meta-row b{
  text-align:left;
}

.uk-dayfinder-shell[data-language='ur'] .uk-calendar-grid-heading{
  text-align:center;
}

.uk-dayfinder-shell[data-language='ur'] .uk-history-note,
.uk-dayfinder-shell[data-language='ur'] .uk-dispute-note,
.uk-dayfinder-shell[data-language='ur'] .uk-note{
  font-family:'Jameel Noori Nastaleeq Regular',serif !important;
  font-size:16px;
  line-height:1.9;
}

.uk-dayfinder-shell[data-language='ur'] .uk-event p,
.uk-dayfinder-shell[data-language='ur'] .uk-event h3,
.uk-dayfinder-shell[data-language='ur'] .uk-source-link,
.uk-dayfinder-shell[data-language='ur'] .uk-celebration-copy p{
  font-family:'Jameel Noori Nastaleeq Regular',serif !important;
  letter-spacing:0;
}

.uk-dayfinder-shell[data-language='ur'] .uk-event-source,
.uk-dayfinder-shell[data-language='ur'] .uk-source-type,
.uk-dayfinder-shell[data-language='ur'] .uk-card-badge{
  font-family:'Inter','Segoe UI',sans-serif;
}

.uk-dayfinder-shell[data-language='ur'] .uk-numeric,
.uk-dayfinder-shell[data-language='ur'] #detailGregorian,
.uk-dayfinder-shell[data-language='ur'] #detailSolarHijri,
.uk-dayfinder-shell[data-language='ur'] #detailHijri,
.uk-dayfinder-shell[data-language='ur'] #detailPosition,
.uk-dayfinder-shell[data-language='ur'] #detailLetter{
  font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif !important;
  font-variant-numeric:tabular-nums;
  direction:ltr;
  unicode-bidi:plaintext;
}

/* [DAYFINDER-CSS-16] RESPONSIVE */
@media(max-width:850px){
  .uk-dayfinder-shell .uk-celebration{
    opacity:.22;
    width:70%;
  }

  .uk-dayfinder-shell .uk-main-answer{width:100%}

  .uk-dayfinder-shell .uk-calendar-cards{
    grid-template-columns:1fr 1fr;
  }

  .uk-dayfinder-shell .uk-information-grid{
    grid-template-columns:1fr;
  }

  .uk-dayfinder-shell .uk-sources-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .uk-dayfinder-shell .uk-hero,
  .uk-dayfinder-shell .uk-result,
  .uk-dayfinder-shell .uk-footer{
    width:calc(100% - 22px);
  }

  .uk-dayfinder-shell .uk-hero{padding-top:30px}

  .uk-dayfinder-shell .uk-search{
    flex-direction:column;
  }

  .uk-dayfinder-shell .uk-search button{width:100%}

  .uk-dayfinder-shell .uk-feature-inner{padding:23px 18px}

  .uk-dayfinder-shell .uk-day-row{align-items:center}

  .uk-dayfinder-shell .uk-answer-badge{
    width:70px;height:70px;flex-basis:70px;
  }

  .uk-dayfinder-shell .uk-answer-badge strong{font-size:27px}

  .uk-dayfinder-shell .uk-celebration{
    opacity:.12;
    width:100%;
  }

  .uk-dayfinder-shell .uk-calendar-cards{
    grid-template-columns:1fr;
  }

  .uk-dayfinder-shell .uk-sources-grid{
    grid-template-columns:1fr;
  }

  .uk-dayfinder-shell .uk-weekbar{gap:4px}

  .uk-dayfinder-shell .uk-week-ball{
    width:43px;height:43px;
  }

  .uk-dayfinder-shell .uk-week-name{font-size:9px}

  .uk-dayfinder-shell .uk-history-grid{grid-template-columns:1fr}

  .uk-dayfinder-shell .uk-calendar-card .uk-meta-row{
    flex-direction:column;
    gap:4px;
  }

  .uk-dayfinder-shell .uk-calendar-card .uk-meta-row b{
    text-align:left;
  }

  .uk-dayfinder-shell .uk-calendar-date{
    font-size:24px;
  }

  .uk-language-switcher-wrap{
    width:calc(100% - 22px);
    padding-top:12px;
  }

  .uk-language-switcher{width:160px}

  .uk-language-toggle{min-height:45px}

  .uk-search-icon{display:none !important}

  .uk-dayfinder-shell .uk-hero h1{
    font-size:clamp(42px,15vw,62px);
  }

  .uk-dayfinder-shell .uk-calendar-grid{
    padding:16px;
  }
}

/* [DAYFINDER-CSS-17] ACCESSIBILITY */
@media(prefers-reduced-motion:reduce){
  .uk-dayfinder-shell *{
    scroll-behavior:auto !important;
    animation:none !important;
    transition:none !important;
  }
}

/* [DAYFINDER-CSS-18] FOCUS VISIBLE */
.uk-dayfinder-shell a:focus-visible,
.uk-dayfinder-shell button:focus-visible,
.uk-dayfinder-shell input:focus-visible,
.uk-dayfinder-shell select:focus-visible,
.uk-dayfinder-shell textarea:focus-visible{
  outline:2px solid var(--uk-gold2);
  outline-offset:3px;
  border-radius:4px;
}

.uk-dayfinder-shell .uk-source-link:focus-visible{
  outline:2px solid var(--uk-gold2);
  outline-offset:3px;
}


/* [DAYFINDER-CSS-20] LANGUAGE MENU — ISOLATED OVERLAY FIX
   The language list must remain a self-contained overlay. It must not become
   visually transparent over calendar content or participate in calendar flow.
*/
.uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-wrap-v14,
.uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-v14{
  isolation:isolate;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide{
  background:#071522 !important;
  background-image:linear-gradient(180deg,#0b1d2d 0%,#071522 100%) !important;
  border:1px solid rgba(216,180,106,.46) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.035),inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  opacity:1 !important;
  transform-origin:top right;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide .uk-language-option{
  position:relative;
  z-index:1;
  background:#0a1b2a;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide .uk-language-option:hover,
.uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide .uk-language-option.is-active{
  background:#10283b;
}

/* Tablet/mobile: keep all 23 choices inside a compact, independently
   scrollable panel so the calendar is never mistaken for part of the menu. */
@media (max-width:900px){
  .uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide{
    width:min(340px,calc(100vw - 24px)) !important;
    max-height:min(430px,calc(100vh - 145px)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }

  .uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide .uk-language-option{
    min-height:46px;
  }

  .uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide .uk-language-option-name{
    font-size:13px;
  }
}

@media (max-width:600px){
  .uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide{
    width:100% !important;
    max-height:min(430px,calc(100vh - 155px)) !important;
  }
}

/* [DAYFINDER-CSS-19] CALENDAR EXPLORER */
.uk-calendar-explorer{
  width:min(1180px,calc(100% - 40px));
  margin:28px auto 0;
  padding:26px;
  border:1px solid var(--uk-line);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(13,26,42,.96),rgba(7,18,30,.96));
  box-shadow:var(--uk-shadow);
}
.uk-explorer-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.uk-explorer-header h2{
  margin:4px 0 8px;
  font-size:clamp(24px,3vw,34px);
  letter-spacing:-.03em;
}
.uk-explorer-header p{
  margin:0;
  max-width:760px;
  color:var(--uk-muted);
  line-height:1.65;
}
.uk-explorer-badge,
.uk-explorer-status{
  border:1px solid var(--uk-theme-line);
  color:var(--uk-theme);
  background:var(--uk-theme-soft);
  border-radius:999px;
  padding:8px 12px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.uk-explorer-controls{
  display:grid;
  grid-template-columns:44px minmax(120px,1fr) minmax(140px,1fr) minmax(120px,1fr) auto auto 44px;
  align-items:end;
  gap:10px;
  padding:14px;
  border:1px solid var(--uk-line);
  border-radius:18px;
  background:rgba(3,12,21,.5);
}
.uk-explorer-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.uk-explorer-field span{
  color:var(--uk-muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.uk-explorer-field select,
.uk-explorer-field input{
  width:100%;
  min-height:44px;
  border:1px solid var(--uk-line);
  border-radius:12px;
  background:#091726;
  color:var(--uk-text);
  padding:0 12px;
  outline:none;
}
.uk-explorer-field select:focus,
.uk-explorer-field input:focus{
  border-color:var(--uk-theme);
  box-shadow:0 0 0 3px var(--uk-theme-soft);
}
.uk-explorer-arrow,
.uk-explorer-go,
.uk-explorer-view-switch button{
  min-height:44px;
  border:1px solid var(--uk-line);
  border-radius:12px;
  background:#0b1d2d;
  color:var(--uk-text);
  font-weight:800;
  cursor:pointer;
}
.uk-explorer-arrow{
  width:44px;
  font-size:24px;
}
.uk-explorer-go{
  padding:0 18px;
  border-color:rgba(216,180,106,.55);
  background:linear-gradient(180deg,#e5bd72,#cda45b);
  color:#08111a;
}
.uk-explorer-view-switch{
  display:flex;
  gap:4px;
  padding:4px;
  border:1px solid var(--uk-line);
  border-radius:14px;
  background:#07131f;
}
.uk-explorer-view-switch button{
  min-height:36px;
  border:0;
  padding:0 12px;
  background:transparent;
  color:var(--uk-muted);
}
.uk-explorer-view-switch button.is-active{
  background:var(--uk-theme-soft);
  color:var(--uk-theme);
}
.uk-explorer-status{
  display:inline-block;
  margin:14px 0 0;
  text-transform:none;
  letter-spacing:0;
}
.uk-explorer-status.is-loading{opacity:.7}
.uk-calendar-month-panel,
.uk-calendar-year-panel{
  margin-top:18px;
  border:1px solid var(--uk-line);
  border-radius:20px;
  padding:18px;
  background:rgba(4,13,23,.56);
}
.uk-calendar-month-title{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.uk-calendar-month-title h3{
  margin:0;
  font-size:24px;
}
.uk-calendar-month-title span{
  color:var(--uk-muted);
  font-size:11px;
  font-weight:700;
}
.uk-calendar-week-head,
.uk-calendar-month-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:7px;
}
.uk-calendar-week-head{
  margin-bottom:7px;
}
.uk-calendar-week-head span{
  text-align:center;
  color:var(--uk-gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.uk-cal-empty{min-height:82px}
.uk-cal-day{
  position:relative;
  min-height:82px;
  border:1px solid var(--uk-line);
  border-radius:13px;
  background:#091a2a;
  color:var(--uk-text);
  text-align:left;
  padding:10px;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.uk-cal-day:hover{
  transform:translateY(-2px);
  border-color:var(--uk-theme);
  background:#0c2435;
}
.uk-cal-day strong{
  display:block;
  font-size:18px;
}
.uk-cal-day .uk-cal-letter{
  position:absolute;
  top:9px;
  right:10px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border:1px solid var(--uk-theme-line);
  border-radius:50%;
  color:var(--uk-theme);
  font-size:10px;
  font-weight:900;
}
.uk-cal-day small{
  display:block;
  margin-top:18px;
  color:var(--uk-muted);
  font-size:10px;
}
.uk-cal-day.is-sunday{border-top-color:rgba(216,180,106,.55)}
.uk-calendar-year-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.uk-mini-month{
  border:1px solid var(--uk-line);
  border-radius:16px;
  padding:12px;
  background:#081827;
}
.uk-mini-month header{
  display:flex;
  justify-content:space-between;
  margin-bottom:9px;
}
.uk-mini-month header strong{font-size:14px}
.uk-mini-month header span{color:var(--uk-muted);font-size:11px}
.uk-mini-week,
.uk-mini-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:3px;
}
.uk-mini-week span{
  color:var(--uk-gold);
  text-align:center;
  font-size:8px;
  font-weight:900;
}
.uk-year-empty{min-height:22px}
.uk-year-day{
  min-height:25px;
  padding:0;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--uk-text);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  font-size:9px;
}
.uk-year-day em{
  color:var(--uk-theme);
  font-style:normal;
  font-size:7px;
  font-weight:900;
}
.uk-year-day:hover{
  background:var(--uk-theme-soft);
}
.uk-explorer-note{
  margin-top:14px;
  padding:12px 14px;
  border-left:2px solid var(--uk-gold);
  color:var(--uk-muted);
  font-size:11px;
  line-height:1.6;
}
@media (max-width:900px){
  .uk-explorer-controls{grid-template-columns:1fr 1fr}
  .uk-explorer-arrow{width:100%}
  .uk-explorer-go{width:100%}
  .uk-explorer-view-switch{grid-column:1/-1}
  .uk-calendar-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .uk-calendar-explorer{width:min(100% - 20px,1180px);padding:16px;border-radius:20px}
  .uk-explorer-header{flex-direction:column}
  .uk-explorer-badge{white-space:normal}
  .uk-explorer-controls{grid-template-columns:1fr 1fr}
  .uk-explorer-custom-year{grid-column:1/-1}
  .uk-explorer-go{grid-column:1/-1}
  .uk-calendar-month-panel{padding:10px}
  .uk-calendar-week-head,.uk-calendar-month-grid{gap:3px}
  .uk-cal-day{min-height:66px;padding:7px;border-radius:9px}
  .uk-cal-day strong{font-size:15px}
  .uk-cal-day .uk-cal-letter{top:6px;right:6px;width:20px;height:20px}
  .uk-cal-day small{margin-top:14px;font-size:8px}
  .uk-calendar-year-grid{grid-template-columns:1fr}
}

/* ============================================================================
   [DAYFINDER-CSS-12] V12 SIDEBAR + CALENDAR NAVIGATION + LANGUAGE GRID
   ============================================================================ */
.uk-language-menu-wide{
  width:min(310px,calc(100vw - 24px));
  max-height:min(72vh,560px);
  overflow:auto;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  padding:8px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,22,35,.99),rgba(4,14,24,.99));
  scrollbar-width:thin;
  scrollbar-color:rgba(216,180,106,.55) transparent;
}
.uk-language-menu-wide[hidden]{display:none}
.uk-language-menu-wide .uk-language-option{width:100%;margin:0;min-height:45px;border-radius:11px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.055);}
.uk-language-menu-wide .uk-language-option:last-child{border-bottom:0}
.uk-language-menu-wide .uk-language-option:hover,.uk-language-menu-wide .uk-language-option.is-active{transform:none;background:rgba(255,255,255,.055);border-color:rgba(216,180,106,.2)}
.uk-language-option-flag{width:27px;min-width:27px;font-size:18px;line-height:1;display:grid;place-items:center}
.uk-language-menu-wide .uk-language-option-code{width:25px;height:23px;border-radius:7px;font-size:8px;background:#122536;color:var(--uk-gold2)}
.uk-language-menu-wide .uk-language-option-name{font-size:12px;flex:1}
.uk-language-menu-wide .uk-language-option.is-active::after{content:'✓';color:var(--uk-gold2);font-weight:900;font-size:12px;margin-left:auto}

.uk-explorer-layout{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.uk-explorer-sidebar{
  position:sticky;
  top:18px;
  border:1px solid var(--uk-line);
  border-radius:20px;
  background:linear-gradient(180deg,#0b1d2c,#071522);
  box-shadow:0 18px 45px rgba(0,0,0,.22);
  overflow:hidden;
}
.uk-sidebar-brand{
  display:flex;
  align-items:center;
  gap:10px;
  padding:15px;
  border-bottom:1px solid var(--uk-line);
}
.uk-sidebar-brand-mark{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(145deg,#0b877d,#062c3a);
  border:1px solid rgba(224,184,92,.45);color:#fff;font-weight:900;font-size:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 20px rgba(0,0,0,.2)
}
.uk-sidebar-brand strong{display:block;color:var(--uk-text);font-size:14px}
.uk-sidebar-brand small{display:block;color:var(--uk-muted);font-size:9px;margin-top:2px}
.uk-sidebar-tabs{padding:8px;display:grid;gap:6px}
.uk-sidebar-tab{
  width:100%;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--uk-muted);
  padding:10px 9px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;font-weight:800;font-size:11px;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.uk-sidebar-tab span:first-child{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#0e2638;color:var(--uk-gold);font-size:10px}
.uk-sidebar-tab:hover{transform:translateX(2px);color:var(--uk-text);background:rgba(255,255,255,.03)}
.uk-sidebar-tab.is-active{color:#fff;background:linear-gradient(90deg,rgba(10,132,121,.32),rgba(10,132,121,.08));border-color:rgba(10,166,146,.42)}
.uk-sidebar-tab.is-active span:first-child{background:var(--uk-theme,#00bd7b);color:#04141c;box-shadow:0 0 16px rgba(0,189,123,.28)}
.uk-sidebar-footer{padding:11px 13px;border-top:1px solid var(--uk-line);color:var(--uk-muted);font-size:9px;line-height:1.55}
.uk-explorer-workspace{min-width:0}
.uk-sidebar-panel{padding:17px;border:1px solid var(--uk-line);border-radius:18px;background:rgba(8,24,39,.72);min-height:116px}
.uk-sidebar-panel[hidden]{display:none}
.uk-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.uk-panel-heading h3{margin:3px 0 0;color:var(--uk-text);font-size:21px;line-height:1.1}
.uk-panel-badge{padding:6px 9px;border-radius:999px;border:1px solid rgba(199,168,90,.3);color:var(--uk-gold);font-size:9px;font-weight:900;white-space:nowrap}
.uk-control-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.uk-control-row .uk-explorer-field{flex:1 1 170px}
.uk-control-row .uk-explorer-go{flex:0 0 auto}
.uk-view-quick{display:flex;gap:7px;margin-top:12px}
.uk-view-quick button{border:1px solid var(--uk-line);background:#091b2b;color:var(--uk-muted);border-radius:9px;padding:8px 12px;font-size:10px;font-weight:900;cursor:pointer}
.uk-view-quick button.is-active{background:var(--uk-theme-soft);color:var(--uk-theme);border-color:var(--uk-theme-line)}
.uk-day-jump{display:flex;gap:10px;align-items:center}
.uk-day-jump input{flex:1;min-width:0;border:1px solid var(--uk-line);border-radius:11px;background:#071a29;color:var(--uk-text);padding:12px 13px;outline:none}
.uk-day-jump input:focus{border-color:var(--uk-theme);box-shadow:0 0 0 3px var(--uk-theme-soft)}
.uk-panel-hint{margin-top:11px;color:var(--uk-muted);font-size:10px;line-height:1.55}

.uk-age-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.uk-age-fields .uk-explorer-go{grid-column:1/-1;width:100%}
.uk-age-result{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.uk-age-number{padding:10px 7px;border:1px solid var(--uk-line);border-radius:12px;background:#081a2a;text-align:center}
.uk-age-number strong{display:block;color:var(--uk-gold2);font-size:22px;line-height:1}
.uk-age-number span{display:block;margin-top:5px;color:var(--uk-muted);font-size:9px;font-weight:800}
.uk-guide-list{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--uk-muted);font-size:11px;line-height:1.55}
.uk-guide-list li::marker{color:var(--uk-gold);font-weight:900}
.uk-century-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto;padding-right:3px}
.uk-century-button{border:1px solid var(--uk-line);border-radius:12px;background:#081a2a;color:var(--uk-muted);padding:9px 6px;cursor:pointer;text-align:center;transition:.18s ease}
.uk-century-button strong{display:block;color:var(--uk-text);font-size:14px}
.uk-century-button span{display:block;margin-top:3px;font-size:8px}
.uk-century-button:hover{transform:translateY(-2px);border-color:var(--uk-theme);color:#fff}
.uk-century-button.is-current{border-color:rgba(199,168,90,.65);background:rgba(199,168,90,.08)}
.uk-explorer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}
.uk-explorer-toolbar .uk-explorer-status{flex:1;text-align:center}
.uk-year-day{position:relative}
.uk-year-day small{color:var(--uk-muted);font-size:6px;line-height:1}

@media (max-width:1000px){
  .uk-explorer-layout{grid-template-columns:1fr}
  .uk-explorer-sidebar{position:static}
  .uk-sidebar-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
  .uk-sidebar-tab{justify-content:center;flex-direction:column;gap:4px;padding:8px 4px;text-align:center}
  .uk-sidebar-tab span:first-child{width:24px;height:20px}
  .uk-sidebar-footer{display:none}
  .uk-century-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:700px){
  .uk-language-menu-wide{grid-template-columns:1fr}
  .uk-sidebar-tabs{grid-template-columns:repeat(6,minmax(56px,1fr));overflow:auto}
  .uk-sidebar-tab{font-size:8px;white-space:nowrap}
  .uk-century-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .uk-day-jump{flex-direction:column;align-items:stretch}
  .uk-age-fields{grid-template-columns:1fr}
  .uk-age-fields .uk-explorer-go{grid-column:auto}
  .uk-day-jump .uk-explorer-go{width:100%}
}


/* ============================================================================
   [DAYFINDER-CSS-13] STICKY LANGUAGE CONTROL + MONTH FULL-SCREEN VIEW
   ============================================================================ */
.uk-dayfinder-shell .uk-language-switcher-wrap{
  position:sticky;
  top:10px;
  z-index:10000;
  min-height:0;
  margin-bottom:-69px;
  pointer-events:none;
}
.uk-dayfinder-shell .uk-language-switcher{
  pointer-events:auto;
}
.uk-dayfinder-shell .uk-language-menu-wide{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:10001;
  max-height:min(70vh,560px);
}

.uk-month-openable{
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.uk-month-openable:hover,
.uk-month-openable:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(216,180,106,.48);
  box-shadow:0 14px 30px rgba(0,0,0,.18);
  outline:none;
}
.uk-month-open-hint{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:7px;
  color:var(--uk-gold2);
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.82;
}

.uk-month-view-modal{
  position:fixed;
  inset:0;
  z-index:20000;
  display:grid;
  place-items:center;
  padding:20px;
}
.uk-month-view-modal[hidden]{display:none}
.uk-month-view-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,8,14,.82);
  backdrop-filter:blur(9px);
}
.uk-month-view-dialog{
  position:relative;
  z-index:1;
  width:min(1180px,96vw);
  height:min(88vh,860px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid rgba(216,180,106,.35);
  border-radius:24px;
  background:linear-gradient(145deg,#0a1c2d,#06131f);
  box-shadow:0 30px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06);
}
.uk-month-view-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 22px 15px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.uk-month-view-header h2{
  margin:2px 0 2px;
  color:#f8f1df;
  font-size:clamp(24px,3vw,38px);
}
.uk-month-view-header p{
  margin:0;
  color:var(--uk-muted);
  font-size:11px;
}
.uk-month-view-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-shrink:0;
}
.uk-month-view-actions button{
  min-width:40px;
  height:40px;
  padding:0 10px;
  border:1px solid rgba(216,180,106,.3);
  border-radius:11px;
  background:#0b2132;
  color:#f8f1df;
  font-weight:900;
  cursor:pointer;
}
.uk-month-view-actions button:hover{
  border-color:var(--uk-gold2);
  background:#102a3e;
}
.uk-month-view-actions .uk-month-close{
  margin-left:7px;
  font-size:22px;
}
.uk-month-view-scroll{
  overflow:auto;
  padding:20px;
  overscroll-behavior:contain;
}
.uk-month-view-stage{
  width:100%;
  min-width:760px;
  transform-origin:top center;
  transition:transform .18s ease;
}
.uk-month-view-stage .uk-calendar-week-head{
  margin-bottom:10px;
}
.uk-month-view-stage .uk-calendar-week-head span{
  font-size:11px;
}
.uk-month-view-stage .uk-cal-day{
  min-height:clamp(88px,10vw,126px);
  padding:13px;
  border-radius:14px;
}
.uk-month-view-stage .uk-cal-day strong{
  font-size:22px;
}
.uk-month-view-stage .uk-cal-day small{
  font-size:11px;
  margin-top:22px;
}
.uk-month-view-stage .uk-cal-day .uk-cal-letter{
  width:29px;
  height:29px;
  top:10px;
  right:10px;
}
.uk-month-view-footer{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:11px 22px;
  border-top:1px solid rgba(255,255,255,.07);
  color:var(--uk-muted);
  font-size:10px;
}
.uk-month-view-footer span:first-child{color:var(--uk-gold2);font-weight:800}

@media (max-width:700px){
  .uk-dayfinder-shell .uk-language-switcher-wrap{
    width:calc(100% - 20px);
    top:6px;
    margin-bottom:-63px;
  }
  .uk-dayfinder-shell .uk-language-switcher{width:174px}
  .uk-month-view-modal{padding:8px}
  .uk-month-view-dialog{width:100%;height:94vh;border-radius:18px}
  .uk-month-view-header{padding:13px 14px}
  .uk-month-view-header h2{font-size:24px}
  .uk-month-view-header p{font-size:9px}
  .uk-month-view-actions{gap:4px}
  .uk-month-view-actions button{min-width:34px;height:34px;padding:0 7px}
  .uk-month-view-actions .uk-month-close{margin-left:2px}
  .uk-month-view-scroll{padding:12px}
  .uk-month-view-stage{min-width:680px}
  .uk-month-view-footer{padding:9px 13px;display:block}
  .uk-month-view-footer span{display:block;margin:2px 0}
}


/* ============================================================================
   [DAYFINDER-CSS-20] V14 PREMIUM LAYOUT + TYPOGRAPHY + LANGUAGE CONTROL
   ============================================================================ */

/* The DayFinder page keeps the centralized UKMB header untouched. */
.uk-dayfinder-shell{
  --uk-v14-text-scale:1.30;
}

/* 30% larger readable UI typography without scaling the whole layout. */
.uk-dayfinder-shell .uk-kicker{font-size:14px}
.uk-dayfinder-shell .uk-hero>p{font-size:20px;line-height:1.7}
.uk-dayfinder-shell .uk-search input{font-size:22px}
.uk-dayfinder-shell .uk-search button{font-size:18px}
.uk-dayfinder-shell .uk-input-message{font-size:16px}
.uk-dayfinder-shell .uk-date{font-size:clamp(33px,4.6vw,51px)}
.uk-dayfinder-shell .uk-day{font-size:clamp(73px,8vw,104px)}
.uk-dayfinder-shell .uk-urdu{font-size:38px}
.uk-dayfinder-shell .uk-theme-label{font-size:16px}
.uk-dayfinder-shell .uk-celebration-small{font-size:14px}
.uk-dayfinder-shell .uk-celebration-copy h2{font-size:40px}
.uk-dayfinder-shell .uk-celebration-copy p{font-size:17px}
.uk-dayfinder-shell .uk-week-name{font-size:13px}
.uk-dayfinder-shell .uk-calendar-grid-heading{font-size:13px}
.uk-dayfinder-shell .uk-calendar-card h2{font-size:23px}
.uk-dayfinder-shell .uk-calendar-date{font-size:clamp(29px,3vw,42px)}
.uk-dayfinder-shell .uk-calendar-card .uk-meta-row{font-size:16px}
.uk-dayfinder-shell .uk-calendar-note{font-size:16px}
.uk-dayfinder-shell .uk-card h2{font-size:35px}
.uk-dayfinder-shell .uk-event-tag{font-size:13px}
.uk-dayfinder-shell .uk-event h3{font-size:21px}
.uk-dayfinder-shell .uk-event p{font-size:16px}
.uk-dayfinder-shell .uk-event-source{font-size:13px}
.uk-dayfinder-shell .uk-empty{font-size:17px}
.uk-dayfinder-shell .uk-note{font-size:14px}
.uk-dayfinder-shell .uk-footer{font-size:14px}
.uk-dayfinder-shell .uk-history-note,
.uk-dayfinder-shell .uk-dispute-note{font-size:17px}
.uk-dayfinder-shell .uk-source-link strong{font-size:18px}
.uk-dayfinder-shell .uk-source-link>span:last-child{font-size:14px}

/* Premium, compact, always-accessible language control. */
.uk-dayfinder-shell .uk-language-switcher-wrap-v14{
  position:fixed;
  top:16px;
  right:max(18px,calc((100vw - 1180px)/2));
  width:auto;
  margin:0;
  padding:0;
  z-index:10000;
}
.uk-dayfinder-shell .uk-language-switcher-v14{width:218px}
.uk-dayfinder-shell .uk-language-toggle{
  min-height:58px;
  border-radius:18px;
  padding:0 16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 34px rgba(0,0,0,.30);
}
.uk-dayfinder-shell .uk-language-toggle #languageCurrent{font-size:15px}
.uk-dayfinder-shell .uk-language-globe{width:31px;height:31px;font-size:11px}
.uk-dayfinder-shell .uk-language-chevron{font-size:18px}

/* Ideal-language-tab-inspired single-column menu. */
.uk-dayfinder-shell .uk-language-menu-wide{
  width:318px;
  max-height:min(76vh,620px);
  padding:8px;
  border-radius:20px;
  overflow-y:auto;
  box-shadow:0 28px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07);
}
.uk-dayfinder-shell .uk-language-menu-wide .uk-language-option{
  min-height:54px;
  gap:11px;
  padding:0 13px;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.uk-dayfinder-shell .uk-language-menu-wide .uk-language-option-flag{width:31px;min-width:31px;font-size:21px}
.uk-dayfinder-shell .uk-language-menu-wide .uk-language-option-code{width:31px;height:27px;font-size:10px}
.uk-dayfinder-shell .uk-language-menu-wide .uk-language-option-name{font-size:15px}
.uk-dayfinder-shell .uk-language-menu-wide .uk-language-option.is-active::after{font-size:16px}

/* Search suggestions */
.uk-date-suggestions{
  position:relative;
  width:100%;
  margin:8px auto 0;
  max-width:1180px;
  padding:7px;
  border:1px solid rgba(216,180,106,.25);
  border-radius:16px;
  background:rgba(6,18,30,.98);
  box-shadow:0 18px 42px rgba(0,0,0,.32);
  z-index:900;
}
.uk-date-suggestions[hidden]{display:none}
.uk-suggestion-item{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid transparent;
  border-bottom-color:rgba(255,255,255,.055);
  border-radius:11px;
  background:transparent;
  color:var(--uk-text);
  padding:0 12px;
  text-align:left;
}
.uk-suggestion-item:last-child{border-bottom-color:transparent}
.uk-suggestion-item:hover,
.uk-suggestion-item:focus-visible{
  background:rgba(10,166,146,.10);
  border-color:rgba(10,166,146,.28);
  outline:none;
}
.uk-suggestion-index{
  width:27px;height:27px;display:grid;place-items:center;
  border-radius:8px;background:#122536;color:var(--uk-gold2);
  font-size:11px;font-weight:900;flex:0 0 auto;
}
.uk-suggestion-text{font-size:16px;font-weight:700;line-height:1.35;flex:1}
.uk-suggestion-arrow{color:var(--uk-gold2);font-size:16px}

/* Compact two-column explorer: sidebar + large calendar workspace. */
.uk-dayfinder-shell .uk-calendar-explorer{
  width:min(1240px,calc(100% - 34px));
  padding:24px;
  margin-top:24px;
  border-radius:24px;
}
.uk-dayfinder-shell .uk-explorer-layout{
  grid-template-columns:220px minmax(0,1fr);
  gap:16px;
}
.uk-dayfinder-shell .uk-explorer-sidebar{top:84px}
.uk-dayfinder-shell .uk-sidebar-tab{font-size:14px;padding:11px 10px}
.uk-dayfinder-shell .uk-sidebar-footer{font-size:12px}
.uk-dayfinder-shell .uk-sidebar-brand strong{font-size:17px}
.uk-dayfinder-shell .uk-sidebar-brand small{font-size:12px}
.uk-dayfinder-shell .uk-panel-heading h3{font-size:27px}
.uk-dayfinder-shell .uk-panel-badge{font-size:12px}
.uk-dayfinder-shell .uk-panel-hint{font-size:13px}
.uk-dayfinder-shell .uk-guide-list{font-size:14px}
.uk-dayfinder-shell .uk-view-quick button{font-size:13px}
.uk-dayfinder-shell .uk-explorer-field span{font-size:13px}
.uk-dayfinder-shell .uk-explorer-field select,
.uk-dayfinder-shell .uk-explorer-field input{font-size:16px;min-height:48px}
.uk-dayfinder-shell .uk-explorer-go,
.uk-dayfinder-shell .uk-explorer-arrow{font-size:16px}
.uk-dayfinder-shell .uk-calendar-month-title h3{font-size:31px}
.uk-dayfinder-shell .uk-calendar-month-title span{font-size:14px}
.uk-dayfinder-shell .uk-calendar-week-head span{font-size:13px}
.uk-dayfinder-shell .uk-cal-day strong{font-size:23px}
.uk-dayfinder-shell .uk-cal-day small{font-size:13px}
.uk-dayfinder-shell .uk-cal-day .uk-cal-letter{font-size:12px}
.uk-dayfinder-shell .uk-mini-month header strong{font-size:18px}
.uk-dayfinder-shell .uk-mini-month header span{font-size:13px}
.uk-dayfinder-shell .uk-mini-week span{font-size:10px}
.uk-dayfinder-shell .uk-year-day{font-size:12px}
.uk-dayfinder-shell .uk-year-day em{font-size:9px}
.uk-dayfinder-shell .uk-explorer-note{font-size:14px}

/* Make the explorer resemble the reference: compact chrome, spacious calendar. */
.uk-dayfinder-shell .uk-explorer-header{margin-bottom:15px}
.uk-dayfinder-shell .uk-explorer-header p{font-size:16px}
.uk-dayfinder-shell .uk-explorer-badge{font-size:12px}
.uk-dayfinder-shell .uk-calendar-month-panel,
.uk-dayfinder-shell .uk-calendar-year-panel{margin-top:14px}

/* Keep language control clear of the centralized header on small screens. */
@media(max-width:900px){
  .uk-dayfinder-shell .uk-language-switcher-wrap-v14{
    right:12px;
    top:10px;
  }
  .uk-dayfinder-shell .uk-language-switcher-v14{width:205px}
  .uk-dayfinder-shell .uk-language-menu-wide{width:min(320px,calc(100vw - 24px))}
  .uk-dayfinder-shell .uk-explorer-layout{grid-template-columns:1fr}
  .uk-dayfinder-shell .uk-explorer-sidebar{position:static}
  .uk-dayfinder-shell .uk-sidebar-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
  .uk-dayfinder-shell .uk-sidebar-tab{font-size:11px}
}
@media(max-width:600px){
  .uk-dayfinder-shell .uk-language-switcher-v14{width:190px}
  .uk-dayfinder-shell .uk-language-toggle{min-height:52px}
  .uk-dayfinder-shell .uk-language-menu-wide{max-height:68vh}
  .uk-dayfinder-shell .uk-hero>p{font-size:17px}
  .uk-dayfinder-shell .uk-search input{font-size:19px}
  .uk-dayfinder-shell .uk-search button{font-size:17px}
  .uk-dayfinder-shell .uk-suggestion-text{font-size:14px}
  .uk-dayfinder-shell .uk-sidebar-tabs{grid-template-columns:repeat(3,1fr)}
  .uk-dayfinder-shell .uk-sidebar-tab{font-size:12px}
  .uk-dayfinder-shell .uk-calendar-month-title{align-items:flex-start;flex-direction:column}
  .uk-dayfinder-shell .uk-calendar-month-title h3{font-size:27px}
  .uk-dayfinder-shell .uk-cal-day{min-height:76px}
  .uk-dayfinder-shell .uk-cal-day strong{font-size:20px}
  .uk-dayfinder-shell .uk-cal-day small{font-size:10px}
}

/* RTL polish */
.uk-dayfinder-shell[dir='rtl'] .uk-language-switcher-wrap-v14{right:auto;left:max(18px,calc((100vw - 1180px)/2))}
.uk-dayfinder-shell[dir='rtl'] .uk-language-option,
.uk-dayfinder-shell[dir='rtl'] .uk-suggestion-item{text-align:right}
.uk-dayfinder-shell[dir='rtl'] .uk-suggestion-arrow{transform:rotate(180deg)}
@media(max-width:900px){
  .uk-dayfinder-shell[dir='rtl'] .uk-language-switcher-wrap-v14{left:12px;right:auto}
}


/* ============================================================================
   [DAYFINDER-CSS-17] VERSION 15.0 — RTL RESULT PROTECTION + FIXED LANGUAGE UI
   These rules are intentionally isolated so the existing visual system remains
   intact while preventing Urdu/RTL content from colliding with the celebration
   flag and keeping the language control visible at the top of the viewport.
   ============================================================================ */

/* Keep the language selector visible immediately on page load, without waiting
   for the user to scroll. It sits to the right in LTR and remains visually
   independent from the site header. */
.uk-dayfinder-shell .uk-language-switcher-wrap-v14{
  position:fixed !important;
  top:14px !important;
  right:max(22px,calc((100vw - 1240px)/2)) !important;
  left:auto !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  pointer-events:none;
  z-index:100000;
}
.uk-dayfinder-shell .uk-language-switcher-v14{
  pointer-events:auto;
}

/* Make the dropdown stay inside the viewport and never push/cover the page
   layout. */
.uk-dayfinder-shell .uk-language-menu-wide{
  top:calc(100% + 8px) !important;
  right:0 !important;
  left:auto !important;
  width:318px !important;
  max-width:calc(100vw - 24px) !important;
  max-height:min(72vh,620px) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

/* Result card: reserve a real visual column for the celebration artwork. */
.uk-dayfinder-shell .uk-feature-inner{
  position:relative;
}
.uk-dayfinder-shell .uk-main-answer{
  width:55%;
  max-width:55%;
  min-width:0;
  position:relative;
  z-index:4;
}
.uk-dayfinder-shell .uk-date,
.uk-dayfinder-shell .uk-day,
.uk-dayfinder-shell .uk-urdu{
  overflow-wrap:normal;
  word-break:normal;
  max-width:100%;
}
.uk-dayfinder-shell .uk-date{
  white-space:normal;
}

/* LTR celebration area remains on the right. */
.uk-dayfinder-shell[dir='ltr'] .uk-celebration{
  right:0;
  left:auto;
  width:43%;
  z-index:2;
}
.uk-dayfinder-shell[dir='ltr'] .uk-flag-scene{
  right:3%;
  left:auto;
  width:min(430px,92%);
}
.uk-dayfinder-shell[dir='ltr'] .uk-celebration-copy{
  right:6%;
  left:auto;
  max-width:90%;
}

/* RTL: keep the Pakistan flag on the same visual RIGHT side. The copy is
   independently constrained so Urdu Nastaleeq cannot overlap the flag/date. */
.uk-dayfinder-shell[dir='rtl'] .uk-main-answer{
  width:55%;
  max-width:55%;
  margin-right:0;
  margin-left:auto;
  text-align:right;
}
.uk-dayfinder-shell[dir='rtl'] .uk-day-row{
  justify-content:space-between;
  align-items:flex-end;
  direction:rtl;
}
.uk-dayfinder-shell[dir='rtl'] .uk-day{
  font-family:'Jameel Noori Nastaleeq Regular',serif !important;
  font-size:clamp(48px,6vw,72px);
  line-height:1.25;
  white-space:nowrap;
}
.uk-dayfinder-shell[dir='rtl'] .uk-date{
  font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif !important;
  font-variant-numeric:tabular-nums;
  direction:ltr;
  unicode-bidi:plaintext;
  text-align:right;
  font-size:clamp(24px,3.3vw,37px);
}
.uk-dayfinder-shell[dir='rtl'] .uk-urdu{
  font-family:'Jameel Noori Nastaleeq Regular',serif !important;
  font-size:31px;
  line-height:1.55;
}
.uk-dayfinder-shell[dir='rtl'] .uk-celebration{
  right:0;
  left:auto;
  width:43%;
  z-index:2;
}
.uk-dayfinder-shell[dir='rtl'] .uk-flag-scene{
  right:3%;
  left:auto;
  width:min(430px,92%);
}
.uk-dayfinder-shell[dir='rtl'] .uk-celebration-copy{
  right:5%;
  left:auto;
  max-width:84%;
  text-align:right;
  direction:rtl;
  z-index:5;
}
.uk-dayfinder-shell[dir='rtl'] .uk-celebration-copy h2{
  font-family:'Jameel Noori Nastaleeq Regular',serif !important;
  font-size:36px;
  line-height:1.45;
  margin:4px 0 0;
  white-space:nowrap;
}
.uk-dayfinder-shell[dir='rtl'] .uk-celebration-copy p{
  font-family:'Jameel Noori Nastaleeq Regular',serif !important;
  font-size:19px;
  line-height:1.7;
}
.uk-dayfinder-shell[dir='rtl'] .uk-celebration-small{
  font-family:'Jameel Noori Nastaleeq Regular',serif !important;
  font-size:15px;
  letter-spacing:0;
  line-height:1.7;
}

/* Keep the UKHALID strip in a stable seven-column order even when the page is
   RTL. The labels themselves can be translated, but the logical UKHALID order
   stays U-K-H-A-L-I-D. */
.uk-dayfinder-shell[dir='rtl'] #weekdayStrip{
  direction:ltr;
}
.uk-dayfinder-shell[dir='rtl'] #weekdayStrip .uk-week-name{
  direction:rtl;
  text-align:center;
  font-family:'Jameel Noori Nastaleeq Regular',serif !important;
  font-size:15px;
}

/* Improve readability of the lighter supporting text without changing the
   established heading scale. */
.uk-dayfinder-shell .uk-note,
.uk-dayfinder-shell .uk-history-note,
.uk-dayfinder-shell .uk-dispute-note,
.uk-dayfinder-shell .uk-event p,
.uk-dayfinder-shell .uk-event-source,
.uk-dayfinder-shell .uk-source-link,
.uk-dayfinder-shell .uk-panel-hint{
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.65;
}

/* On narrow screens the artwork becomes a compact top block and the answer
   takes the full width, preventing any possible collision. */
@media(max-width:850px){
  .uk-dayfinder-shell .uk-language-switcher-wrap-v14{
    top:10px !important;
    right:12px !important;
  }
  .uk-dayfinder-shell[dir='rtl'] .uk-language-switcher-wrap-v14{
    left:auto !important;
    right:12px !important;
  }
  .uk-dayfinder-shell .uk-main-answer,
  .uk-dayfinder-shell[dir='rtl'] .uk-main-answer{
    width:100%;
    max-width:100%;
  }
  .uk-dayfinder-shell .uk-celebration,
  .uk-dayfinder-shell[dir='rtl'] .uk-celebration{
    position:relative;
    right:auto;
    left:auto;
    width:100%;
    height:250px;
    margin-top:12px;
    opacity:1;
  }
  .uk-dayfinder-shell .uk-flag-scene,
  .uk-dayfinder-shell[dir='rtl'] .uk-flag-scene{
    right:2%;
    left:auto;
    width:62%;
    top:0;
  }
  .uk-dayfinder-shell .uk-celebration-copy,
  .uk-dayfinder-shell[dir='rtl'] .uk-celebration-copy{
    right:4%;
    left:auto;
    bottom:3%;
    max-width:65%;
  }
  .uk-dayfinder-shell[dir='rtl'] .uk-day{
    font-size:clamp(44px,12vw,68px);
  }
}

@media(max-width:600px){
  .uk-dayfinder-shell .uk-language-switcher-v14{width:190px}
  .uk-dayfinder-shell .uk-language-menu-wide{width:min(318px,calc(100vw - 24px)) !important}
  .uk-dayfinder-shell .uk-feature-inner{padding:23px 18px}
  .uk-dayfinder-shell .uk-celebration,
  .uk-dayfinder-shell[dir='rtl'] .uk-celebration{height:220px}
  .uk-dayfinder-shell .uk-note,
  .uk-dayfinder-shell .uk-history-note,
  .uk-dayfinder-shell .uk-dispute-note,
  .uk-dayfinder-shell .uk-event p,
  .uk-dayfinder-shell .uk-event-source,
  .uk-dayfinder-shell .uk-source-link,
  .uk-dayfinder-shell .uk-panel-hint{font-size:15px}
}


/* ============================================================================
   [DAYFINDER-LANG-V16] Premium language tab refinement
   Only the language selector is changed here.
   ============================================================================ */
.uk-dayfinder-shell .uk-language-switcher-wrap-v14{
  position:fixed;
  top:18px;
  right:24px;
  left:auto;
  width:auto;
  margin:0;
  padding:0;
  z-index:10000;
}

.uk-dayfinder-shell .uk-language-switcher-v14{
  width:218px;
}

.uk-dayfinder-shell .uk-language-toggle{
  min-height:58px;
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:18px;
  padding:0 17px;
  background:linear-gradient(135deg,rgba(10,28,43,.98),rgba(14,38,54,.98));
  border:1px solid rgba(216,180,106,.72);
  color:#f4f5f7;
  box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
}

.uk-dayfinder-shell .uk-language-toggle:hover{
  transform:translateY(-1px);
  border-color:rgba(216,180,106,.95);
  box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10);
}

.uk-dayfinder-shell .uk-language-current-flag{
  width:32px;
  min-width:32px;
  height:32px;
  display:grid;
  place-items:center;
  font-size:20px;
  line-height:1;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(216,180,106,.25);
}

.uk-dayfinder-shell .uk-language-toggle #languageCurrent{
  flex:1;
  text-align:left;
  font-size:15px;
  font-weight:800;
  letter-spacing:.01em;
}

.uk-dayfinder-shell .uk-language-chevron{
  margin-left:auto;
  font-size:17px;
  line-height:1;
  color:#e0bd72;
}

.uk-dayfinder-shell .uk-language-menu-wide{
  right:0;
  left:auto;
  top:calc(100% + 9px);
  width:318px;
  max-width:calc(100vw - 24px);
  max-height:min(72vh,600px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(216,180,106,.65) rgba(255,255,255,.04);
}

@media(max-width:600px){
  .uk-dayfinder-shell .uk-language-switcher-wrap-v14{
    top:10px;
    right:12px;
  }
  .uk-dayfinder-shell .uk-language-switcher-v14{
    width:190px;
  }
  .uk-dayfinder-shell .uk-language-toggle{
    min-height:52px;
    border-radius:16px;
  }
  .uk-dayfinder-shell .uk-language-current-flag{
    width:29px;
    min-width:29px;
    height:29px;
    font-size:18px;
  }
}


/* ============================================================================
   [DAYFINDER-CSS-18] SEARCH + LANGUAGE — PERMANENT PARALLEL CONTROL
   Language selector stays visible in the hero search row instead of appearing
   only after scrolling. Desktop: one line. Small screens: controlled wrap.
   ============================================================================ */
.uk-dayfinder-shell .uk-search-language-row{
  width:min(980px,calc(100% - 34px));
  margin:24px auto 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 174px;
  align-items:stretch;
  gap:14px;
  position:relative;
  z-index:120;
}

.uk-dayfinder-shell .uk-search-language-row .uk-search{
  width:100%;
  margin:0;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-wrap{
  width:174px;
  margin:0;
  padding:0;
  display:block;
  position:sticky;
  top:14px;
  align-self:start;
  z-index:1200;
  pointer-events:auto;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-switcher{
  width:174px;
  position:relative;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-toggle{
  min-height:64px;
  border-radius:16px;
  padding:0 15px;
  font-size:14px;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-toggle #languageCurrent{
  font-size:14px;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-globe{
  width:30px;
  height:30px;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide{
  top:calc(100% + 9px);
  right:0;
  width:clamp(300px,34vw,390px);
  max-height:min(70vh,560px);
  overflow-y:auto;
  overscroll-behavior:contain;
}

/* Remove the old negative-margin/sticky behavior from the former top control. */
.uk-dayfinder-shell .uk-language-switcher-wrap{
  min-height:0;
  margin-bottom:0;
}

@media(max-width:760px){
  .uk-dayfinder-shell .uk-search-language-row{
    grid-template-columns:minmax(0,1fr) 154px;
    gap:10px;
    width:calc(100% - 22px);
  }
  .uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-wrap,
  .uk-dayfinder-shell .uk-search-language-row .uk-language-switcher{
    width:154px;
  }
  .uk-dayfinder-shell .uk-search-language-row .uk-language-toggle{
    min-height:58px;
    padding:0 12px;
  }
}

@media(max-width:600px){
  .uk-dayfinder-shell .uk-search-language-row{
    grid-template-columns:1fr;
  }
  .uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-wrap,
  .uk-dayfinder-shell .uk-search-language-row .uk-language-switcher{
    width:100%;
  }
  .uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-wrap{
    position:relative;
    top:auto;
  }
  .uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide{
    width:100%;
    max-height:min(65vh,500px);
  }
}


/* ============================================================================
   [DAYFINDER-CSS-19] FINAL SEARCH + LANGUAGE ALIGNMENT FIX
   The language selector belongs to the same hero row as the date search.
   It must NOT be fixed to the viewport, must NOT float above the hero,
   and must remain visible on initial page load.
   ============================================================================ */
.uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-wrap-v14{
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  width:174px !important;
  margin:0 !important;
  padding:0 !important;
  align-self:stretch !important;
  z-index:1200 !important;
  pointer-events:auto !important;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-v14{
  position:relative !important;
  width:174px !important;
  height:100%;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-toggle{
  width:100%;
  height:100%;
  min-height:64px;
  box-sizing:border-box;
}

.uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide{
  position:absolute !important;
  top:calc(100% + 9px) !important;
  right:0 !important;
  left:auto !important;
  z-index:100000 !important;
}

/* Keep the selector on the same line on normal desktop/tablet widths. */
@media (min-width:761px){
  .uk-dayfinder-shell .uk-search-language-row{
    grid-template-columns:minmax(0,1fr) 174px !important;
    align-items:stretch !important;
  }
}

/* Tablet: still parallel, but slightly narrower. */
@media (min-width:601px) and (max-width:760px){
  .uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-wrap-v14,
  .uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-v14{
    width:154px !important;
  }
}

/* Phone: stack only when there is genuinely not enough horizontal space. */
@media (max-width:600px){
  .uk-dayfinder-shell .uk-search-language-row{
    grid-template-columns:1fr !important;
  }

  .uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-wrap-v14{
    position:relative !important;
    width:100% !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
  }

  .uk-dayfinder-shell .uk-search-language-row .uk-language-switcher-v14{
    width:100% !important;
  }

  .uk-dayfinder-shell .uk-search-language-row .uk-language-menu-wide{
    width:100% !important;
    max-width:100%;
  }
}

/* ============================================================================
   [DAYFINDER-CSS-21] LANGUAGE DROPDOWN — STACKING CONTEXT FIX
   The language panel must render ABOVE the result/calendar section. The
   previous rules raised the dropdown itself, but the entire hero stacking
   context remained below the result section, allowing the calendar to paint
   through the dropdown. Open-state class is applied by app.js.
   ============================================================================ */
.uk-dayfinder-shell .uk-hero.uk-language-open{
  position:relative !important;
  z-index:5000 !important;
}

.uk-dayfinder-shell .uk-search-language-row.uk-language-open{
  position:relative !important;
  z-index:6000 !important;
}

.uk-dayfinder-shell .uk-search-language-row.uk-language-open .uk-language-menu-wide{
  position:absolute !important;
  z-index:7000 !important;
  background:#071522 !important;
  background-image:linear-gradient(180deg,#0b1d2d 0%,#071522 100%) !important;
  opacity:1 !important;
  isolation:isolate;
  mix-blend-mode:normal !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 24px 70px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.035),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.uk-dayfinder-shell .uk-search-language-row.uk-language-open .uk-language-menu-wide::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:#071522;
  opacity:1;
  pointer-events:none;
}

.uk-dayfinder-shell .uk-search-language-row.uk-language-open .uk-language-option{
  position:relative;
  z-index:1;
  background:#0a1b2a !important;
  color:#dbe5ef !important;
}

.uk-dayfinder-shell .uk-search-language-row.uk-language-open .uk-language-option:hover,
.uk-dayfinder-shell .uk-search-language-row.uk-language-open .uk-language-option.is-active{
  background:#10283b !important;
  color:#fff !important;
}


/* ============================================================================
   [DAYFINDER-CSS-22] PREMIUM VISUAL FINISH
   DayFinder-only enhancement. No shared site components are changed.
   ============================================================================ */
.uk-dayfinder-shell{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.uk-dayfinder-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 8%,rgba(216,180,106,.075),transparent 24%),
    radial-gradient(circle at 8% 45%,rgba(61,187,109,.055),transparent 23%),
    radial-gradient(circle at 92% 58%,rgba(216,180,106,.05),transparent 24%);
}

.uk-dayfinder-shell::after{
  content:"";
  position:absolute;
  top:-25%;
  left:-20%;
  width:140%;
  height:36%;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.025) 48%,rgba(216,180,106,.055) 50%,rgba(255,255,255,.02) 52%,transparent 80%);
  transform:rotate(-3deg);
  animation:ukDayFinderAmbientSweep 13s ease-in-out infinite;
}

.uk-dayfinder-shell .uk-hero{
  position:relative;
  padding:64px 24px 34px;
  border:1px solid rgba(216,180,106,.12);
  border-radius:34px;
  background:
    linear-gradient(180deg,rgba(13,27,43,.72),rgba(7,16,27,.40));
  box-shadow:
    0 34px 100px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.uk-dayfinder-shell .uk-hero::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(255,255,255,.035);
  border-radius:27px;
  pointer-events:none;
}

.uk-dayfinder-shell .uk-kicker{
  text-shadow:0 0 18px rgba(216,180,106,.18);
}

.uk-dayfinder-shell .uk-hero h1{
  text-shadow:0 10px 34px rgba(0,0,0,.35),0 0 24px rgba(216,180,106,.08);
}

.uk-dayfinder-shell .uk-search{
  box-shadow:
    0 20px 55px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.055),
    0 0 0 1px rgba(216,180,106,.035);
}

.uk-dayfinder-shell .uk-search:focus-within{
  border-color:rgba(216,180,106,.52);
  box-shadow:
    0 22px 60px rgba(0,0,0,.34),
    0 0 0 4px rgba(216,180,106,.07),
    0 0 28px rgba(216,180,106,.10);
}

.uk-dayfinder-shell .uk-chip{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.uk-dayfinder-shell .uk-feature,
.uk-dayfinder-shell .uk-calendar-grid,
.uk-dayfinder-shell .uk-card{
  box-shadow:
    0 24px 70px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.035);
}

@keyframes ukDayFinderAmbientSweep{
  0%,100%{transform:translateX(-8%) rotate(-3deg);opacity:.25}
  50%{transform:translateX(8%) rotate(-3deg);opacity:.7}
}

@media(max-width:850px){
  .uk-dayfinder-shell .uk-hero{
    padding:52px 18px 30px;
    border-radius:28px;
  }
}

@media(max-width:600px){
  .uk-dayfinder-shell .uk-hero{
    width:calc(100% - 18px);
    padding:42px 14px 26px;
    border-radius:24px;
  }

  .uk-dayfinder-shell .uk-hero::before{
    inset:7px;
    border-radius:18px;
  }
}

@media(prefers-reduced-motion:reduce){
  .uk-dayfinder-shell::after{animation:none}
}


/* Keep all large content areas inside the actual viewport width. */
.uk-dayfinder-shell,
.uk-dayfinder-shell .uk-result,
.uk-dayfinder-shell .uk-calendar-explorer,
.uk-dayfinder-shell .uk-calendar-grid,
.uk-dayfinder-shell .uk-information-grid,
.uk-dayfinder-shell .uk-card,
.uk-dayfinder-shell .uk-calendar-card{
  min-width:0;
}

/* Calendar cells: the date and UKHALID letter always have separate space. */
.uk-dayfinder-shell .uk-cal-day{
  overflow:hidden;
}
.uk-dayfinder-shell .uk-cal-day strong{
  min-width:0;
  padding-right:28px;
  line-height:1.05;
  white-space:nowrap;
}
.uk-dayfinder-shell .uk-cal-day .uk-cal-letter{
  z-index:2;
  pointer-events:none;
}
.uk-dayfinder-shell .uk-cal-day small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* The three result calendars must never inherit a cramped two-column layout. */
@media (max-width:850px){
  .uk-dayfinder-shell .uk-calendar-cards{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:700px){
  .uk-dayfinder-shell{
    min-height:100vh;
  }

  .uk-dayfinder-shell .uk-hero,
  .uk-dayfinder-shell .uk-result,
  .uk-dayfinder-shell .uk-footer,
  .uk-dayfinder-shell .uk-calendar-explorer{
    width:calc(100% - 18px) !important;
  }

  .uk-dayfinder-shell .uk-hero{
    margin-top:8px;
    padding:34px 14px 22px;
    border-radius:22px;
  }

  .uk-dayfinder-shell .uk-kicker{
    font-size:10px;
    letter-spacing:.14em;
    line-height:1.5;
  }

  .uk-dayfinder-shell .uk-hero h1{
    font-size:clamp(34px,10vw,48px);
    line-height:1.08;
  }

  .uk-dayfinder-shell .uk-hero > p{
    font-size:15px;
    line-height:1.65;
    max-width:34rem;
  }

  .uk-dayfinder-shell .uk-search-language-row{
    width:100% !important;
    margin-top:18px;
    gap:10px;
  }

  .uk-dayfinder-shell .uk-search{
    min-width:0;
  }

  .uk-dayfinder-shell .uk-search input{
    min-width:0;
    font-size:16px !important;
  }

  .uk-dayfinder-shell .uk-search button{
    min-height:52px;
    font-size:16px !important;
  }

  .uk-dayfinder-shell .uk-feature{
    border-radius:24px;
  }

  .uk-dayfinder-shell .uk-feature-inner{
    padding:22px 16px 18px !important;
  }

  .uk-dayfinder-shell .uk-main-answer{
    width:100% !important;
    max-width:none !important;
  }

  .uk-dayfinder-shell .uk-eyebrow{
    font-size:10px;
    letter-spacing:.16em;
  }

  .uk-dayfinder-shell .uk-date{
    font-size:clamp(27px,8vw,38px) !important;
    line-height:1.15;
    overflow-wrap:anywhere;
  }

  .uk-dayfinder-shell .uk-day-row{
    align-items:flex-start !important;
    gap:14px;
    flex-direction:column;
  }

  .uk-dayfinder-shell .uk-day{
    font-size:clamp(58px,17vw,78px) !important;
    line-height:.95;
  }

  .uk-dayfinder-shell .uk-urdu{
    font-size:31px !important;
    line-height:1.45;
    min-height:38px;
  }

  .uk-dayfinder-shell .uk-answer-badge{
    width:auto !important;
    min-width:118px;
    height:54px !important;
    flex:0 0 auto !important;
    flex-direction:row;
    gap:9px;
    padding:0 14px;
    border-radius:16px;
  }

  .uk-dayfinder-shell .uk-answer-badge strong{
    margin-top:0;
    font-size:25px !important;
  }

  .uk-dayfinder-shell .uk-celebration{
    display:none !important;
  }

  .uk-dayfinder-shell .uk-weekbar{
    grid-template-columns:repeat(7,minmax(38px,1fr));
    gap:5px;
    overflow-x:auto;
    padding:5px 2px 8px;
    scrollbar-width:none;
  }
  .uk-dayfinder-shell .uk-weekbar::-webkit-scrollbar{display:none}
  .uk-dayfinder-shell .uk-week-ball{
    width:42px;
    height:42px;
    font-size:14px;
  }
  .uk-dayfinder-shell .uk-week-name{
    font-size:9px;
    white-space:nowrap;
  }

  .uk-dayfinder-shell .uk-calendar-grid{
    padding:16px 12px;
    border-radius:20px;
  }
  .uk-dayfinder-shell .uk-calendar-grid-heading{
    font-size:10px;
    line-height:1.5;
  }
  .uk-dayfinder-shell .uk-calendar-cards{
    gap:12px;
  }
  .uk-dayfinder-shell .uk-calendar-card{
    padding:16px;
    border-radius:16px;
  }
  .uk-dayfinder-shell .uk-calendar-card h2{
    font-size:21px !important;
    line-height:1.25;
  }
  .uk-dayfinder-shell .uk-calendar-date{
    font-size:clamp(24px,7vw,32px) !important;
    line-height:1.25;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .uk-dayfinder-shell .uk-calendar-card .uk-meta-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
    align-items:start;
    gap:10px;
    font-size:14px !important;
  }
  .uk-dayfinder-shell .uk-calendar-card .uk-meta-row b{
    min-width:0;
    text-align:right !important;
    overflow-wrap:anywhere;
  }

  /* Explorer itself: every mobile control gets its own breathing room. */
  .uk-dayfinder-shell .uk-calendar-explorer{
    padding:14px 10px !important;
    border-radius:20px;
  }
  .uk-dayfinder-shell .uk-explorer-layout{
    gap:12px;
  }
  .uk-dayfinder-shell .uk-sidebar-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    overflow:visible;
  }
  .uk-dayfinder-shell .uk-sidebar-tab{
    min-width:0;
    white-space:normal;
    font-size:10px !important;
    line-height:1.2;
  }
  .uk-dayfinder-shell .uk-sidebar-panel{
    padding:14px 10px;
    border-radius:16px;
  }
  .uk-dayfinder-shell .uk-panel-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  .uk-dayfinder-shell .uk-panel-heading h3{
    font-size:23px;
  }
  .uk-dayfinder-shell .uk-control-row{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .uk-dayfinder-shell .uk-control-row .uk-explorer-field,
  .uk-dayfinder-shell .uk-control-row .uk-explorer-go{
    width:100%;
  }
  .uk-dayfinder-shell .uk-view-quick{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .uk-dayfinder-shell .uk-explorer-toolbar{
    display:grid;
    grid-template-columns:1fr 1.4fr 1fr;
    gap:8px;
  }
  .uk-dayfinder-shell .uk-explorer-arrow,
  .uk-dayfinder-shell .uk-explorer-go{
    min-height:48px;
  }
  .uk-dayfinder-shell .uk-calendar-month-panel,
  .uk-dayfinder-shell .uk-calendar-year-panel{
    padding:12px 8px;
    border-radius:16px;
  }
  .uk-dayfinder-shell .uk-calendar-month-title h3{
    font-size:24px !important;
    line-height:1.15;
  }
  .uk-dayfinder-shell .uk-calendar-month-title span{
    font-size:11px;
    line-height:1.45;
  }
  .uk-dayfinder-shell .uk-calendar-week-head,
  .uk-dayfinder-shell .uk-calendar-month-grid{
    gap:4px !important;
  }
  .uk-dayfinder-shell .uk-calendar-week-head span{
    font-size:9px !important;
    letter-spacing:0 !important;
  }
  .uk-dayfinder-shell .uk-cal-empty{
    min-height:68px;
  }
  .uk-dayfinder-shell .uk-cal-day{
    min-height:72px !important;
    padding:7px 6px !important;
    border-radius:10px;
  }
  .uk-dayfinder-shell .uk-cal-day strong{
    padding-right:24px;
    font-size:17px !important;
  }
  .uk-dayfinder-shell .uk-cal-day .uk-cal-letter{
    width:20px !important;
    height:20px !important;
    top:6px !important;
    right:5px !important;
    font-size:9px !important;
  }
  .uk-dayfinder-shell .uk-cal-day small{
    margin-top:13px !important;
    font-size:8px !important;
    line-height:1.2;
  }
  .uk-dayfinder-shell .uk-calendar-year-grid{
    grid-template-columns:1fr !important;
  }
  .uk-dayfinder-shell .uk-mini-month{
    padding:10px;
  }
  .uk-dayfinder-shell .uk-year-day{
    min-height:30px;
    font-size:11px !important;
  }
  .uk-dayfinder-shell .uk-year-day em{
    font-size:8px !important;
  }
  .uk-dayfinder-shell .uk-explorer-note{
    font-size:12px !important;
    line-height:1.65;
  }

  .uk-dayfinder-shell .uk-information-grid{
    gap:12px;
  }
  .uk-dayfinder-shell .uk-card{
    padding:17px 14px;
    border-radius:18px;
  }
  .uk-dayfinder-shell .uk-card h2{
    font-size:26px !important;
    line-height:1.2;
  }
  .uk-dayfinder-shell .uk-history-grid,
  .uk-dayfinder-shell .uk-sources-grid{
    grid-template-columns:1fr !important;
  }
  .uk-dayfinder-shell .uk-event,
  .uk-dayfinder-shell .uk-source-link{
    min-width:0;
  }
}

/* Very narrow phones. Preserve seven calendar columns without allowing overlap. */
@media (max-width:390px){
  .uk-dayfinder-shell .uk-hero,
  .uk-dayfinder-shell .uk-result,
  .uk-dayfinder-shell .uk-footer,
  .uk-dayfinder-shell .uk-calendar-explorer{
    width:calc(100% - 12px) !important;
  }
  .uk-dayfinder-shell .uk-feature-inner{padding:18px 12px 16px !important}
  .uk-dayfinder-shell .uk-calendar-grid{padding:14px 8px}
  .uk-dayfinder-shell .uk-calendar-month-panel{padding:9px 5px}
  .uk-dayfinder-shell .uk-calendar-week-head,
  .uk-dayfinder-shell .uk-calendar-month-grid{gap:2px !important}
  .uk-dayfinder-shell .uk-calendar-week-head span{font-size:8px !important}
  .uk-dayfinder-shell .uk-cal-day{
    min-height:64px !important;
    padding:6px 4px !important;
  }
  .uk-dayfinder-shell .uk-cal-day strong{
    padding-right:20px;
    font-size:15px !important;
  }
  .uk-dayfinder-shell .uk-cal-day .uk-cal-letter{
    width:18px !important;
    height:18px !important;
    top:5px !important;
    right:4px !important;
    font-size:8px !important;
  }
  .uk-dayfinder-shell .uk-cal-day small{
    margin-top:11px !important;
    font-size:7px !important;
  }
  .uk-dayfinder-shell .uk-weekbar{grid-template-columns:repeat(7,minmax(36px,1fr))}
  .uk-dayfinder-shell .uk-week-ball{width:38px;height:38px}
}

@media (prefers-reduced-motion:reduce){
  .ukmb-dayfinder-nav-pulse{animation:none !important}
}

/* ============================================================================
   [DAYFINDER-CSS-24] V17 — UK DAYFINDER HEADER BUTTON / MOBILE + DESKTOP
   --------------------------------------------------------------------------
   The DayFinder header entry must use ONE visual treatment at every viewport:
   - permanent deep-red premium pill (same red as the desktop hover state)
   - fully rounded pill shape; never square/cornered on mobile
   - continuous highlight motion, using the same animation on desktop/mobile
   - subtle depth/glow without changing the shared header layout
   ============================================================================ */
.ukmb-dayfinder-nav-pulse{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:44px !important;
  min-width:166px !important;
  padding:0 20px !important;
  border:1px solid rgba(255,220,184,.72) !important;
  border-radius:999px !important;
  overflow:hidden !important;
  isolation:isolate;
  background:linear-gradient(135deg,#64151e 0%,#8a202b 52%,#4a1016 100%) !important;
  color:#fff6ef !important;
  box-shadow:
    0 0 0 1px rgba(116,24,32,.30),
    0 8px 22px rgba(49,5,10,.28),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  filter:brightness(1);
  transform:translateY(0);
  animation:ukDayFinderNavContinuous 4.8s ease-in-out infinite !important;
}

.ukmb-dayfinder-nav-pulse::before{
  content:"" !important;
  position:absolute !important;
  inset:-35% -70% !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(
    105deg,
    transparent 35%,
    rgba(255,255,255,0) 42%,
    rgba(255,225,185,.34) 50%,
    rgba(255,255,255,.08) 56%,
    transparent 65%
  ) !important;
  transform:translateX(-75%) skewX(-14deg) !important;
  animation:ukDayFinderNavShine 4.8s ease-in-out infinite !important;
}

.ukmb-dayfinder-nav-pulse::after{
  content:"" !important;
  position:absolute !important;
  inset:2px !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:999px !important;
  border:1px solid rgba(255,235,205,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.ukmb-dayfinder-nav-pulse > *{
  position:relative !important;
  z-index:2 !important;
}

.ukmb-dayfinder-nav-pulse:hover,
.ukmb-dayfinder-nav-pulse:focus-visible,
.ukmb-dayfinder-nav-pulse:active{
  transform:translateY(-1px) !important;
  background:linear-gradient(135deg,#64151e 0%,#8a202b 52%,#4a1016 100%) !important;
  border-color:rgba(255,220,184,.90) !important;
}

@keyframes ukDayFinderNavContinuous{
  0%,100%{
    box-shadow:
      0 0 0 1px rgba(116,24,32,.30),
      0 8px 22px rgba(49,5,10,.28),
      inset 0 1px 0 rgba(255,255,255,.18);
    filter:brightness(1);
  }
  50%{
    box-shadow:
      0 0 0 2px rgba(154,42,51,.48),
      0 10px 30px rgba(82,10,18,.38),
      0 0 20px rgba(158,37,48,.20),
      inset 0 1px 0 rgba(255,255,255,.22);
    filter:brightness(1.08);
  }
}

@keyframes ukDayFinderNavShine{
  0%,20%{transform:translateX(-75%) skewX(-14deg);opacity:0}
  30%{opacity:1}
  55%{transform:translateX(75%) skewX(-14deg);opacity:1}
  70%,100%{transform:translateX(75%) skewX(-14deg);opacity:0}
}

/* The exact same pill/animation is intentionally retained on small screens. */
@media(max-width:700px){
  .ukmb-dayfinder-nav-pulse{
    min-height:44px !important;
    min-width:166px !important;
    width:auto !important;
    padding:0 19px !important;
    border-radius:999px !important;
  }
}

@media(max-width:390px){
  .ukmb-dayfinder-nav-pulse{
    min-width:158px !important;
    min-height:42px !important;
    padding:0 17px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .ukmb-dayfinder-nav-pulse,
  .ukmb-dayfinder-nav-pulse::before{
    animation:none !important;
  }
}



/* [DAYFINDER-CSS-PUNJABI] Three-calendar alignment — Punjabi Calendar */
.uk-calendar-card-punjabi .uk-card-badge{
    letter-spacing:.04em;
}
.uk-calendar-card-punjabi .uk-calendar-date b{
    white-space:normal;
    overflow-wrap:anywhere;
}
@media (max-width: 700px){
    .uk-calendar-card-punjabi .uk-calendar-date{
        min-height:4.25rem;
    }
    .uk-calendar-card-punjabi .uk-calendar-date b{
        font-size:clamp(1rem, 4.2vw, 1.35rem);
        line-height:1.35;
    }
}

/* ============================================================================
   [DAYFINDER-CSS-27] MOBILE CALENDAR MENU + AGE PICKER FINAL CONTRAST
   Scoped to DayFinder. The mobile menu must never fall back to browser-black
   text, and the Age Calculator uses a controlled calendar so both manual
   entry and a full month grid remain available on every phone.
   ============================================================================ */
.uk-dayfinder-shell .uk-mobile-calendar-menu-toggle,
.uk-dayfinder-shell .uk-mobile-calendar-drawer{
  display:none;
}

@media(max-width:700px){
  .uk-dayfinder-shell .uk-explorer-sidebar{display:none !important;}
  .uk-dayfinder-shell .uk-explorer-layout{grid-template-columns:1fr !important;}

  .uk-dayfinder-shell .uk-mobile-calendar-menu-toggle{
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    margin:8px 0 8px;
    padding:0 13px;
    border:1px solid rgba(216,180,106,.45);
    border-radius:12px;
    background:linear-gradient(135deg,#10293a,#0a1d2b);
    color:#f5f7fb !important;
    font-size:14px;
    font-weight:800;
    line-height:1;
    box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07);
  }
  .uk-dayfinder-shell .uk-mobile-calendar-menu-toggle:hover,
  .uk-dayfinder-shell .uk-mobile-calendar-menu-toggle[aria-expanded="true"]{
    color:#fff !important;
    border-color:rgba(216,180,106,.72);
    background:linear-gradient(135deg,#153448,#0b2434);
  }
  .uk-dayfinder-shell .uk-mobile-menu-icon,
  .uk-dayfinder-shell .uk-mobile-menu-chevron{
    color:#f3d99d !important;
    flex:0 0 auto;
  }
  .uk-dayfinder-shell .uk-mobile-menu-chevron{margin-left:auto;font-size:17px}

  .uk-dayfinder-shell .uk-mobile-calendar-drawer{
    position:relative;
    width:100%;
    margin:0 0 12px;
    padding:10px;
    border:1px solid #273c53;
    border-radius:16px;
    background:linear-gradient(180deg,#0b1d2c,#071522);
    box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
  }
  .uk-dayfinder-shell .uk-mobile-calendar-drawer[hidden]{display:none !important}
  .uk-dayfinder-shell .uk-mobile-calendar-drawer.is-open{display:block}
  .uk-dayfinder-shell .uk-mobile-calendar-drawer-head{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:4px 3px 10px;border-bottom:1px solid rgba(255,255,255,.07);
  }
  .uk-dayfinder-shell .uk-mobile-calendar-drawer-head .uk-eyebrow{
    display:block;color:#9fb1c5 !important;font-size:10px;letter-spacing:.16em;font-weight:900;
  }
  .uk-dayfinder-shell .uk-mobile-calendar-drawer-head strong{
    display:block;color:#f5f7fb !important;font-size:15px;margin-top:3px;
  }
  .uk-dayfinder-shell .uk-mobile-calendar-menu-close{
    width:32px;height:32px;padding:0;border-radius:9px;
    border:1px solid #273c53;background:#0b1d2c;color:#f3d99d !important;
    font-size:20px;line-height:1;
  }
  .uk-dayfinder-shell .uk-mobile-calendar-drawer-nav{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:9px;
  }
  .uk-dayfinder-shell .uk-mobile-calendar-tab{
    min-height:58px;border:1px solid transparent;border-radius:11px;
    background:#081a2a;color:#dbe5ef !important;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    padding:7px 4px;font-size:10px;font-weight:800;line-height:1.1;
  }
  .uk-dayfinder-shell .uk-mobile-calendar-tab > span:first-child{
    color:#d8b46a !important;background:#0e2638;border-radius:7px;
    min-width:23px;min-height:20px;display:grid;place-items:center;font-size:9px;
  }
  .uk-dayfinder-shell .uk-mobile-calendar-tab.is-active{
    color:#fff !important;background:linear-gradient(90deg,rgba(10,132,121,.34),rgba(10,132,121,.10));
    border-color:rgba(10,166,146,.55);
  }
  .uk-dayfinder-shell .uk-mobile-calendar-tab.is-active > span:first-child{
    background:#00bd7b;color:#04141c !important;box-shadow:0 0 14px rgba(0,189,123,.25);
  }
}

/* Explorer headings and labels: hard-lock readable colors against the navy surface. */
.uk-dayfinder-shell .uk-calendar-explorer .uk-explorer-header h2,
.uk-dayfinder-shell .uk-calendar-explorer .uk-panel-heading h3,
.uk-dayfinder-shell .uk-calendar-explorer .uk-explorer-field span,
.uk-dayfinder-shell .uk-calendar-explorer .uk-panel-hint,
.uk-dayfinder-shell .uk-calendar-explorer .uk-explorer-note{
  color:var(--uk-text) !important;
}
.uk-dayfinder-shell .uk-calendar-explorer .uk-explorer-header p,
.uk-dayfinder-shell .uk-calendar-explorer .uk-sidebar-footer{
  color:var(--uk-muted) !important;
}

/* Age date fields: text remains manually editable; icon opens the full custom calendar. */
.uk-dayfinder-shell .uk-age-date-control{position:relative;width:100%;}
.uk-dayfinder-shell .uk-age-date-control input{
  width:100%;padding-right:52px !important;
}
.uk-dayfinder-shell .uk-age-calendar-button{
  position:absolute;right:7px;top:50%;transform:translateY(-50%);
  width:38px;height:38px;border:1px solid rgba(216,180,106,.35);border-radius:9px;
  background:#0b1d2c;color:transparent !important;display:grid;place-items:center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f3d99d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='17' rx='2.5'/%3E%3Cpath d='M7 2.8v4M17 2.8v4M3 9h18'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:18px 18px;
  font-size:0;font-weight:900;cursor:pointer;z-index:2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.uk-dayfinder-shell .uk-age-calendar-button:hover,
.uk-dayfinder-shell .uk-age-calendar-button:focus-visible{
  color:transparent !important;border-color:rgba(216,180,106,.8);background-color:#10283b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='17' rx='2.5'/%3E%3Cpath d='M7 2.8v4M17 2.8v4M3 9h18'/%3E%3C/svg%3E");
  outline:none;box-shadow:0 0 0 3px rgba(216,180,106,.08);
}
.uk-age-date-picker{
  z-index:2147483000;width:min(320px,calc(100vw - 16px));
  padding:11px;border:1px solid rgba(216,180,106,.35);border-radius:16px;
  background:linear-gradient(180deg,#0c2030,#071522);color:#f5f7fb;
  box-shadow:0 24px 70px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.07);
}
.uk-age-picker-head{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:7px;margin-bottom:9px;}
.uk-age-picker-head strong{text-align:center;font-size:14px;color:#f3d99d;}
.uk-age-picker-nav,.uk-age-picker-today{
  border:1px solid #273c53;border-radius:9px;background:#0a1b2a;color:#f3d99d;
  min-height:34px;font-weight:900;cursor:pointer;
}
.uk-age-picker-week,.uk-age-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;}
.uk-age-picker-week{margin-bottom:4px;}
.uk-age-picker-week span{text-align:center;color:#9fb1c5;font-size:9px;font-weight:900;}
.uk-age-picker-day{
  min-height:34px;border:1px solid transparent;border-radius:8px;background:#091c2b;
  color:#e7edf4;font-size:11px;font-weight:800;cursor:pointer;
}
.uk-age-picker-day:hover{border-color:rgba(216,180,106,.55);background:#10283b;color:#fff;}
.uk-age-picker-day.is-selected{background:rgba(10,166,146,.24);border-color:#00bd7b;color:#fff;}
.uk-age-picker-day:disabled{opacity:.3;cursor:not-allowed;}
.uk-age-picker-empty{min-height:34px;}
.uk-age-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07);}
.uk-age-picker-footer span{color:#9fb1c5;font-size:9px;}
.uk-age-picker-today{padding:5px 10px;min-height:30px;color:#00bd7b;}
@media(max-width:700px){
  .uk-age-date-picker{width:min(320px,calc(100vw - 16px));}
  .uk-age-picker-day{min-height:36px;}
}


/* ============================================================================
   [DAYFINDER-CSS-28] FINAL EXPLORER TYPOGRAPHY + HISTORY WIDTH REFINEMENT
   Preserve Gregorian + Islamic Hijri + Punjabi Calendar and all existing
   functionality. Visual/layout refinement only.
   ============================================================================ */
.uk-dayfinder-shell .uk-calendar-month-title h3,
.uk-dayfinder-shell #calendarPanelTitle,
.uk-dayfinder-shell #monthModalTitle{
  color:var(--uk-gold2) !important;
  font-family:'Playfair Display',Georgia,'Times New Roman',serif !important;
  font-weight:700 !important;
}

/* Use one clean, normal sans-serif numeric face everywhere. */
.uk-dayfinder-shell .uk-numeric,
.uk-dayfinder-shell .uk-numeric strong,
.uk-dayfinder-shell #detailGregorian,
.uk-dayfinder-shell #detailHijri,
.uk-dayfinder-shell #detailPunjabi,
.uk-dayfinder-shell #detailPosition,
.uk-dayfinder-shell #detailLetter,
.uk-dayfinder-shell .uk-cal-day strong,
.uk-dayfinder-shell .uk-cal-day small,
.uk-dayfinder-shell .uk-year-day,
.uk-dayfinder-shell .uk-year-day em,
.uk-dayfinder-shell .uk-event-tag{
  font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif !important;
  font-variant-numeric:tabular-nums;
  font-feature-settings:'tnum' 1, 'lnum' 1;
  font-synthesis:none;
}

/* The historical section uses the full content width, not one half of the
   information grid. Four columns keep eight records compact and balanced. */
.uk-dayfinder-shell .uk-information-grid .uk-history-card{
  grid-column:1 / -1 !important;
  width:100%;
}

.uk-dayfinder-shell .uk-history-card .uk-history-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px;
}

.uk-dayfinder-shell .uk-history-card .uk-event{
  min-width:0;
  padding:15px;
  border-radius:16px;
}

.uk-dayfinder-shell .uk-history-card .uk-event h3{
  font-size:16px;
  line-height:1.3;
  margin:7px 0;
}

.uk-dayfinder-shell .uk-history-card .uk-event p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  margin:0;
}

.uk-dayfinder-shell .uk-history-card .uk-event-source{
  margin-top:8px;
  font-size:11px;
  line-height:1.45;
}

.uk-dayfinder-shell .uk-history-card .uk-event-link{
  margin-top:7px;
}

@media (max-width:1100px){
  .uk-dayfinder-shell .uk-history-card .uk-history-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:850px){
  .uk-dayfinder-shell .uk-history-card .uk-history-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:600px){
  .uk-dayfinder-shell .uk-history-card .uk-history-grid{
    grid-template-columns:1fr !important;
  }
  .uk-dayfinder-shell .uk-history-card .uk-event p{
    -webkit-line-clamp:3;
  }
}


/* ============================================================================
   [DAYFINDER-CSS-29] FINAL AGE CALENDAR + NUMERIC TITLE REFINEMENT
   Requested final visual/interaction polish. Existing calendar systems and
   Punjabi Calendar functionality remain untouched.
   ============================================================================ */
.uk-dayfinder-shell .uk-calendar-month-title h3{
  color:var(--uk-gold) !important;
}

.uk-dayfinder-shell .uk-calendar-month-title h3 .uk-calendar-title-year{
  font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif !important;
  font-variant-numeric:tabular-nums;
  font-feature-settings:'tnum' 1, 'lnum' 1;
  font-synthesis:none;
  color:var(--uk-gold) !important;
  letter-spacing:0;
}

/* The custom Age Calendar is intentionally near-black so it separates cleanly
   from the navy page while keeping all controls and dates readable. */
.uk-age-date-picker{
  background:#030b12 !important;
  border-color:rgba(216,180,106,.42) !important;
  color:#eef3f7 !important;
}
.uk-age-picker-head strong{
  font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif !important;
  color:#d8b46a !important;
  font-variant-numeric:tabular-nums;
}
.uk-age-picker-nav,
.uk-age-picker-today{
  background:#06131e !important;
  color:#d8b46a !important;
}
.uk-age-picker-day{
  background:#06131e !important;
  color:#e7edf4 !important;
}
.uk-age-picker-day:hover{
  background:#0d2231 !important;
  color:#fff !important;
}
.uk-age-picker-footer span{
  color:#8193a4 !important;
}