@import url('home-button-icons-polish.css?v=mizan-home-20260810-0236');

/*
 * QiblaAstro — Approved Home Action Layout 2 + 3 + 3
 * Keeps hero/date/prayer block untouched and only rearranges action cards.
 * © 2026 محمد سيد جبر بحيرى — Mohamed SG Behairy. All Rights Reserved.
 */

#page-home .qa-actions-primary,
#page-home .qa-actions-grid{
  display:grid;
  direction:rtl;
  margin-left:8px!important;
  margin-right:8px!important;
  box-sizing:border-box!important;
}

/* Row 1: two primary actions. */
#page-home .qa-actions-primary{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:-22px!important;
}
#page-home .qa-actions-primary .qa-service-card{
  min-height:108px!important;
  padding:8px 7px!important;
  border-radius:18px!important;
}
#page-home .qa-actions-primary .qa-service-icon{
  width:56px!important;
  height:56px!important;
  margin-bottom:4px!important;
}
#page-home .qa-actions-primary .qa-service-card strong{
  font-size:.72rem!important;
  line-height:1.18!important;
}
#page-home .qa-actions-primary .qa-service-card small{
  font-size:.43rem!important;
  margin-top:3px!important;
}
#page-home .qa-actions-primary .digital-compass,
#page-home .qa-actions-primary .astro-verify{
  border-color:rgba(222,178,72,.42)!important;
}

/* Rows 2 + 3: three equal cards from right to left. */
#page-home .qa-actions-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:6px!important;
}
#page-home .qa-actions-grid .qa-service-card{
  min-height:96px!important;
  padding:6px 4px!important;
  border-radius:16px!important;
}
#page-home .qa-actions-grid .qa-service-icon{
  width:47px!important;
  height:47px!important;
  margin-bottom:3px!important;
}
#page-home .qa-actions-grid .qa-service-card strong{
  font-size:.61rem!important;
  line-height:1.14!important;
}
#page-home .qa-actions-grid .qa-service-card small{
  font-size:.36rem!important;
  line-height:1.15!important;
  margin-top:2px!important;
}

/* Astronomy: explicit telescope icon; no leaf/sun placeholder. */
#page-home .qa-service-card.astronomy .qa-service-icon img{
  display:none!important;
}
#page-home .qa-service-card.astronomy .qa-service-icon:before{
  content:"🔭";
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:2.05rem;
  line-height:1;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.34));
}

#page-home .qa-systems,
#page-home .qa-services-five,
#page-home .qa-services-six{
  display:none!important;
}

#page-home .qa-actions-faith .qa-service-card.prayer strong{
  font-size:.57rem!important;
  max-width:100%;
}

@media(max-width:380px){
  #page-home .qa-actions-primary{gap:5px;margin-top:-19px!important}
  #page-home .qa-actions-primary .qa-service-card{min-height:100px!important}
  #page-home .qa-actions-primary .qa-service-icon{width:51px!important;height:51px!important}
  #page-home .qa-actions-primary .qa-service-card strong{font-size:.67rem!important}
  #page-home .qa-actions-grid{gap:4px;margin-top:5px!important}
  #page-home .qa-actions-grid .qa-service-card{min-height:89px!important;padding:5px 3px!important}
  #page-home .qa-actions-grid .qa-service-icon{width:43px!important;height:43px!important}
  #page-home .qa-actions-grid .qa-service-card strong{font-size:.56rem!important}
  #page-home .qa-actions-faith .qa-service-card.prayer strong{font-size:.52rem!important}
}

@media(max-height:760px){
  #page-home .qa-actions-primary{margin-top:-18px!important;gap:5px}
  #page-home .qa-actions-primary .qa-service-card{min-height:88px!important;padding:5px 4px!important}
  #page-home .qa-actions-primary .qa-service-icon{width:44px!important;height:44px!important;margin-bottom:2px!important}
  #page-home .qa-actions-primary .qa-service-card strong{font-size:.61rem!important}
  #page-home .qa-actions-primary .qa-service-card small{font-size:.35rem!important}
  #page-home .qa-actions-grid{margin-top:4px!important;gap:4px}
  #page-home .qa-actions-grid .qa-service-card{min-height:78px!important;padding:4px 3px!important}
  #page-home .qa-actions-grid .qa-service-icon{width:38px!important;height:38px!important;margin-bottom:1px!important}
  #page-home .qa-actions-grid .qa-service-card strong{font-size:.51rem!important}
  #page-home .qa-actions-grid .qa-service-card small{font-size:.31rem!important}
  #page-home .qa-actions-faith .qa-service-card.prayer strong{font-size:.47rem!important}
  #page-home .qa-service-card.astronomy .qa-service-icon:before{font-size:1.72rem}
}

@media(max-height:700px){
  #page-home .qa-actions-primary .qa-service-card{min-height:82px!important}
  #page-home .qa-actions-grid .qa-service-card{min-height:72px!important}
  #page-home .qa-actions-grid .qa-service-icon{width:35px!important;height:35px!important}
}

#page-home .qa-info{
  bottom:16px!important;
}

#page-home .qa-actions-primary .digital-compass,
#page-home .qa-actions-primary .astro-verify{
  border-color:rgba(139,205,240,.78)!important;
}

#page-home .qa-actions-primary .qa-service-card strong{
  font-size:.79rem!important;
  font-weight:700!important;
}
#page-home .qa-actions-primary .qa-service-card small{
  font-size:.46rem!important;
  font-weight:500!important;
}
#page-home .qa-actions-grid .qa-service-card strong{
  font-size:.65rem!important;
  font-weight:700!important;
}
#page-home .qa-actions-grid .qa-service-card small{
  font-size:.39rem!important;
  font-weight:500!important;
}
#page-home .qa-actions-faith .qa-service-card.prayer strong{
  font-size:.60rem!important;
}

#page-home .qa-info>div:not(.qa-prayer)>span{
  font-size:.64rem!important;
  font-weight:700!important;
  line-height:1!important;
  color:#e7edf7!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px rgba(0,0,0,.38)!important;
}

/* Actual home-sky orb elements. Replace legacy drawn orbs with the app's own assets. */
#page-home .qa-moon-card .qa-moon-orb,
#page-home .qa-sun-card .qa-sun-orb{
  display:block!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  border:0!important;
  box-shadow:none!important;
  color:transparent!important;
  text-shadow:none!important;
  overflow:visible!important;
}
#page-home .qa-moon-card .qa-moon-orb::before,
#page-home .qa-moon-card .qa-moon-orb::after,
#page-home .qa-sun-card .qa-sun-orb::before,
#page-home .qa-sun-card .qa-sun-orb::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
#page-home .qa-moon-card .qa-moon-orb{
  background-image:url('../icons/icon-moon.png?v=mizan-sky-icons-2')!important;
}
#page-home .qa-sun-card .qa-sun-orb{
  background-image:url('../icons/icon-sun.png?v=mizan-sky-icons-2')!important;
  font-size:0!important;
}