/* Approved emerald / ivory / antique gold controls. No prayer or calendar geometry changes. */
:root{--az-ui-green:#234C3D;--az-ui-sage:#E4EADD;--az-ui-ivory:#FFF9ED;--az-ui-gold:#C7A66C}
/* Daily card: one compact share action on the physical left. */
html body .reference-daily #dailyCopy,html body .reference-daily #dailyFavorite{display:none!important}
html body .reference-daily .v2-daily-actions{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;direction:rtl!important;grid-template-columns:none!important;width:100%!important;gap:0!important}
html body .reference-daily #dailyShare{flex:0 0 auto!important;width:auto!important;min-width:86px!important;min-height:40px!important;padding:8px 16px!important;margin:0!important;font-size:14px!important;font-weight:700!important}
html body #list>.card,html body #pageContent>.card,html body .discovery-result,html body .quiet-dialog{background:#FFF9ED;border-color:#C7A66C;border-radius:18px;box-shadow:0 3px 12px #664b2110;color:#234C3D}
html body .az-action,html body #pageNav a,html body .page-back{
 box-sizing:border-box!important;position:relative;display:flex!important;align-items:center!important;justify-content:center!important;
 min-width:0!important;min-height:44px!important;height:auto;border:1px solid #C7A66C!important;border-radius:14px!important;
 padding:10px 12px!important;background:linear-gradient(125deg,#FFF9ED,#E4EADD)!important;color:#234C3D!important;
 box-shadow:inset 0 0 0 3px #fff9ed80,0 2px 5px #664b2114!important;
 font-family:'Noto Kufi Arabic',sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.6!important;
 text-align:center!important;text-decoration:none!important;white-space:normal!important;cursor:pointer;gap:6px!important;
}
html body .az-action::after{content:'';position:absolute;inset:4px;border:1px solid #C7A66C45;border-radius:10px;pointer-events:none}
html body .az-action:focus-visible,html body #pageNav a:focus-visible{outline:2px solid #234C3D;outline-offset:3px}
html body .az-action:active{transform:translateY(1px)}
html body .az-action[aria-pressed=true]{background:#234C3D!important;color:#FFF9ED!important}
html body .content-sharing-actions,html body .az-sharing-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
 width:100%!important;box-sizing:border-box!important;align-items:stretch!important;margin-top:12px!important;
}
html body .content-sharing-actions>.az-action-favorite,html body .az-sharing-grid>.az-action-favorite{grid-column:1/-1;margin:0!important;width:100%!important}
html body .content-sharing-actions>.az-action,html body .az-sharing-grid>.az-action{width:100%!important;margin:0!important}
html body .section-head:has(>.content-sharing-actions){flex-wrap:wrap}
html body .section-head>.content-sharing-actions{flex:1 0 100%}
html body .az-counter-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0!important}
html body .az-counter-row>.remain{grid-column:1/-1;min-width:0!important;font-size:12px!important}
html body .az-counter-row>.az-action{width:100%!important;min-width:0!important;margin:0!important;font-size:13px!important;padding:10px 5px!important}
html body .az-counter-row>.az-action-repeat{background:linear-gradient(125deg,#315f4b,#173e31)!important;color:#FFF9ED!important}
html body .foot:has(.az-counter-row){display:flex;flex-direction:column;align-items:stretch;gap:10px}
html body .quiet-dialog nav:has(.quiet-counter-row){display:grid;grid-template-columns:1fr 1fr;gap:8px}
html body .quiet-counter-row{grid-column:1/-1;grid-row:1}
html body .reference-nav .mobile-menu.az-action{width:auto!important;height:44px!important;min-width:92px!important;font-size:13px!important;padding:6px 10px!important}
html body #pageNav a{justify-content:flex-start!important}
html body .az-primary-actions{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px;margin-top:6px}
html body .az-primary-actions>.az-action{width:100%!important;font-size:14px!important;padding:8px 4px!important;min-height:46px!important;height:46px!important}
html body .az-search-tools{grid-template-columns:minmax(0,1fr) auto}
html body .reference-nav .page-nav{top:100%!important;background:#FFF9ED!important}
html body .az-prayer-wood .city-select-hint,html body .az-prayer-wood #emirateSelect,html body .az-prayer-wood #prayerMeta{font-weight:700!important}
@media(max-width:430px){html body .content-sharing-actions>.az-action,html body .az-sharing-grid>.az-action{font-size:13px!important}html body .reference-nav{padding-inline:12px!important}.reference-wordmark{max-width:42vw}}

/* Exact approved artwork: three independently clickable windows of the reference. */
html body .az-primary-actions{gap:4px!important;align-items:center!important}
html body #mobileMenu.az-ornate-nav,html body .az-primary-actions>.az-ornate-nav{
 width:100%!important;min-width:0!important;aspect-ratio:512/250!important;
 height:auto!important;min-height:0!important;padding:0!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;
 background-image:url('/ornate-navigation-reference.png')!important;
 background-size:300% 204.8%!important;background-repeat:no-repeat!important;
 background-position-y:38.168%!important;
}
html body .az-primary-actions>.az-ornate-nav::after{display:none!important}
html body .az-primary-actions>.az-ornate-menu{background-position-x:100%!important}
html body .az-primary-actions>.az-ornate-favorites{background-position-x:50%!important}
html body .az-primary-actions>.az-ornate-tasbeeh{background-position-x:0%!important}
html body .az-primary-actions>.az-ornate-nav:active{filter:brightness(.94);transform:translateY(1px)}
/* Keep the approved button silhouette without the rectangular reference canvas. */
html body #mobileMenu.az-ornate-nav,html body .az-primary-actions>.az-ornate-nav{clip-path:inset(8% 2% 6% 2% round 22% / 48%)}
/* The wooden prayer artwork must remain visible in the saved night theme. */
html body.night .home-view .az-prayer-wood .prayer-time,html body.night .home-view .az-prayer-wood .prayer-time.next{background:transparent!important}
html body.night .home-view .az-prayer-wood .prayer-name,html body.night .home-view .az-prayer-wood .prayer-clock{color:#392515!important}

/* Quick navigation belongs below the mosque hero, before the memorial ticker. */
html body #homeView > .az-primary-actions{position:relative!important;inset:auto!important;transform:none!important;direction:rtl;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important;max-width:100%;margin:12px 0 16px!important;padding:0!important;box-sizing:border-box;z-index:1}
/* Friday introduction: keep readable paired colors in both themes. */
html body #custom-2026102801-block-1793211423433{background:#fff9ed!important;color:#234c3d!important;border-color:#c7a66c!important}
html body #custom-2026102801-block-1793211423433>h3,html body #custom-2026102801-block-1793211423433>p{color:inherit!important}
html body.night #custom-2026102801-block-1793211423433{background:#183d32!important;color:#fff4dc!important;border-color:#bda56e!important}