/* Touba Tawfeex seven-section navigation (dev, 21 Oct 2026). Header/nav only. */
header .tt-nav7{display:none}
@media(min-width:1280px){header nav.tt-nav7{display:flex;align-items:center}}
.tt-nav7-list,.tt-mnav-list,.tt-drop-menu,.tt-msub{list-style:none;margin:0;padding:0}
.tt-nav7-list{display:flex;align-items:center;gap:2px}
.tt-nav7 .tt-top{position:relative;display:inline-flex;align-items:center;gap:4px;border:0;background:none;cursor:pointer;border-radius:8px;padding:8px 11px;font:inherit;font-size:14px;font-weight:600;line-height:1.25;color:#0a2540;text-decoration:none;white-space:nowrap}
.tt-nav7 .tt-top:hover{color:#15803d}
.tt-drop{position:relative}
.tt-drop-btn .tt-chev,.tt-macc-btn .tt-chev{transition:transform .15s}
.tt-drop-btn[aria-expanded="true"] .tt-chev,.tt-macc-btn[aria-expanded="true"] .tt-chev{transform:rotate(180deg)}
/* dropdown: keyboard/click open state (hover handled by existing page CSS + JS) */
.tt-nav7 .tt-drop-menu{min-width:13.5rem}
.tt-nav7 .tt-drop-menu a{color:#0a2540}
.tt-nav7 .tt-drop-menu a:hover,.tt-nav7 .tt-drop-menu a:focus-visible{background:#eef5f0;color:#0a2540;text-decoration:underline}
.tt-nav7 .tt-drop-menu a.tt-nav-on{color:#0a2540;background:#eef5f0}
.tt-nav7 .tt-drop-menu a.tt-nav-on::after{display:none}
/* right-hand controls */
.tt-future-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:999px;font:inherit;cursor:not-allowed}
.tt-future-icon{height:40px;min-width:40px;justify-content:center;padding:0 9px;display:none}
@media(min-width:1280px){.tt-future-icon{display:inline-flex}}
.tt-lang-code{font-size:12px;font-weight:700}
/* focus visibility */
header a:focus-visible,header button:focus-visible,#tt-mobile-nav a:focus-visible,#tt-mobile-nav button:focus-visible{outline:3px solid #15803d;outline-offset:2px;border-radius:8px}
/* charity name readability */
header .tt-brand-name{font-size:17px!important;line-height:1.2;font-weight:800;color:#0a2540}
header .tt-brand-sub{font-size:12.5px!important;line-height:1.25;color:#334155;font-weight:600}
@media(min-width:768px){header .tt-brand-name{font-size:18px!important}header .tt-brand-sub{font-size:13px!important}}
/* mobile menu */
.tt-mnav{padding-top:10px;padding-bottom:18px}
.tt-mnav .tt-mtop{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:48px;padding:10px 12px;border:0;background:none;border-radius:10px;font:inherit;font-size:17px;font-weight:700;color:#0a2540;text-align:left;text-decoration:none;cursor:pointer}
.tt-mnav .tt-mtop:hover{background:#f3f7f4}
.tt-mnav .tt-msub{margin:2px 0 8px 12px;padding-left:10px;border-left:3px solid #15803d}
.tt-mnav .tt-msub[hidden]{display:none}
.tt-mnav .tt-msub a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px;font-size:16px;font-weight:600;color:#0a2540;text-decoration:none}
.tt-mnav .tt-msub a:hover{background:#eef5f0}
.tt-mnav a.tt-nav-on{background:#eef5f0;color:#0a2540}
.tt-mfuture{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px;padding-top:12px;border-top:1px solid #e2e8f0}
.tt-mfuture .tt-future-btn{min-height:44px;padding:8px 14px;font-size:15px;font-weight:600;border-radius:10px;text-align:left}
.tt-mfuture small{font-size:13px;font-weight:500;color:#475569}
.tt-mnav .btn{display:flex;width:100%;justify-content:center}
/* anchors: keep headings clear of the header */
#our-charity,#mourid-history,#caliphs{scroll-margin-top:96px}
/* compact green information bar on phones (no text truncated; social icons stay in the footer "Follow Us") */
@media(max-width:767px){
  .tt-utility-bar>.container-page{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px!important;padding-top:4px!important;padding-bottom:4px!important}
  .tt-utility-bar>.container-page>div:first-child{grid-column:1/-1;gap:2px 12px!important;min-width:0}
  .tt-utility-bar .tt-green-fund{grid-column:1/-1;flex-wrap:nowrap!important;justify-content:space-between;min-width:0;width:100%}
  .tt-utility-bar .tt-green-fund>div{min-width:0}
  .tt-utility-bar .tt-green-fund p{white-space:normal!important;font-size:11px!important}
  .tt-utility-bar .tt-green-fund [role="progressbar"]{width:110px!important}
  .tt-utility-bar>.container-page>div:last-child{display:none!important}
}
.tt-mnav .tt-chev{width:18px;height:18px;flex:none}
#tt-mobile-nav .tt-nav-on::after{display:none}
.tt-nav7 .tt-drop-btn.tt-nav-on{box-shadow:inset 0 -2px 0 #15803d}


/* t668u: live notification bell (no longer "coming soon") */
.tt-future-btn.tt-notif-open,
button.tt-notif-open,
a.tt-notif-open{cursor:pointer;opacity:1}
.tt-future-btn.tt-notif-open[aria-disabled="true"]{cursor:pointer}