.msa-resources-hub-content{padding:42px 0 80px}.msa-resources-hub-content>.msa-resource-hub-intro:first-child{margin-top:0}.msa-verse-translation:before{content:"Plain-English meaning";display:block;margin-bottom:8px;color:#a77d2d;text-transform:uppercase;letter-spacing:.12em;font:800 10px Arial,sans-serif}

/* PDF-only Resources library */
.msa-pdf-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start;padding:46px 0 84px}
.msa-pdf-card{display:flex;flex-direction:column;gap:18px;padding:20px;background:#fff;border:1px solid #e1d4b5;border-radius:20px;box-shadow:0 15px 38px rgba(16,60,43,.08)}
.msa-pdf-cover{display:grid;place-items:center;aspect-ratio:3/4;padding:12px;overflow:hidden;background:#f5f1e7;border-radius:13px}
.msa-pdf-cover img{display:block;width:100%;height:100%;object-fit:contain}
.msa-pdf-download{display:block;width:100%;margin:0;text-align:center}
.msa-pdf-cover-fallback{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px;text-align:center;color:#075039;border:1px solid #d9c58e;background:#fff}
.msa-pdf-cover-fallback span{color:#a77d2d;font:800 13px Arial,sans-serif;letter-spacing:.16em}
.msa-pdf-cover-fallback strong{font:28px/1.15 Georgia,serif}
.msa-pdf-library>.msa-empty-state{grid-column:1/-1}
@media(max-width:1050px){.msa-pdf-library{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.msa-pdf-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:32px 18px 64px}.msa-pdf-card{padding:16px}}
@media(max-width:520px){.msa-pdf-library{grid-template-columns:1fr;max-width:390px}.msa-pdf-card{padding:18px}.msa-pdf-cover{padding:10px}}

/* 1.1.1 navigation, gallery and One Million Salawaat polish */
.site-nav .portal,.site-nav a[href*="wp-admin"]{display:none!important}
.msa-gallery-tile span{display:none!important}
.msa-million-callout{position:relative;overflow:hidden;border-color:#f1c95e!important;box-shadow:0 0 0 1px #f1c95e55,0 0 28px #f1c95e35;animation:msa-million-pulse 2.2s ease-in-out infinite}
.msa-million-callout:after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 42%,#fff6 50%,transparent 58%);transform:translateX(-60%);animation:msa-million-shine 3.4s ease-in-out infinite;pointer-events:none}
.msa-million-goal{display:block;margin-top:4px;color:#f5dc94;font:700 12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.msa-million-track{display:block;width:min(420px,88%);height:8px;margin:16px auto 0;overflow:hidden;border-radius:99px;background:#ffffff24;border:1px solid #f1c95e55}
.msa-million-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d6a943,#fff1ae);transition:width .45s ease}
.msa-salawat-float{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:9px;padding:9px 14px 9px 9px;border:1px solid #f0ca6a;border-radius:999px;background:#075039;color:#fff;box-shadow:0 10px 28px #001e1680;font:700 13px Arial,sans-serif}
.msa-salawat-float span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e3bb59;color:#062e22;font:22px Georgia,serif}
.msa-salawat-float:hover,.msa-salawat-float:focus{background:#0a6748;transform:translateY(-2px)}
@keyframes msa-million-pulse{0%,100%{box-shadow:0 0 0 1px #f1c95e55,0 0 18px #f1c95e25}50%{box-shadow:0 0 0 3px #f1c95e88,0 0 38px #f1c95e65}}
@keyframes msa-million-shine{0%,55%{transform:translateX(-60%)}85%,100%{transform:translateX(60%)}}
@media(max-width:680px){.msa-salawat-float{right:14px;bottom:14px}.msa-salawat-float strong{display:none}.msa-salawat-float{padding:7px}.msa-salawat-float span{width:42px;height:42px}.msa-resource-grid{grid-template-columns:1fr!important}.msa-resource-card{width:100%;min-width:0}.msa-resource-card p{font-size:16px;line-height:1.65;word-break:normal}.msa-resource-card h2,.msa-resource-card h3{word-break:normal}}
@media(prefers-reduced-motion:reduce){.msa-million-callout,.msa-million-callout:after{animation:none}}

/* 1.1.3 mobile event spacing */
@media(max-width:800px){
  .msa-hero{min-height:0;height:auto}
  .msa-hero-copy{padding:52px 0 64px}
  .msa-actions{margin-top:26px;gap:16px}
  .msa-actions .msa-button{display:block;width:100%;padding:17px 22px}
  .msa-event-cards{margin-top:24px;gap:16px}
  .msa-event-card{padding:25px 22px}
}

/* 1.1.4 full-screen menu and rebuilt resource cards */
.site-nav a[href*="salawaat-counter"]{color:#f3cc6b!important;font-weight:700}
.msa-burdah-details{display:none!important}
.msa-resource-hub-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.msa-resource-hub-card{display:flex!important;flex-direction:column;min-width:0;overflow:hidden}
.msa-resource-hub-image,.msa-resource-hub-symbol{display:block;width:100%;height:235px;min-height:235px!important;background:#f0f3ee}
.msa-resource-hub-image img{display:block;width:100%;height:100%;padding:18px;object-fit:contain!important}
.msa-resource-hub-symbol{display:grid;place-items:center}
.msa-resource-hub-card>div{display:flex;flex:1;flex-direction:column;padding:25px!important}
.msa-resource-hub-card h2{font-size:27px!important;overflow-wrap:normal;word-break:normal}
.msa-resource-hub-card p{font-size:15px;line-height:1.65;overflow-wrap:normal;word-break:normal}
.msa-resource-hub-card .msa-card-link{margin-top:auto;padding-top:12px}
@media(max-width:980px){.msa-resource-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){
  body.msa-menu-open{overflow:hidden}
  .site-header .custom-logo-link,.site-header .menu-toggle{position:relative;z-index:62}
  .site-nav{position:fixed!important;inset:0!important;z-index:60!important;height:100dvh;padding:125px 28px 45px!important;background:rgba(2,41,30,.985)!important;overflow-y:auto}
  .site-nav ul{min-height:calc(100dvh - 170px);justify-content:center!important;gap:27px!important}
  .site-nav a[href*="salawaat-counter"]{display:inline-block;padding:11px 20px;border:1px solid #e4bd5d;border-radius:999px;background:#dcb458;color:#062e22!important}
  .msa-resource-hub-grid{grid-template-columns:1fr!important;gap:18px!important}
  .msa-resource-hub-card{display:flex!important;width:100%}
  .msa-resource-hub-image,.msa-resource-hub-symbol{height:210px;min-height:210px!important}
  .msa-resource-hub-card>div{padding:23px!important}
  .msa-resource-hub-card h2{font-size:27px!important}
  .msa-resource-hub-card p{font-size:16px!important}
}

/* 1.1.5 PWA and Salawaat language */
.msa-million-callout{border:0!important;box-shadow:none!important;animation:msa-million-text 2.2s ease-in-out infinite!important}
.msa-million-callout:after{display:none!important}
@keyframes msa-million-text{0%,100%{color:#f5dd9a;text-shadow:0 0 0 transparent}50%{color:#fff1a8;text-shadow:0 0 14px #f0c758}}
.msa-pwa-prompt{position:fixed;left:50%;bottom:20px;z-index:9995;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:13px;width:min(520px,calc(100% - 28px));padding:13px 48px 13px 13px;transform:translateX(-50%);background:#fff;color:#173229;border:1px solid #dfbd68;border-radius:18px;box-shadow:0 18px 55px #001e1670}
.msa-pwa-prompt[hidden]{display:none}
.msa-pwa-prompt img{width:50px;height:50px;border-radius:12px;object-fit:cover}
.msa-pwa-prompt strong,.msa-pwa-prompt span{display:block}.msa-pwa-prompt strong{color:#075039;font:20px Georgia,serif}.msa-pwa-prompt span{margin-top:3px;color:#62736b;font-size:13px}
.msa-pwa-prompt [data-pwa-install]{border:0;border-radius:999px;padding:11px 18px;background:#075039;color:#fff;font-weight:800;cursor:pointer}
.msa-pwa-dismiss{position:absolute;right:12px;top:9px;border:0;background:transparent;color:#65786e;font-size:24px;cursor:pointer}
@media(max-width:560px){.msa-pwa-prompt{grid-template-columns:43px 1fr;padding:12px 42px 12px 12px}.msa-pwa-prompt img{width:43px;height:43px}.msa-pwa-prompt strong{font-size:18px}.msa-pwa-prompt [data-pwa-install]{grid-column:1/-1;width:100%}}

/* 1.1.6 Salawaat invitation */
.msa-salawat-hadith{margin:20px auto 0;max-width:760px;padding:0;border:0;color:#607269;font:italic 18px/1.65 Georgia,serif}
.msa-salawat-hadith cite{display:block;margin-top:8px;color:#b18431;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.06em}
.msa-salawat-invitation{display:block;margin-top:12px;color:#075039;font:700 15px/1.5 Arial,sans-serif}
.msa-home-salawat .msa-salawat-hadith{color:#e6eee9}.msa-home-salawat .msa-salawat-invitation{color:#f5dd9a}
@keyframes msa-salawat-icon-turn{0%,72%{transform:rotate(0)}88%,100%{transform:rotate(360deg)}}
@media(max-width:680px){
  .msa-salawat-float{padding:7px 15px 7px 7px;gap:9px}
  .msa-salawat-float strong{display:block;white-space:nowrap}
  .msa-salawat-float span{animation:msa-salawat-icon-turn 6s ease-in-out infinite}
  .msa-salawat-hadith{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.msa-salawat-float span{animation:none}}

/* 1.1.8 final floating Salawaat interaction */
.msa-salawat-float{width:58px;height:58px;padding:7px!important;gap:0;justify-content:center;overflow:visible;border-radius:50%;background:#075039;animation:msa-salawat-pulse 5s ease-in-out infinite}
.msa-salawat-float strong{display:none!important}
.msa-salawat-float span{position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#fff;color:#075039;animation:msa-salawat-centre 5s ease-in-out infinite}
.msa-salawat-float span i,.msa-salawat-float span b{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;line-height:1}
.msa-salawat-float span i{font:22px/1 Georgia,serif;animation:msa-salawat-arabic 5s ease-in-out infinite}
.msa-salawat-float span b{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;opacity:0;color:#062e22;font:800 10px/.9 Arial,sans-serif;text-transform:uppercase;animation:msa-salawat-send 5s ease-in-out infinite}
.msa-salawat-float span b small{display:block;margin:0;color:inherit;font:700 6px/.9 Arial,sans-serif;letter-spacing:0}
@keyframes msa-salawat-pulse{0%,80%,100%{transform:scale(1);box-shadow:0 10px 28px #001e1680}86%,94%{transform:scale(1.16);box-shadow:0 0 0 9px #f0ca6a36,0 14px 36px #001e1699}}
@keyframes msa-salawat-centre{0%,80%,100%{background:#fff}86%,94%{background:#e3bb59}}
@keyframes msa-salawat-arabic{0%,80%,100%{opacity:1}84%,96%{opacity:0}}
@keyframes msa-salawat-send{0%,80%,100%{opacity:0}86%,94%{opacity:1}}
@media(prefers-reduced-motion:reduce){.msa-salawat-float,.msa-salawat-float span,.msa-salawat-float span i,.msa-salawat-float span b{animation:none}}

/* 1.1.9 compact mobile navigation with a collapsed Media submenu */
.msa-nav-knowledge{position:relative}.msa-nav-knowledge>.msa-knowledge-mega{display:none;position:absolute;top:100%;left:50%;width:min(850px,90vw);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px!important;transform:translateX(-50%);background:#02291e;border:1px solid #ddb65f55;border-radius:15px;box-shadow:0 18px 40px #001a1299;z-index:80}.msa-nav-knowledge:hover>.msa-knowledge-mega,.msa-nav-knowledge:focus-within>.msa-knowledge-mega{display:grid}.msa-menu-group>span{display:block;padding:7px 10px;color:#ddb65f;text-transform:uppercase;letter-spacing:.12em;font:800 10px Arial,sans-serif}.msa-menu-group>ul{display:grid!important;gap:3px!important}.msa-menu-group a{display:block;padding:8px 10px;border-radius:7px;white-space:normal;font-size:15px}.msa-menu-group a:hover{background:#0a5137;color:#f5dd9a}
@media(max-width:1120px){
  body.msa-menu-open{overflow:hidden}
  .site-nav{position:fixed!important;inset:103px 0 0!important;height:auto!important;padding:22px 26px 36px!important;background:rgba(2,41,30,.99)!important;overflow-y:auto!important}
  .site-nav>ul{display:block!important;min-height:0!important;font-size:21px!important}
  .site-nav>ul>li{margin:0;border-bottom:1px solid rgba(221,182,95,.16);text-align:center}
  .site-nav>ul>li>a{display:block;padding:11px 8px}
  .site-nav a[href*="salawaat-counter"]{display:block!important;margin:5px auto;padding:10px 16px!important;border:1px solid #e4bd5d;border-radius:999px;background:#dcb458;color:#062e22!important}
  .msa-nav-media>a:after,.msa-nav-knowledge>a:after{content:" +";color:#ddb65f}
  .msa-nav-media.submenu-open>a:after,.msa-nav-knowledge.submenu-open>a:after{content:" −"}
  .msa-nav-media>.sub-menu,.msa-nav-knowledge>.sub-menu{display:none!important;position:static!important;margin:0 0 10px!important;padding:7px!important;border:0!important;border-radius:10px!important;background:#073a2b!important;box-shadow:none!important}
  .msa-nav-media.submenu-open>.sub-menu,.msa-nav-knowledge.submenu-open>.sub-menu{display:grid!important;gap:2px!important}
  .msa-nav-media>.sub-menu a,.msa-nav-knowledge>.sub-menu a{padding:8px!important;font-size:16px!important}
  .msa-nav-knowledge>.msa-knowledge-mega{width:auto!important;transform:none!important;grid-template-columns:1fr!important}.msa-menu-group{padding:7px 0;border-bottom:1px solid #ddb65f22}.msa-menu-group:last-child{border-bottom:0}.msa-menu-group>span{font-size:9px}.msa-menu-group>ul{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:0!important;gap:2px!important}.msa-menu-group>ul>li{border:0!important}.msa-menu-group a{font-size:14px!important}
}

/* Homepage audio requires a user tap on modern mobile browsers. */
.msa-audio-welcome{position:fixed;left:18px;bottom:18px;z-index:89;width:min(330px,calc(100% - 100px));padding:18px 42px 18px 18px;background:#062f23;color:#fff;border:1px solid #ddb65f;border-radius:16px;box-shadow:0 20px 55px rgba(0,0,0,.3)}
.msa-audio-welcome[hidden]{display:none}
.msa-audio-welcome strong,.msa-audio-welcome span{display:block}.msa-audio-welcome strong{color:#f5dd9a;font:21px Georgia,serif}.msa-audio-welcome span{margin:5px 0 12px;font-size:13px}
.msa-audio-play{border:0;border-radius:999px;padding:10px 15px;background:#ddb65f;color:#092d22;font-weight:800;cursor:pointer}
.msa-audio-close{position:absolute;right:9px;top:7px;border:0;background:transparent;color:#fff;font-size:23px;cursor:pointer}
@media(max-width:560px){.msa-audio-welcome{left:12px;bottom:82px;width:calc(100% - 90px);padding:15px 38px 15px 15px}.msa-audio-welcome strong{font-size:18px}}

/* 1.1.10 homepage audio control integrated into the sticky header */
.msa-opening-audio-toggle{position:static;z-index:1;display:flex;align-items:center;gap:7px;min-height:40px;margin-left:auto;margin-right:14px;padding:7px 13px 7px 8px;border:1px solid #ddb65f;border-radius:999px;background:rgba(2,41,30,.94);color:#fff;box-shadow:none;font:700 12px Arial,sans-serif;cursor:pointer}
.msa-opening-audio-toggle i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#075039;font-style:normal;font-size:14px}
.msa-opening-audio-toggle.is-playing i{background:#ddb65f}.msa-opening-audio-toggle:hover{background:#075039}
@media(min-width:1121px){.msa-opening-audio-toggle{display:none}}
@media(max-width:800px){.msa-opening-audio-toggle{min-height:36px;margin-right:8px;padding:5px 9px 5px 6px;font-size:11px}.msa-opening-audio-toggle i{width:24px;height:24px}}
@media(max-width:430px){.msa-opening-audio-toggle{width:36px;min-width:36px;padding:5px;justify-content:center}.msa-opening-audio-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* 1.1.7 personal total placement */
.msa-community-total+.msa-personal-total{margin:0 auto 25px;padding:10px 16px;width:max-content;max-width:100%;border-radius:999px;background:#edf4ef}
.msa-home-salawat .msa-community-total+.msa-personal-total{background:#ffffff12;color:#fff}
@media(max-width:680px){.msa-community-total+.msa-personal-total{width:100%;font-size:14px;gap:10px}.msa-count-button span{font-size:9px}}