/* Ezan Vakti 2 v1.11.9 — approved moonlit Kaaba replacement. Strictly scoped to
   shortcode [ezan_vakti_2] and template profile 2. No data/API changes. */
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open){
  --ev2-paper:#fff!important;
  background:#04162c!important;color:#fff!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev2-scene{
  display:block!important;inset:0!important;
  background-image:url('./ev2-kaaba-night.webp')!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:100% 100%!important;
  background-color:#061b35!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev2-scene:before{content:none!important;display:none!important;background:none!important;}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev2-scene:after{
  content:''!important;display:block!important;inset:0!important;
  background:linear-gradient(180deg,rgba(3,14,35,.03),rgba(5,18,42,.07) 45%,rgba(5,14,32,.03) 69%,rgba(3,10,24,.32) 100%)!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev2-topbar{
  min-height:clamp(52px,8svh,70px)!important;padding:6px 7px 0!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev2-location-icon,
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev2-hint{display:none!important;}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev2-topbar strong.ev2-place-name{
  font-size:0!important;line-height:1!important;text-shadow:none!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev2-topbar strong.ev2-place-name:after{
  content:'Ezan Vakti 2';font-size:clamp(15px,4vw,21px)!important;font-weight:400!important;
  line-height:1.3!important;color:#eaf3ff!important;-webkit-text-fill-color:#eaf3ff!important;
  text-shadow:0 2px 9px #021025!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev2-header-icon{
  background:rgba(3,20,45,.29)!important;color:#eff9ff!important;
  border:1px solid rgba(194,224,255,.5)!important;
  box-shadow:none!important;width:clamp(37px,10vw,49px)!important;
  height:clamp(37px,10vw,49px)!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-countdown{
  height:clamp(320px,56svh,565px)!important;min-height:300px!important;
  padding:0 5px 66px!important;margin:0!important;justify-content:flex-start!important;
  background:transparent!important;background-image:none!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-date{
  font-size:clamp(14px,4.1vw,20px)!important;font-weight:680!important;letter-spacing:-.02em!important;
  margin:0 0 7px!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-hijri{
  font-size:clamp(12px,3.4vw,17px)!important;color:#d7e6f8!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-next{
  font:normal clamp(20px,6.2vw,34px)/1.22 Georgia,'Times New Roman',serif!important;
  margin:clamp(36px,9svh,105px) 0 9px!important;letter-spacing:0!important;
  text-shadow:0 2px 9px rgba(0,0,0,.45)!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-clock{
  display:block!important;width:100%!important;
  font-size:clamp(43px,12.4vw,76px)!important;font-weight:360!important;
  font-variant-numeric:tabular-nums!important;letter-spacing:-.036em!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-shadow:0 3px 12px #04142e85!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-target{display:none!important;}
/* Exact requirement: kerahat label and live HH:MM:SS in the same row; visible ONLY during kerahat. */
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-kerahat-countdown:not([hidden]){
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
  position:absolute!important;z-index:4!important;left:50%!important;bottom:160px!important;
  transform:translateX(-50%)!important;gap:clamp(6px,2.2vw,15px)!important;
  width:min(92%,365px)!important;min-width:0!important;max-width:92%!important;
  padding:7px 13px!important;margin:0!important;border-radius:999px!important;
  background:rgba(4,20,43,.86)!important;background-image:none!important;
  border:1px solid rgba(182,212,245,.56)!important;box-shadow:0 4px 12px #06132344!important;
  color:#f9faff!important;backdrop-filter:blur(6px)!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-kerahat-countdown[hidden]{display:none!important;}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-kerahat-title{
  font:700 clamp(12px,3.7vw,17px)/1.2 system-ui,sans-serif!important;
  color:#f5f6ff!important;white-space:nowrap!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-kerahat-clock{
  display:block!important;color:#ffcf79!important;-webkit-text-fill-color:#ffcf79!important;
  font:750 clamp(15px,4.2vw,19px)/1.2 system-ui,sans-serif!important;
  white-space:nowrap!important;font-variant-numeric:tabular-nums!important;letter-spacing:.03em!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-morning-notice:not([hidden]){
  bottom:110px!important;padding:7px 13px!important;min-height:30px!important;
  border-radius:999px!important;border:1px solid #a6cdec77!important;
  background:rgba(31,68,105,.79)!important;
  color:#f2faff!important;box-shadow:0 3px 12px rgba(2,9,29,.25)!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-prayers{
  order:3!important;border:1px solid rgba(180,203,229,.35)!important;
  border-radius:clamp(14px,3vw,23px)!important;
  background:rgba(7,22,42,.89)!important;backdrop-filter:blur(8px)!important;
  box-shadow:0 8px 20px rgba(0,9,28,.28)!important;
  padding:6px 2px!important;min-height:clamp(82px,15svh,100px)!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-prayers>.ev-prayer{
  background:transparent!important;border-color:transparent!important;color:#fff!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-prayers>.ev-prayer:before{
  color:#f6d68a!important;-webkit-text-fill-color:#f6d68a!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools{
  order:5!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(6px,1.7vw,11px)!important;margin:10px 0 14px!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools>button,
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools>button.ev2-tool-qibla,
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools>button.ev2-tool-alarm,
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools>button.ev2-tool-prayers,
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools>button.ev2-tool-calendar{
  height:clamp(119px,32vw,172px)!important;min-height:clamp(119px,32vw,172px)!important;
  padding:clamp(13px,4vw,22px) 2px clamp(13px,3.8vw,19px)!important;
  border:1px solid rgba(168,206,242,.46)!important;
  border-radius:clamp(17px,5vw,26px)!important;
  background:linear-gradient(155deg,rgba(34,60,86,.90),rgba(3,19,39,.93))!important;
  background-color:rgba(5,24,48,.93)!important;
  background-image:linear-gradient(155deg,rgba(34,60,86,.90),rgba(3,19,39,.93))!important;
  color:#f8fcff!important;-webkit-text-fill-color:#f8fcff!important;
  box-shadow:0 6px 18px rgba(1,10,29,.30),inset 0 1px #d9f1ff14!important;
  backdrop-filter:blur(6px)!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools>button .ev2-tool-icon,
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools>button.ev2-tool-alarm .ev2-tool-icon,
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools>button.ev2-tool-prayers .ev2-tool-icon,
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools>button.ev2-tool-calendar .ev2-tool-icon{
  color:#e9f8ff!important;-webkit-text-fill-color:#e9f8ff!important;
  width:clamp(38px,11vw,54px)!important;height:clamp(38px,11vw,54px)!important;
  filter:drop-shadow(0 0 5px rgba(154,212,255,.38))!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools>button svg{
  stroke:#e8f8ff!important;width:clamp(38px,11vw,54px)!important;height:clamp(38px,11vw,54px)!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-tools.ev2-tools>button .ev2-tool-name{
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(11px,3vw,14px)!important;
}
@media(max-width:355px){
 body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-countdown{height:clamp(295px,49svh,410px)!important;min-height:295px!important;}
 body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-next{margin-top:36px!important;}
 body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-kerahat-title{font-size:11px!important;}
 body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open) .ev-kerahat-clock{font-size:15px!important;}
}

/* Keep the moonlit Kaaba visible between notices and the prayer ribbon on mobile. */
@media (max-width: 540px) {
 body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-countdown{height:clamp(320px,56svh,480px)!important;min-height:320px!important;}
}


/* Ezan Vakti 2 v1.11.14: move live next-prayer label and HH:MM:SS
   immediately below the Hijri date. The existing live clock/logic is intact.
   Scoped to design 2 only; other templates and the Kaaba scene are unchanged. */
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-countdown>.ev-next{
  order:3!important;
  margin:clamp(10px,1.8svh,18px) 0 3px!important;
  padding:0!important;
  flex:0 0 auto!important;
}
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-countdown>.ev-clock{
  order:4!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}
/* Keep the Hijri line directly above the next-prayer countdown. */
body:not(.wp-admin) .ev-app.ev-design-2:not(.ev-settings-open)>.ev-countdown>.ev-hijri{
  order:2!important;
  margin:0!important;
  padding:0!important;
}