/* Al-Maqamah's inspected .tabs: five equal items, 22px/1.8 icons,
   2px icon-label gap, 64px + safe area, sheet surface and fine top rule.
   Zukhruf uses its existing botanical colors and fixed Kufi UI typography. */
:root{--mobile-nav-clearance:0px}
.mobile-bottom-nav{display:none}
@media(max-width:979px){
 :root{--mobile-nav-clearance:calc(64px + env(safe-area-inset-bottom,0px));--page-gutter:max(28px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}
 html{scroll-padding-bottom:calc(var(--mobile-nav-clearance) + 16px)}
 body{padding-bottom:var(--mobile-nav-clearance)}
 .site-footer{display:none}
 .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:fixed;inset-inline:0;bottom:0;z-index:45;width:auto;max-width:none;height:var(--mobile-nav-clearance);margin:0;padding-top:0;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(4px,env(safe-area-inset-left,0px));padding-right:max(4px,env(safe-area-inset-right,0px));border:0;border-top:1px solid var(--line);border-radius:0;background:var(--surface);direction:rtl}
 .mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:44px;padding:5px 2px;text-decoration:none;color:var(--muted);font:500 12px/1.6 'Noto Kufi Arabic',sans-serif;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 .mobile-bottom-nav a span{font:inherit}
 .mobile-bottom-nav svg{display:block;flex:none;width:22px;height:22px;pointer-events:none}
 .mobile-bottom-nav a[aria-current]{color:var(--accent);font-weight:600}
 .mobile-bottom-nav a[aria-current]::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:22px;height:2px;border-radius:0 0 2px 2px;background:currentColor}
 .mobile-bottom-nav a:hover,.mobile-bottom-nav a:active{color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}
 .mobile-bottom-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:-5px;border-radius:8px}
 #main :is(a,button,input,select,summary){scroll-margin-bottom:calc(var(--mobile-nav-clearance) + 16px)}
 :root[data-keyboard-open=true] .scroll-top{visibility:hidden}
}
@media(max-width:639px){:root{--page-gutter:max(16px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}}
.mobile-bottom-nav[hidden]{display:none}