/* Ahlillbait Mosque — Islamic Heritage Premium, 2026-11-11.
   Original mosque media is retained. Does not modify WordPress. */
:root{--forest:#203d2c;--forest2:#284f39;--ink:#152b4e;--gold:#b89b63;--cream:#faf7ef;--line:#e5ddcd;--muted:#68736b}
body{background:var(--cream);color:#273b35}
.utility{background:#203d2c;color:#f1e7ce;letter-spacing:.035em}
.utility-inner{min-height:38px}
.site-header{position:relative;top:auto;box-shadow:0 5px 18px #182c2410;border:0;background:#fff}
.brand-band{background-color:#fff;background-image:linear-gradient(90deg,#fff 0%,#ffffffed 39%,#ffffffa0 67%,#ffffff30 100%),url('uploads/2021/08/52102F2C-C012-4FF7-8247-B5093A27936D1-1536x768.png');background-size:cover,auto 170%;background-repeat:no-repeat;background-position:center,right center;border-bottom:3px solid #b89b63}
.top{min-height:176px;display:flex;justify-content:flex-start;align-items:center;padding-block:16px}
.brand{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:22px}
.brand img{width:min(568px,75vw);height:auto;object-fit:contain;filter:none}
.brand-caption{display:none}
.navigation-band{background:#203d2c;border-bottom:3px solid #b89b63}
.navigation-inner{min-height:58px;display:flex;align-items:center;gap:26px;justify-content:space-between}
.nav{gap:24px;justify-content:flex-start;flex-wrap:wrap}
.nav a{color:#fff;font-size:13px;letter-spacing:.01em;font-weight:700;padding-block:14px}
.nav a:hover{color:#e4c994}
.langs a{border-color:#a4b9aa;color:#fff;background:transparent}
.langs a.active{background:#e5c58a;color:#203d2c;border-color:#e5c58a}
.hero{background:linear-gradient(110deg,#19382b 0%,#244c39 55%,#18382c 100%)}
.hero-pattern{opacity:.11;background-size:750px;mix-blend-mode:screen}
.hero-inner{min-height:440px;padding-block:64px 72px;gap:50px;grid-template-columns:1.1fr .9fr}
.hero h1{font:normal clamp(35px,3.8vw,54px)/1.3 Georgia,serif;letter-spacing:-.02em;margin:18px 0}
.hero p{font-size:16px;line-height:1.85}
.hero-photo{border:5px solid #d9bf8d;box-shadow:0 24px 60px #081c1770;min-height:240px;max-width:450px}
.hero-photo img{height:275px;filter:none;object-fit:cover}
.hero-bottom{height:4px}
.btn{background:#c4a26a;color:#183528;border-radius:4px}
.intro-heading h2,.section-heading h2{color:#142c50}
.tile{border-radius:3px;border-color:#e3dccf}
.tile h3{color:#142c50}
.tile-icon{color:#8b683a}
footer{background:#203d2c}
html[lang=ar] body{font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif;font-size:21px;line-height:1.8}
html[lang=ar] .hero h1,html[lang=ar] .intro-heading h2,html[lang=ar] .section-heading h2,html[lang=ar] .tile h3,html[lang=ar] .legacy-article>h2,html[lang=ar] .legacy-article>h3,html[lang=ar] .article h1{font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif;letter-spacing:0;font-weight:400}
html[lang=ar] .hero h1{font-size:clamp(34px,3.5vw,47px);line-height:1.65}
html[lang=ar] .hero p{font-size:22px;line-height:1.9}
html[lang=ar] .nav a{font-family:'El Messiri',sans-serif;font-size:21px;font-weight:400}
html[lang=ar] .eyebrow{font-size:20px;letter-spacing:0}
html[lang=ar] .intro-heading h2,html[lang=ar] .section-heading h2{font-size:36px;line-height:1.65}
html[lang=ar] .tile h3{font-size:27px}
html[lang=ar] .navigation-inner{direction:rtl}
html[lang=ar] .brand-band{direction:ltr}
html[lang=ar] .brand{direction:ltr}
html[lang=ar] .article{text-align:right}
@media(max-width:850px){.top{min-height:125px;flex-wrap:nowrap}.brand img{width:min(480px,85vw)}.navigation-inner{flex-wrap:wrap;gap:8px;padding-block:10px}.menu-toggle{display:block;color:#fff;background:#345642;border:1px solid #8da393;margin:0}.nav{display:none;order:3;width:100%;flex-basis:100%;padding:10px 0;gap:8px;border-top:1px solid #ffffff3d}.nav.open{display:flex}.nav a{padding:6px 9px}.langs{margin-inline-start:auto}.hero-inner{grid-template-columns:1fr;gap:30px;min-height:0}.hero-photo{width:100%}}
@media(max-width:560px){.brand-band{background-size:cover,auto 130%}.top{min-height:95px;padding-block:12px}.brand img{width:min(340px,90vw)}.hero-inner{padding-block:38px 48px}.hero h1{font-size:36px}.hero-photo img{height:220px}html[lang=ar] .hero h1{font-size:36px}html[lang=ar] .nav a{font-size:20px}}

/* Revision: El Messiri and internationally formatted contact information */
html[lang=ar] body{font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif;font-size:18px;line-height:1.9}
html[lang=ar] .hero h1{font-size:clamp(32px,3.3vw,46px);line-height:1.5;font-weight:500}
html[lang=ar] .hero p{font-size:19px;line-height:1.85}
html[lang=ar] .nav a{font-size:18px;font-weight:500}
html[lang=ar] .intro-heading h2,html[lang=ar] .section-heading h2{font-size:clamp(28px,3vw,36px);line-height:1.5}
html[lang=ar] .article h1{font-family:'El Messiri',sans-serif;font-size:clamp(30px,3vw,42px);line-height:1.5}
.contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.contact-panel{border:1px solid #e5ddcd;border-top:3px solid #b89b63;background:#fcfaf6;border-radius:5px;padding:25px;min-width:0}
.contact-panel h2{color:#142c50;font-size:clamp(20px,2vw,26px);margin:0 0 15px;line-height:1.5}
.contact-panel p{margin:0 0 17px;line-height:1.9;overflow-wrap:anywhere}
.contact-panel p:last-child{margin-bottom:0}
.contact-ltr,.contact-phone{display:inline-block;direction:ltr!important;unicode-bidi:isolate;text-align:left;white-space:normal;font-family:'DM Sans',Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:0}
.contact-phone{white-space:nowrap;text-decoration:underline;text-underline-offset:3px;font-variant-numeric:tabular-nums}
html[lang=ar] .contact-panel{text-align:right}
html[lang=ar] .contact-panel h2{font-family:'El Messiri',sans-serif;font-weight:600}
html[lang=ar] .contact-address{direction:ltr;text-align:right}
html[lang=ar] .contact-address .contact-ltr{direction:ltr;text-align:left}
.footer-credits{max-width:500px}.footer-credit{font-size:14px!important;line-height:1.8;margin:10px 0!important}.footer-credit a{font-weight:700;color:#f2d6a2;text-decoration:underline;text-underline-offset:3px}.footer-partner{opacity:.8;font-size:12px!important}
html[lang=ar] .footer-credits{text-align:right}
@media(max-width:650px){.contact-layout{grid-template-columns:1fr}.contact-panel{padding:20px}.contact-phone{font-size:16px}}

/* Clearly visible designer and hosting credits in all three languages */
.site-footer{background:#183a2b!important;color:#fff!important;border-top:4px solid #c7a064;padding:38px 0 42px}
.site-footer .footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-footer .footer-business-credits{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;flex:1;max-width:710px}
.site-footer .footer-credit-card{background:#ffffff12;border:1px solid #e6c99575;border-radius:8px;padding:17px 20px;min-width:0}
.site-footer .footer-credit-label{display:block;font-size:14px;line-height:1.6;color:#e9e1d1;margin-bottom:7px}
.site-footer .footer-credit-card a{display:block;color:#ffe1a6!important;font-size:17px;font-weight:700;line-height:1.5;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
html[lang=ar] .footer-business-credits{direction:rtl;text-align:right}
html[lang=ar] .footer-credit-label{font-family:'El Messiri',sans-serif;font-size:17px}
@media(max-width:850px){.site-footer .footer-main{flex-direction:column;align-items:stretch}.site-footer .footer-business-credits{max-width:none;width:100%}}
@media(max-width:560px){.site-footer .footer-business-credits{grid-template-columns:1fr}}

/* Arabic typography: override earlier shorthand font declarations */
html[lang="ar"] body,html[lang="ar"] .hero,html[lang="ar"] .hero p,html[lang="ar"] .eyebrow,html[lang="ar"] .nav a,html[lang="ar"] .tile,html[lang="ar"] .tile h3,html[lang="ar"] .intro-heading h2,html[lang="ar"] .section-heading h2,html[lang="ar"] .hero h1,html[lang="ar"] .article h1,html[lang="ar"] .article h2,html[lang="ar"] .article h3,html[lang="ar"] .legacy-article>h2,html[lang="ar"] .legacy-article>h3,html[lang="ar"] .contact-panel h2{font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif!important}
/* Prevent Arabic and Latin utility-bar copy from colliding */
.utility-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:8px}
.utility-inner span{display:block;min-width:0;line-height:1.5}
.utility-inner span:last-child{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
html[lang="ar"] .utility-inner{direction:rtl}
html[lang="ar"] .utility-inner span:first-child{direction:rtl;text-align:right}
/* Show hamburger only on mobile; desktop always uses full navigation */
@media(min-width:851px){.navigation-inner .menu-toggle{display:none!important}.navigation-inner .nav{display:flex!important}}
@media(max-width:850px){.utility-inner{gap:8px}.utility-inner span:last-child{font-size:11px}}

/* Official mosque prayer timetable */
.prayer-date{font-weight:600;color:#375846;margin:10px 0 20px;unicode-bidi:isolate;display:inline-block}.prayer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.prayer-card{background:#f9f7f0;border:1px solid #dfd6bf;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.prayer-card strong{color:#244834}.prayer-clock{font-family:Arial,sans-serif;font-size:24px;font-weight:700;color:#123e30;unicode-bidi:isolate}.prayer-source{font-size:13px;color:#647467;margin-top:15px}.prayer-unavailable{padding:22px;background:#fff9e8;border:1px solid #e6d7a9;border-radius:8px}.prayer-table-wrap{overflow-x:auto;margin:22px 0}.prayer-table{width:100%;border-collapse:collapse;min-width:680px}.prayer-table th,.prayer-table td{border-bottom:1px solid #ddd;padding:11px;text-align:center}.prayer-table th{background:#244834;color:white}@media(max-width:640px){.prayer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prayer-card{padding:12px}.prayer-clock{font-size:21px}}

/* Daily prayer timetable — immediately under navigation */
.today-prayers{background:#f7f3e9;border-bottom:2px solid #c4a16b;padding:24px 0 28px;color:#203d2c}
.today-prayers-inner{max-width:1200px}
.today-prayers-header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:12px}
.today-prayers-header h2{font:normal clamp(24px,2.5vw,34px)/1.25 Georgia,serif;color:#142c50;margin:5px 0 0}
html[lang=ar] .today-prayers-header h2{font-family:'El Messiri',sans-serif}
.today-prayers-link{display:inline-flex;align-items:center;gap:8px;text-align:center;white-space:normal}
.today-prayers .prayer-grid{margin-top:14px}
.today-prayers .prayer-date{margin-top:4px}
.today-prayers .prayer-source{margin-bottom:0;font-size:12px}
@media(max-width:700px){.today-prayers{padding:18px 0 22px}.today-prayers-header{align-items:stretch}.today-prayers-link{width:100%;justify-content:center}}

/* Transparent official company logos, aligned to the right of full footer credits */
.site-footer .footer-credit-card{display:flex;align-items:center;justify-content:space-between;gap:12px}
.site-footer .footer-credit-copy{min-width:0;flex:1}
.site-footer .footer-brand-logo{display:block;width:82px;height:82px;object-fit:contain;flex:0 0 82px;background:transparent;border:0}
html[lang=ar] .site-footer .footer-credit-card{direction:ltr}
html[lang=ar] .site-footer .footer-credit-copy{direction:rtl;text-align:right}
@media(max-width:450px){.site-footer .footer-credit-card{padding:13px}.site-footer .footer-brand-logo{width:64px;height:64px;flex-basis:64px}}

/* Footer logos: constrained sizing and safe layout */
.site-footer .footer-business-credits .footer-credit-card{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0;overflow:hidden}
.site-footer .footer-business-credits .footer-credit-copy{flex:1 1 auto;min-width:0}
.site-footer .footer-business-credits img.footer-brand-logo{display:block!important;box-sizing:border-box!important;width:76px!important;max-width:76px!important;min-width:76px!important;height:76px!important;max-height:76px!important;object-fit:contain!important;flex:0 0 76px!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;background:transparent!important}
@media(max-width:450px){.site-footer .footer-business-credits img.footer-brand-logo{width:58px!important;max-width:58px!important;min-width:58px!important;height:58px!important;max-height:58px!important;flex-basis:58px!important}}

/* Magnum IT Services logo only: white rounded-square backing.
   Perfect Hi-Tech logo and credit card background remain unchanged. */
.site-footer .footer-business-credits img.footer-brand-logo[src*="magnum-it-services-logo.png"] {
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 7px !important;
  box-sizing: border-box !important;
}
@media (max-width: 450px) {
  .site-footer .footer-business-credits img.footer-brand-logo[src*="magnum-it-services-logo.png"] {
    border-radius: 8px !important;
    padding: 5px !important;
  }
}

/* Branded logo tiles now include their backgrounds and borders in the actual PNG artwork. */
.site-footer .footer-business-credits img.footer-brand-logo[src*="magnum-it-services-logo.png"],
.site-footer .footer-business-credits img.footer-brand-logo[src*="perfect-hi-tech-logo.png"] {
 background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
}