/* v1.11.45: Shared app header is in normal document flow. Only APK Create top advertisements are sticky. */
#ev-shared-app-header{
  position:relative!important;top:auto!important;left:0;z-index:99990;
  isolation:isolate;box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;
  gap:clamp(5px,2vw,18px);min-height:calc(57px + env(safe-area-inset-top,0px));
  padding:calc(7px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 7px max(12px,env(safe-area-inset-left,0px));
  border:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;
  background:linear-gradient(115deg,#062b46,#06263b 65%,#04283a)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 2px 12px rgba(0,20,32,.16)!important;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;
}
#ev-shared-app-header, #ev-shared-app-header *{box-sizing:border-box!important}
#ev-shared-app-header .ev-shared-app-header-start{display:flex!important;align-items:center!important;gap:clamp(4px,1.2vw,12px)!important;min-width:0!important;flex:1 1 auto!important}
#ev-shared-app-header .ev-shared-page-title{display:block!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit!important;-webkit-text-fill-color:inherit!important;font:700 clamp(14px,4vw,19px)/1.2 system-ui,sans-serif!important}
#ev-shared-app-header .ev-shared-drawer-slot{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}
#ev-shared-app-header .ev-quickbar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(5px,1.7vw,11px)!important;flex:0 0 auto!important;max-width:53%!important;margin:0!important;padding:0!important}
#ev-shared-app-header .ev-quickbar .ev-quick-icon{
  position:relative!important;display:grid!important;place-items:center!important;
  flex:0 0 clamp(32px,9.5vw,40px)!important;width:clamp(32px,9.5vw,40px)!important;height:clamp(32px,9.5vw,40px)!important;
  min-width:0!important;min-height:0!important;margin:0!important;padding:8px!important;border:1px solid rgba(255,255,255,.26)!important;
  border-radius:50%!important;background:rgba(255,255,255,.06)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;
}
#ev-shared-app-header .ev-quickbar .ev-quick-icon svg{display:block!important;width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#ev-shared-app-header .ev-quickbar .ev-quick-profile{overflow:visible!important;padding:2px!important}
#ev-shared-app-header .ev-quickbar .ev-quick-profile img{display:block!important;width:100%!important;height:100%!important;border:0!important;border-radius:50%!important;object-fit:cover!important}
#ev-shared-app-header .ev-quickbar .ev-quick-count{position:absolute!important;z-index:2!important;right:-5px!important;top:-5px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border:1px solid #fff!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#d63050!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 10px/1 system-ui,sans-serif!important}
#ev-shared-app-header .ev-quickbar .ev-quick-count[hidden]{display:none!important}
#ev-shared-app-header a:focus-visible,#ev-shared-app-header button:focus-visible{outline:2px solid #f4c16b!important;outline-offset:2px!important}
@media(max-width:365px){#ev-shared-app-header{gap:4px;padding-left:8px;padding-right:8px}#ev-shared-app-header .ev-quickbar{gap:5px!important;max-width:55%!important}}
/* Theme headers are not replaced: this bar is the app-level navigation. */
body.ev-native-screen>#ev-shared-app-header{margin:0!important}
body:has(#ev-shared-app-header) .ev-app>.ev-quickbar-classic{display:none!important}
/* In Ezan Vakti 1, do not repeat an old top navigation below the new shared bar. */
body:has(#ev-shared-app-header) .ev-app>.ev-head{display:none!important}

/* v1.11.56: guest profile intro card removed on profile screen. */
#ev-shared-app-header .ev-shared-back{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;
  padding:7px!important;margin:0!important;border:1px solid rgba(255,255,255,.35)!important;
  border-radius:11px!important;background:rgba(255,255,255,.11)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;
}
#ev-shared-app-header .ev-shared-back[hidden]{display:none!important}
#ev-shared-app-header .ev-shared-back svg{
  display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;
  stroke-linecap:round;stroke-linejoin:round
}
@media(max-width:365px){#ev-shared-app-header .ev-shared-back{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:34px!important}}
/* Profile's older white-toolbar arrow is redundant once the shared header owns Back. */
body:has(#ev-shared-app-header) .evsm .evsp-bar > .ev-apk-profile-back-link{display:none!important}

/* v1.11.78: all app screens share one header; page titles belong inside the pages. */
#ev-shared-app-header .ev-shared-page-title{display:none!important}
/* Community shortcut precedes Messages; preserve notification counters and profile avatar. */
html body #ev-shared-app-header .ev-quickbar .ev-quick-icon.ev-quick-community{
  background:linear-gradient(135deg,#fc397c 0%,#a64df4 53%,#25c6d5 100%)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 0 0 1px rgba(174,64,230,.28),0 2px 11px rgba(247,62,153,.3)!important;
  padding:7px!important;overflow:visible!important;
  animation:ev-community-attention 3.15s ease-in-out infinite;
  will-change:transform,box-shadow;
}
html body #ev-shared-app-header .ev-quickbar .ev-quick-icon.ev-quick-community svg{
  stroke:#fff!important;fill:none!important;width:100%!important;height:100%!important;
  stroke-width:1.9!important;
}
html body #ev-shared-app-header .ev-quickbar .ev-quick-icon.ev-quick-community::after{
  content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;
  border-radius:50%;background:#ffdb4f;border:1px solid #fff;
  box-shadow:0 0 7px rgba(255,220,79,.8);pointer-events:none;
}
/* Subtle heartbeat + glow and a short expanding halo. No layout shifts or spinning. */
html body #ev-shared-app-header .ev-quickbar .ev-quick-icon.ev-quick-community::before{
  content:"";position:absolute;inset:-3px;z-index:-1;pointer-events:none;
  border:2px solid rgba(255,125,217,.8);border-radius:50%;opacity:0;
  animation:ev-community-halo 3.15s ease-out infinite;
}
html body #ev-shared-app-header .ev-quickbar .ev-quick-icon.ev-quick-community::after{
  animation:ev-community-spark 3.15s ease-in-out infinite;
}
@keyframes ev-community-attention{
  0%,23%,56%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 1px rgba(174,64,230,.28),0 2px 11px rgba(247,62,153,.3)}
  30%{transform:translateY(-2px) scale(1.12);box-shadow:0 0 0 2px rgba(225,101,240,.4),0 2px 18px rgba(255,69,157,.65)}
  39%{transform:translateY(0) scale(1.015)}
  46%{transform:translateY(-1px) scale(1.065)}
}
@keyframes ev-community-halo{
  0%,22%,58%,100%{transform:scale(.85);opacity:0}
  27%{opacity:.9}
  48%{transform:scale(1.5);opacity:0}
}
@keyframes ev-community-spark{
  0%,21%,57%,100%{transform:scale(1);box-shadow:0 0 7px rgba(255,220,79,.8)}
  29%{transform:scale(1.35);box-shadow:0 0 12px rgba(255,220,79,.95)}
  43%{transform:scale(1)}
}
@media (prefers-reduced-motion: reduce){
 html body #ev-shared-app-header .ev-quickbar .ev-quick-icon.ev-quick-community,
 html body #ev-shared-app-header .ev-quickbar .ev-quick-icon.ev-quick-community::before,
 html body #ev-shared-app-header .ev-quickbar .ev-quick-icon.ev-quick-community::after{animation:none!important;will-change:auto!important}
}
@media(max-width:365px){
  #ev-shared-app-header .ev-quickbar{max-width:64%!important;gap:4px!important}
}

/* v1.11.80: Keep the one shared header visible above full-screen prayer tools.
   Its Back closes the tool; the tool's own old Back is hidden to avoid twins. */
body.ev-shared-tool-active #ev-shared-app-header{
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  z-index:100100!important;
}
body.ev-shared-tool-active .ev-app .ev-tool-screen:not([hidden]){
  padding-top:calc(57px + env(safe-area-inset-top,0px))!important;
}
body.ev-shared-tool-active .ev-app .ev-tool-screen:not([hidden]) .ev-tool-top > button:first-child{
  display:none!important;
}
body.ev-shared-tool-active #ev-shared-app-header #ev-apk-drawer-launch{display:none!important}
