/* Ezan Vakti 1, approved Tasarim 4. The named EV 2/3/4 templates and settings views are intentionally excluded. */
body.ev1-reference4-active{background:#f4f8fa!important;color:#07373c!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active #ev-shared-app-header{
 background:#f7fbfd!important;background-image:linear-gradient(160deg,#eaf3f7,#fff 62%)!important;
 border:0!important;box-shadow:none!important;color:#063e42!important;-webkit-text-fill-color:#063e42!important;
 min-height:92px!important;padding:17px 13px 13px!important;align-items:flex-end!important;
}
body.ev1-reference4-active #ev-shared-app-header .ev-shared-app-header-start{align-items:center!important;flex-direction:row!important;justify-content:flex-start!important;gap:8px!important;padding:0!important;position:static!important}
body.ev1-reference4-active #ev-shared-app-header .ev-shared-page-title{
 order:2!important;font-size:clamp(20px,5.1vw,27px)!important;font-weight:750!important;color:#073b41!important;-webkit-text-fill-color:#073b41!important;
}
/* v1.11.48: The selected APK drawer trigger belongs INSIDE the shared header,
   ahead of the page title. The old translated absolute slot overlapped
   the prayer card and left an inaccessible hamburger below the header. */
body.ev1-reference4-active #ev-shared-app-header .ev-shared-drawer-slot{
 order:0!important;position:static!important;left:auto!important;right:auto!important;
 top:auto!important;bottom:auto!important;transform:none!important;translate:none!important;
 z-index:auto!important;flex:0 0 auto!important;min-width:0!important;max-width:44px!important;
 margin:0!important;padding:0!important;
}
body.ev1-reference4-active #ev-shared-app-header .ev-shared-drawer-slot:empty{display:none!important}
body.ev1-reference4-active #ev-shared-app-header .ev1-ref4-brand-line{order:1!important;display:flex!important;align-items:center!important;gap:10px!important;max-width:100%!important}
body.ev1-reference4-active #ev-shared-app-header .ev1-ref4-header-brand{display:inline-block!important;font:750 clamp(17px,4.5vw,25px)/1.15 system-ui,sans-serif!important;color:#005552!important}
body.ev1-reference4-active #ev-shared-app-header .ev1-ref4-design-pill{display:inline-block!important;padding:5px 11px!important;border-radius:20px!important;background:#d3ebec!important;color:#075d5e!important;font:650 clamp(12px,3vw,15px)/1.1 system-ui,sans-serif!important;white-space:nowrap!important}
body.ev1-reference4-active #ev-shared-app-header .ev-quickbar{max-width:49%!important;gap:7px!important;padding:0 2px!important;align-self:flex-end!important}
body.ev1-reference4-active #ev-shared-app-header .ev-quickbar .ev-quick-icon{
 border:1px solid #9ac9cd!important;background:#f8fcfd!important;color:#074c4c!important;-webkit-text-fill-color:#074c4c!important;
 height:clamp(36px,9.4vw,47px)!important;width:clamp(36px,9.4vw,47px)!important;flex-basis:clamp(36px,9.4vw,47px)!important;
}
body.ev1-reference4-active #ev-shared-app-header .ev-quickbar .ev-quick-count{background:#df334d!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode){
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
 padding:9px 10px calc(115px + env(safe-area-inset-bottom,0px))!important;margin:0!important;
 border:0!important;box-shadow:none!important;border-radius:0!important;background:#f4f8fa!important;color:#073c40!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-countdown{
 display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
 width:100%!important;max-width:100%!important;height:auto!important;min-height:clamp(255px,62vw,405px)!important;
 position:relative!important;overflow:hidden!important;isolation:isolate!important;
 border-radius:clamp(23px,6vw,38px)!important;border:1px solid #158e88!important;
 margin:0!important;padding:12px 8px 19px!important;
 background-color:#048782!important;
 background-image:url('ev1-ref4-mosque.webp'),linear-gradient(129deg,#078f88 0%,#007e79 75%,#056d6e 100%)!important;
 background-position:right bottom,center!important;background-repeat:no-repeat,no-repeat!important;
 background-size:auto 93%,cover!important;
 box-shadow:0 9px 24px rgba(14,85,91,.11)!important;color:white!important;-webkit-text-fill-color:white!important;
 font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;text-align:center!important;
}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-countdown::after{content:''!important;position:absolute!important;right:-10%!important;bottom:-29%!important;width:75%!important;height:55%!important;border-radius:70% 0 0 0!important;background:linear-gradient(25deg,rgba(0,83,82,.3),rgba(50,180,170,.18))!important;pointer-events:none!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-morning-notice{
 display:flex;align-items:center;align-self:flex-start;justify-content:flex-start;position:relative!important;top:auto!important;left:auto!important;
 width:max-content!important;max-width:100%!important;min-height:30px!important;margin:0 0 10px 0!important;padding:5px 13px!important;
 border:1px solid rgba(255,255,255,.44)!important;border-radius:999px!important;
 background:rgba(245,255,255,.13)!important;box-shadow:inset 0 1px 2px #ffffff20!important;color:#fff!important;font:400 12px/1.2 system-ui,sans-serif!important;
 backdrop-filter:blur(3px)!important;z-index:2!important;
}
body.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-morning-notice[hidden]{display:none!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-morning-notice strong{font-size:inherit!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-date{font:550 clamp(15px,4vw,22px)/1.3 system-ui,sans-serif!important;margin:2px 0 4px!important;color:#fff!important;opacity:1!important;position:relative!important;z-index:2!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-hijri{font:430 clamp(12px,3.45vw,18px)/1.22 system-ui,sans-serif!important;margin:0!important;color:#eaffff!important;opacity:1!important;position:relative!important;z-index:2!important}
body.ev1-reference4-active .ev-app[data-ev-template="1"] .ev1-ref4-moonline{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:7px 0 4px!important;font-size:18px!important;line-height:1!important;color:#d7f7f1!important;-webkit-text-fill-color:#d7f7f1!important;position:relative!important;z-index:2!important;width:50%!important}
body.ev1-reference4-active .ev-app[data-ev-template="1"] .ev1-ref4-moonline:before,body.ev1-reference4-active .ev-app[data-ev-template="1"] .ev1-ref4-moonline:after{content:''!important;height:1px!important;background:#d5f0ed!important;flex:1!important;opacity:.8!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-next{
 font:500 clamp(21px,5.2vw,36px)/1.18 Georgia,'Times New Roman',serif!important;
 position:relative!important;z-index:2!important;margin:4px 0 7px!important;padding:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 3px #003b3838!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-clock{
 font:400 clamp(40px,10.5vw,78px)/1.15 system-ui,sans-serif!important;letter-spacing:.01em!important;
 display:block!important;position:relative!important;z-index:2!important;margin:0 0 9px!important;padding:0!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-target{
 display:inline-block!important;max-width:94%!important;width:auto!important;position:relative!important;z-index:2!important;
 margin:0!important;padding:6px 15px!important;border:1px solid rgba(227,255,253,.48)!important;border-radius:999px!important;
 background:#ffffff14!important;box-shadow:inset 0 1px 1px #ffffff18!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 font:400 clamp(12px,3.2vw,18px)/1.22 system-ui,sans-serif!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-prayers{
 margin:11px 0 0!important;padding:14px 4px!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
 gap:0!important;min-height:98px!important;border:1px solid #c5e0e2!important;border-radius:26px!important;background:#fff!important;box-shadow:0 9px 22px rgba(17,77,85,.10)!important;
}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-prayers>.ev-prayer:not(:last-child){border-right:1px solid #e0e8e9!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-tools.ev1-ref4-tools{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(58px,auto)!important;
 gap:10px!important;margin:14px 0 0!important;padding:0!important;width:100%!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-tools.ev1-ref4-tools>button{
 display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-start!important;
 min-width:0!important;height:64px!important;min-height:64px!important;width:100%!important;margin:0!important;padding:11px 12px!important;
 border:1px solid #c5dfe2!important;border-radius:18px!important;background:#fff!important;color:#0c3b40!important;-webkit-text-fill-color:#0c3b40!important;
 box-shadow:0 5px 12px rgba(24,84,98,.06)!important;font:520 clamp(12px,3.4vw,20px)/1.2 system-ui,sans-serif!important;text-align:left!important;
}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-tools.ev1-ref4-tools>button:not(.ev-settings-tool):after{content:'›'!important;color:#778b95!important;font-size:24px!important;font-weight:300!important;margin-left:auto!important;flex:0 0 auto!important}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-tools.ev1-ref4-tools>.ev-settings-tool{
 grid-column:1/-1!important;justify-content:center!important;font-weight:650!important;
}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-tools.ev1-ref4-tools .ev1-ref4-tool-icon{display:flex!important;width:27px!important;height:27px!important;flex:0 0 27px!important;color:#007b77!important;-webkit-text-fill-color:#007b77!important;align-items:center!important;justify-content:center!important}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-tools.ev1-ref4-tools .ev1-ref4-tool-icon svg{display:block!important;width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linejoin:round!important;stroke-linecap:round!important}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-tools.ev1-ref4-tools>.ev-settings-tool .ev1-ref4-tool-icon{width:28px!important}
body.ev1-reference4-active #evs-mobile-menu.evs-mobile-nav{background:#fff!important;border:1px solid #e2ebed!important;border-radius:999px!important;box-shadow:0 11px 25px #15465a19!important;padding:7px!important}
body.ev1-reference4-active #evs-mobile-menu.evs-mobile-nav .evs-menu-accent{background:#007a76!important;color:#fff!important;border-radius:50%!important}
body.ev1-reference4-active #evs-mobile-menu.evs-mobile-nav>.evs-menu-accent svg{color:#fff!important}
@media(max-width:375px){
 body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-tools.ev1-ref4-tools>button{gap:6px!important;padding:8px!important;font-size:12px!important}
 body.ev1-reference4-active #ev-shared-app-header .ev1-ref4-brand-line{gap:6px!important}
}
/* Fallback before the calendar paints the prayer cards: even an old JS cache must not show white-on-white squares. */
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer,
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer.active{
 background:transparent!important;background-image:none!important;background-color:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;min-height:76px!important;padding:7px 1px!important;margin:0!important;gap:5px!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer:not(:last-child){border-right:1px solid #e1e8ea!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer>span:not(.ev1-prayer-icon){color:#15393e!important;-webkit-text-fill-color:#15393e!important;font-size:clamp(10px,2.6vw,15px)!important;font-weight:550!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer>strong{color:#082e35!important;-webkit-text-fill-color:#082e35!important;font-size:clamp(12px,3.3vw,18px)!important;font-weight:790!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer>.ev1-prayer-icon{color:#00877e!important;-webkit-text-fill-color:#00877e!important;width:clamp(22px,4.2vw,42px)!important;height:clamp(22px,4.2vw,42px)!important}
/* Preserve single white prayer panel against old :has() fullbleed rules (which have unusually high specificity). */
body.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer:not(#ev1-old-square):not(#ev1-old-tile):not(#ev1-old-grid){
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 margin:0!important;padding:7px 1px!important;min-height:76px!important;height:auto!important;
 border:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;
 box-shadow:none!important;color:#06383c!important;overflow:hidden!important;
}
body.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer:not(#ev1-old-square):not(#ev1-old-tile):not(#ev1-old-grid):not(:last-child){border-right:1px solid #e1e8ea!important}
body.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer>span:not(.ev1-prayer-icon):not(#ev1-old-label):not(#ev1-old-label2){color:#14383d!important;-webkit-text-fill-color:#14383d!important;font-size:clamp(10px,2.6vw,17px)!important}
body.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer>strong:not(#ev1-old-clock):not(#ev1-old-clock2){color:#0a353a!important;-webkit-text-fill-color:#0a353a!important;font-size:clamp(12px,3.35vw,21px)!important;margin:1px 0 0!important}
body.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer>.ev1-prayer-icon:not(#ev1-old-icon):not(#ev1-old-icon2){color:#007e78!important;-webkit-text-fill-color:#007e78!important}
/* Exact visual layout mapping from user-approved Ezan Vakti 1 / Tasarım 4 reference.
   These overrides are intentionally limited to the Ezan Vakti 1 home view. */
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-countdown{
 width:100%!important;min-height:0!important;max-height:none!important;
 height:57.3vw!important;max-height:405px!important;
 padding:0!important;display:block!important;
 margin:0!important;border-radius:6vw!important;
 background-size:auto 90%,cover!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-morning-notice{
 position:absolute!important;top:10px!important;left:14px!important;bottom:auto!important;right:auto!important;
 width:max-content!important;min-height:0!important;height:26px!important;
 padding:3px 12px!important;margin:0!important;
 font-size:clamp(10px,3.1vw,17px)!important;line-height:1.2!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-date{
 position:absolute!important;top:22.2%!important;left:0!important;right:0!important;
 margin:0!important;padding:0 4px!important;transform:none!important;
 font-size:clamp(13px,3.9vw,23px)!important;line-height:1.2!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-hijri{
 position:absolute!important;top:30.7%!important;left:0!important;right:0!important;
 margin:0!important;padding:0 4px!important;transform:none!important;
 font-size:clamp(12px,3.5vw,20px)!important;line-height:1.2!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev1-ref4-moonline{
 position:absolute!important;top:39.3%!important;left:25%!important;right:25%!important;width:50%!important;
 height:14px!important;line-height:14px!important;margin:0!important;font-size:15px!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-next{
 position:absolute!important;top:45.4%!important;left:0!important;right:0!important;
 margin:0!important;padding:0 3px!important;transform:none!important;
 font-size:clamp(18px,5.15vw,30px)!important;line-height:1.2!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-clock{
 position:absolute!important;top:57.2%!important;left:0!important;right:0!important;
 margin:0!important;padding:0!important;transform:none!important;
 font-size:clamp(39px,10.6vw,75px)!important;line-height:1.2!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-target{
 position:absolute!important;top:auto!important;bottom:calc(7.1% - 6px)!important;left:50%!important;right:auto!important;
 display:block!important;transform:translateX(-50%)!important;min-height:27px!important;
 margin:0!important;padding:5px 12px!important;max-width:96%!important;white-space:nowrap!important;
 font-size:clamp(11px,3.15vw,18px)!important;line-height:1.2!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers{
 min-height:94px!important;height:94px!important;max-height:94px!important;
 margin:11px 0 0!important;padding:5px 3px!important;
 border-radius:26px!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer{
 min-height:80px!important;height:80px!important;max-height:80px!important;
 padding:5px 1px!important;gap:4px!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer>.ev1-prayer-icon{
 width:19px!important;height:19px!important;flex-basis:19px!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer>span:not(.ev1-prayer-icon){
 font-size:clamp(10px,2.95vw,16px)!important;line-height:1.15!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-prayers>.ev-prayer>strong{
 font-size:clamp(12px,3.5vw,19px)!important;line-height:1.1!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-tools.ev1-ref4-tools{
 grid-auto-rows:48px!important;gap:10px!important;margin:15px 0 0!important;
}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-tools.ev1-ref4-tools>button{
 height:48px!important;min-height:48px!important;max-height:48px!important;
 border-radius:14px!important;padding:7px 12px!important;
 font-size:clamp(12px,3.6vw,20px)!important;
}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-tools.ev1-ref4-tools .ev1-ref4-tool-icon{
 width:23px!important;height:23px!important;flex-basis:23px!important;
}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-tools.ev1-ref4-tools .ev1-ref4-tool-icon svg{
 width:23px!important;height:23px!important;
}
body.ev1-reference4-active #evs-mobile-menu.evs-mobile-nav{
 min-height:56px!important;max-height:64px!important;
 padding:4px 7px!important;
}
@media(min-width:715px){
 body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-countdown{height:405px!important;}
}
/* Old Ezan Vakti fullbleed styles contain :has selectors; ID specificity
   here wins without changing non-template-1 pages. */
body.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-countdown:not(#ev1-old-card-a):not(#ev1-old-card-b):not(#ev1-old-card-c):not(#ev1-old-card-d){
 height:57.3vw!important;min-height:0!important;max-height:405px!important;
 display:block!important;padding:0!important;
 /* Ezan Vakti 1: visible spacing above/below the countdown card only. */
 margin:18px 0!important;
}
/* Reference 4 shows a centered settings action; retain its existing click handler. */
body.ev1-reference4-active .ev-app[data-ev-template="1"]:not(.ev-settings-shortcode)>.ev-tools.ev1-ref4-tools>.ev-settings-tool:not(#ev1-old-settings-a):not(#ev1-old-settings-b){
 justify-content:center!important;text-align:center!important;gap:9px!important;
}
/* Navigation is a white capsule with unfilled standard tabs, one teal center tab. */
body.ev1-reference4-active #evs-mobile-menu.evs-mobile-nav>a:not(.evs-menu-accent):not(#ev1-old-nav):not(#ev1-old-nav2),
body.ev1-reference4-active #evs-mobile-menu.evs-mobile-nav>button:not(.evs-menu-accent):not(#ev1-old-nav):not(#ev1-old-nav2){
 background:transparent!important;background-image:none!important;box-shadow:none!important;
 color:#385864!important;border-color:transparent!important;border-radius:999px!important;
}
body.ev1-reference4-active #evs-mobile-menu.evs-mobile-nav .evs-menu-accent:not(#ev1-old-center):not(#ev1-old-center2){
 background:#006b68!important;background-color:#006b68!important;background-image:none!important;color:#fff!important;
}
body.ev1-reference4-active .ev-app[data-ev-template="1"] .ev-countdown .ev-target::before{
 content:'';display:inline-block;width:13px;height:16px;margin-right:6px;vertical-align:-2px;
 background:currentColor;
 -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a8 8 0 0 0-8 8c0 5.5 8 12 8 12s8-6.5 8-12a8 8 0 0 0-8-8Zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z' fill-rule='evenodd'/%3E%3C/svg%3E");
 mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a8 8 0 0 0-8 8c0 5.5 8 12 8 12s8-6.5 8-12a8 8 0 0 0-8-8Zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z' fill-rule='evenodd'/%3E%3C/svg%3E");
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;
}

/* v1.11.32 — Only Ezan Vakti 1. Kerahat gets its own reserved space
   outside the fixed-height countdown, appearing only during kerahat. */
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev1-kerahat-standalone:not([hidden]){
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 justify-content:center!important;gap:4px 12px!important;
 position:relative!important;width:100%!important;max-width:100%!important;
 margin:12px 0 5px!important;padding:9px 12px!important;
 border:1px solid #b9ddd7!important;border-radius:16px!important;
 background:#e9f6f1!important;color:#075b58!important;
 font-size:13px!important;line-height:1.4!important;
}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev1-kerahat-standalone .ev-kerahat-title{font-size:13px!important;font-weight:700!important}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev1-kerahat-standalone .ev-kerahat-clock{font-size:14px!important;font-weight:700!important}
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev1-kerahat-standalone[hidden]{display:none!important;margin:0!important;padding:0!important}
/* Next upcoming prayer: highlight only the active cell. No custom time values. */
body.ev1-reference4-active .ev-app[data-ev-template="1"]>.ev-prayers>.ev-prayer.active{background:#e0f3ee!important;background-color:#e0f3ee!important;outline:2px solid #087e78!important;outline-offset:-2px!important;border-radius:14px!important}

/* v1.11.35 — Ezan Vakti 1: compact header without the two template labels.
   The only advertising space here is owned by APK Create's native AdMob slot;
   never render a dummy banner or reserve a permanent placeholder. */
body.ev1-reference4-active #ev-shared-app-header .ev1-ref4-brand-line,
body.ev1-reference4-active #ev-shared-app-header .ev1-ref4-header-brand,
body.ev1-reference4-active #ev-shared-app-header .ev1-ref4-design-pill{display:none!important}
body.ev1-reference4-active.ev1-reference4-active.ev1-reference4-active #ev-shared-app-header{
 min-height:62px!important;height:auto!important;
 padding:8px 12px!important;align-items:center!important;
}
body.ev1-reference4-active #ev-shared-app-header .ev-shared-app-header-start{
 flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
 gap:8px!important;
}
body.ev1-reference4-active #ev-shared-app-header .ev-shared-page-title{
 order:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
 white-space:nowrap!important;
}
@media(max-width:370px){
 body.ev1-reference4-active #ev-shared-app-header{padding-left:8px!important;padding-right:8px!important;gap:4px!important}
 body.ev1-reference4-active #ev-shared-app-header .ev-shared-app-header-start{gap:4px!important}
 body.ev1-reference4-active #ev-shared-app-header .ev-shared-page-title{font-size:clamp(16px,4.8vw,19px)!important}
}
body.ev1-reference4-active #ev-shared-app-header .ev-quickbar{align-self:center!important}
/* Only an already loaded, explicitly top-positioned banner is sticky.
   Its actual height is communicated by the Android bridge after rendering. */
body.ev1-reference4-active.ev1-top-ad-visible>#apk-create-native-banner-slot[data-apk-ev1-header="1"]{
 position:sticky!important;top:0!important;z-index:99991!important;
}
body.ev1-reference4-active.ev1-top-ad-visible #ev-shared-app-header{
 position:relative!important;top:auto!important; /* The header scrolls; do not offset it under the sticky ad. */
}
body.ev1-reference4-active:not(.ev1-top-ad-visible)>#apk-create-native-banner-slot[data-apk-ev1-header="1"]{
 height:0!important;min-height:0!important;max-height:0!important;
 margin:0!important;padding:0!important;
}

/* v1.11.78: colorful community shortcut in EV1, without affecting Messages. */
body.ev1-reference4-active #ev-shared-app-header .ev-shared-page-title{display:none!important}
html body.ev1-reference4-active #ev-shared-app-header .ev-quickbar .ev-quick-icon.ev-quick-community{
 background:linear-gradient(135deg,#fc397c,#a64df4 53%,#25c6d5)!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 border-color:rgba(255,255,255,.72)!important;
}
html body.ev1-reference4-active #ev-shared-app-header .ev-quickbar .ev-quick-icon.ev-quick-community svg{stroke:#fff!important}
/* Four header shortcuts now fit narrow phones, including when the drawer is visible. */
html body.ev1-reference4-active #ev-shared-app-header .ev-quickbar{
 max-width:none!important;gap:clamp(3px,1.1vw,6px)!important;padding:0!important;
 flex:0 1 auto!important;align-self:center!important;
}
html body.ev1-reference4-active #ev-shared-app-header .ev-quickbar .ev-quick-icon{
 flex:0 0 clamp(34px,9.5vw,41px)!important;
 width:clamp(34px,9.5vw,41px)!important;height:clamp(34px,9.5vw,41px)!important;
}