/* Verified Jannah wrappers and native navigation; scoped to the cinematic homepage. */
body#tie-body.pre-home-jannah { padding:0 !important; border:0; background:#080a0b; }
body.pre-home-jannah.border-layout::before, body.pre-home-jannah.border-layout::after { display:none; }
body.pre-home-jannah { --pre-home-shell-header:88px; }
body.pre-home-jannah :is(.background-overlay,#tie-container,#tie-wrapper) { width:100%; max-width:none; margin:0; padding:0; border:0; box-shadow:none; }
body.pre-home-jannah #tie-wrapper { position:relative; }
body.pre-home-jannah #content.site-content { width:100%; max-width:none; margin:0; padding:0; }
body.pre-home-jannah #main-content-row { display:block; width:100%; margin:0; padding:0; }
body.pre-home-jannah #theme-header {
 --main-nav-background:transparent; --main-nav-primary-color:#f3f3ef; --main-nav-main-border-color:transparent;
 --brand-color:#ec3445; --dark-brand-color:#ba2033; --main-nav-height:72px;
 position:relative; width:100%; max-width:none; margin:0; z-index:30; border:0;
 background:linear-gradient(180deg,#080b0dee,#080b0d91) !important; box-shadow:0 1px #ffffff20;
}
body.pre-home-jannah #theme-header :is(a,.logo-text,.site-description,input) { font-family:"Cairo",sans-serif; letter-spacing:0; }
body.pre-home-jannah #theme-header :is(.header-container,.logo-row,.logo-wrapper,.logo-container) { background:transparent; box-shadow:none; border:0; }
body.pre-home-jannah #theme-header #logo { margin:8px 0 !important; float:none; }
body.pre-home-jannah #theme-header #logo img { width:auto !important; height:auto !important; max-height:58px !important; max-width:210px; object-fit:contain; }
body.pre-home-jannah #theme-header :is(.logo-text,.logo-text h1) { color:#f4f4f0; font-size:1.15rem; line-height:1.5; max-width:250px; overflow-wrap:anywhere; }
body.pre-home-jannah #theme-header .site-description { font-size:.75rem; color:#c3cbce; }
body.pre-home-jannah #theme-header #top-nav { display:none; }
body.pre-home-jannah #theme-header .stream-item-top-wrapper { display:none; }
body.pre-home-jannah #main-nav { background:transparent; border:0; line-height:72px !important; }
body.pre-home-jannah #theme-header .fixed-nav { background:#090e10f7 !important; border-block-end:1px solid #454e52; width:100%; max-width:none; left:0; right:0; top:var(--pre-home-admin-height,0px) !important; }
body.pre-home-jannah #main-nav .menu > li > a { color:#e0e5e5; font-size:.9rem; min-height:48px; padding-inline:14px; }
body.pre-home-jannah #main-nav .menu > li:is(:hover,.current-menu-item,.current-menu-ancestor) > a { color:#fff; background:#731725a8; box-shadow:inset 0 -2px #ed3445; }
body.pre-home-jannah #main-nav .menu-sub-content { background:#101719; color:#eee; border-color:#903142; }
body.pre-home-jannah #main-nav .menu-sub-content a { color:#eee; }
body.pre-home-jannah #main-nav .components > li > a { min-width:44px; }
body.pre-home-jannah .side-aside :is(a,p,input,button,.widget-title) { font-family:"Cairo",sans-serif; letter-spacing:0; }
body.pre-home-jannah .side-aside { background:#0b1013; color:#f1f4f3; }
body.pre-home-jannah #mobile-menu a { min-height:48px; display:flex; align-items:center; color:#edf0ee; }
body.pre-home-jannah #footer { background:#080c0e; border-block-start:1px solid #485256; }
body.pre-home-jannah #footer :is(a,p,span,.widget-title) { font-family:"Cairo",sans-serif; letter-spacing:0; }
@media (min-width:1101px) {
 body.pre-home-jannah #theme-header { display:flex; flex-wrap:wrap; align-items:center; padding-inline:32px; }
 body.pre-home-jannah #theme-header > .header-container { flex:0 1 260px; width:auto; padding:0 16px; margin:0; }
 body.pre-home-jannah #theme-header :is(.logo-row,.logo-container) { width:100%; margin:0; padding:0; }
 body.pre-home-jannah #theme-header > .main-nav-wrapper { flex:1 1 600px; min-width:0; }
 body.pre-home-jannah #main-nav > .container { width:100%; max-width:none; padding-inline:12px; }
 body.pre-home-jannah #main-nav:not(.fixed-nav) #menu-components-wrap { flex-wrap:wrap; }
 body.pre-home-jannah #theme-header .header-layout-1-logo { width:auto !important; max-width:250px; flex-shrink:0; }
 body.pre-home-jannah #main-nav-menu > .menu { flex-wrap:wrap; }
 body.pre-home-jannah.pre-home-hero-first-desktop #theme-header { position:absolute; inset:0 0 auto; }
 body.pre-home-jannah.pre-home-custom-footer-desktop #footer { display:none; }
}
@media (max-width:1100px) {
 body.pre-home-jannah { --pre-home-shell-header:76px; }
 body.pre-home-jannah #theme-header :is(.header-container,.logo-row,.logo-wrapper) { width:100%; margin:0; padding:0; max-width:none; }
 body.pre-home-jannah #theme-header :is(.logo-container,.header-layout-1-logo) { width:auto; min-width:0; padding-inline:16px; }
 body.pre-home-jannah #theme-header :is(.logo-container,.main-menu-wrapper) { display:flex; align-items:center; justify-content:space-between; min-height:72px; }
 body.pre-home-jannah #theme-header #logo { flex:1; min-width:0; margin:8px !important; text-align:center; }
 body.pre-home-jannah #theme-header #logo img { max-width:170px; max-height:48px !important; margin-inline:auto; }
 body.pre-home-jannah #theme-header :is(.header-layout-1-logo,#logo) .logo-text { font-size:1rem; line-height:1.5; }
 body.pre-home-jannah #theme-header :is(.mobile-header-components,.mobile-header-components .components) { display:flex !important; align-items:center; height:auto; flex:0 0 auto; }
 body.pre-home-jannah #theme-header .mobile-header-components li.custom-menu-link > a { display:flex; align-items:center; justify-content:center; padding:0; min-width:44px; min-height:48px; color:#f4f4f0; }
 body.pre-home-jannah #theme-header .nav-icon,
 body.pre-home-jannah #theme-header .nav-icon::before,
 body.pre-home-jannah #theme-header .nav-icon::after { background:#f1f4f3; }
 body.pre-home-jannah #theme-header:not(.header-layout-1):not(.header-layout-4) > .main-nav-wrapper,
 body.pre-home-jannah #theme-header :is(#menu-components-wrap,#sticky-nav-mask) { display:none; }
 body.pre-home-jannah #theme-header .header-layout-1-logo { flex:1; }
 body.pre-home-jannah .side-aside #mobile-menu { display:block; }
 body.pre-home-jannah .side-aside #mobile-container { display:block; }
}
@media (min-width:601px) and (max-width:1100px) {
 body.pre-home-jannah.pre-home-hero-first-tablet #theme-header { position:absolute; inset:0 0 auto; }
 body.pre-home-jannah.pre-home-custom-footer-tablet #footer { display:none; }
}
@media (max-width:600px) {
 body.pre-home-jannah.pre-home-hero-first-mobile #theme-header { position:absolute; inset:0 0 auto; }
 body.pre-home-jannah.pre-home-custom-footer-mobile #footer { display:none; }
 body.pre-home-jannah #theme-header #logo img { max-width:140px; }
 body.pre-home-jannah #theme-header .site-description { display:none; }
}
@media (prefers-reduced-motion:reduce) {
 body.pre-home-jannah #theme-header *, body.pre-home-jannah .side-aside * { transition:none !important; animation:none !important; }
}
