/* MushollaPress Phase 1D — Mobile UI Refinement */
:root{
  --mp-mobile-nav-h: 68px;
  --mp-touch: 44px;
}
html{scroll-behavior:smooth}
button,a,input,select,textarea{touch-action:manipulation}
@media (max-width: 782px){
  body{padding-bottom:calc(var(--mp-mobile-nav-h) + env(safe-area-inset-bottom) + 8px)}
  .site-header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(16px)}
  .site-header .container{min-height:64px}
  .site-brand{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .menu-toggle{min-width:var(--mp-touch);min-height:var(--mp-touch)}
  .site-navigation{padding:12px 16px 20px}
  .site-navigation a{display:flex;align-items:center;min-height:var(--mp-touch);padding:10px 12px}
  .hero{min-height:calc(100svh - 64px);padding:64px 0 36px}
  .hero .container{align-items:flex-end}
  .hero h1{font-size:clamp(2rem,10vw,3.2rem);line-height:1.04;max-width:12ch}
  .hero p{font-size:1rem;line-height:1.55}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .button{width:100%;justify-content:center;min-height:48px}
  .section{padding-block:48px}
  .section-header{margin-bottom:22px}
  .section-title{font-size:clamp(1.45rem,7vw,2rem);line-height:1.12}
  .section-subtitle{font-size:.95rem}
  .prayer-card,.card,.content-card,.widget{border-radius:18px}
  .prayer-times{overflow-x:auto;display:flex;gap:10px;scroll-snap-type:x mandatory;padding:2px 2px 12px}
  .prayer-times>*{min-width:112px;scroll-snap-align:start}
  .prayer-card .prayer-next{position:relative}
  .announcement-list,.event-grid,.article-grid,.card-grid{grid-template-columns:1fr!important}
  .event-card,.article-card{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center}
  .event-card img,.article-card img{width:92px;height:92px;object-fit:cover;border-radius:14px}
  .event-card .card-body,.article-card .card-body{padding:0}
  .page-hero{padding:34px 0 28px}
  .page-hero h1{font-size:clamp(1.8rem,8vw,2.5rem)}
  .breadcrumbs{font-size:.78rem;overflow:auto;white-space:nowrap}
  .content-layout{display:block}
  .sidebar{margin-top:28px}
  .sidebar .widget{position:static!important}
  .entry-content{font-size:1rem;line-height:1.8}
  .entry-content img{border-radius:14px}
  .pagination{gap:6px;flex-wrap:wrap}
  .pagination a,.pagination span{min-width:var(--mp-touch);min-height:var(--mp-touch);display:inline-flex;align-items:center;justify-content:center}
  .site-footer{padding-bottom:30px}
  .mobile-bottom-nav{
    position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));
    z-index:1100;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;
    padding:7px;background:color-mix(in srgb,var(--mp-surface,#fff) 92%,transparent);
    border:1px solid color-mix(in srgb,var(--mp-text,#111) 10%,transparent);
    border-radius:22px;box-shadow:0 14px 40px rgba(0,0,0,.14);backdrop-filter:blur(18px)
  }
  .mobile-bottom-nav a{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:16px;font-size:.7rem;font-weight:700;text-decoration:none}
  .mobile-bottom-nav a:focus-visible{outline:3px solid currentColor;outline-offset:2px}
  .mobile-bottom-nav svg{width:21px;height:21px}
  .mobile-bottom-nav .is-active{background:var(--mp-primary,#167a4b);color:#fff}
  .floating-donation{bottom:calc(var(--mp-mobile-nav-h) + env(safe-area-inset-bottom) + 18px)!important}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media (min-width:783px){.mobile-bottom-nav{display:none!important}}