@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/nav-inter-medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(assets/nav-noto-arabic-medium.ttf) format('truetype');
}


.nav-contact{position:relative;flex-shrink:0}.nav-contact summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font-size:11px;font-weight:700;white-space:nowrap}.nav-contact summary::-webkit-details-marker{display:none}.nav-contact summary span{font-size:17px;line-height:1;transition:transform .2s}.nav-contact[open] summary span{transform:rotate(180deg)}.nav-contact summary:focus-visible{outline:3px solid #48c7f4;outline-offset:5px}.nav-contact.current-section>summary{color:#57e3bf}.contact-submenu{position:absolute;top:calc(100% + 16px);inset-inline-end:0;min-width:205px;padding:10px;background:#010532;border:1px solid #ffffff35;box-shadow:0 16px 35px #0004;z-index:40}.expanded-header #nav .contact-submenu a{display:block;padding:13px 15px;font-size:13px;border:0;white-space:nowrap}.contact-submenu a:hover,.contact-submenu a:focus-visible{background:#ffffff12;color:#57e3bf}
@media(min-width:1251px){#header.expanded-header{column-gap:34px;grid-template-columns:165px minmax(0,1fr) auto}.expanded-header #nav{flex-wrap:nowrap;gap:12px;justify-content:flex-end;align-items:center}.expanded-header #nav>a,.nav-contact summary{font-size:11px}}
@media(max-width:1250px){#header.expanded-header{grid-template-columns:150px minmax(0,1fr) auto}.expanded-header #menu{display:block;grid-column:3;grid-row:2;min-width:44px;min-height:44px}.expanded-header .headercta{grid-column:2;justify-self:end}.expanded-header #nav{display:none;position:absolute;grid-column:1/-1;grid-row:auto;top:100%;left:0;right:0;width:100%;max-height:calc(100svh - 125px);overflow-y:auto;overflow-x:hidden;background:#010532;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;padding:14px 24px;gap:0}.expanded-header #nav.open{display:flex}.expanded-header #nav>a,.nav-contact summary{font-size:16px;padding:12px;min-height:44px;border-bottom:1px solid #ffffff18}.nav-contact summary{justify-content:space-between}.contact-submenu{position:static;min-width:0;margin:5px 12px 12px;padding:5px 12px;border:0;border-inline-start:2px solid #57e3bf;box-shadow:none;background:#ffffff08}.expanded-header #nav .contact-submenu a{font-size:15px;min-height:44px}}
@media(max-width:600px){#header.expanded-header{grid-template-columns:125px minmax(0,1fr) auto}}

@media(min-width:1251px){#header.expanded-header{grid-template-columns:260px minmax(0,1fr) auto;grid-template-rows:64px 44px;column-gap:26px;row-gap:12px;padding:18px 3vw 16px;min-height:154px}.expanded-header .brand{grid-column:1;grid-row:1;align-self:start}.expanded-header .brand img{width:260px;max-height:64px}.expanded-header .language-row{grid-column:2/-1;grid-row:1;align-self:start;padding-top:3px}.expanded-header #nav{grid-column:1/3;grid-row:2;justify-content:flex-end;gap:15px}.expanded-header #nav>a,.nav-contact summary{font-size:12px}.expanded-header .headercta{grid-column:3;grid-row:2}.heroTop{top:182px}}
@media(min-width:1251px) and (max-width:1320px){.expanded-header #nav{gap:12px}.expanded-header #nav>a,.nav-contact summary{font-size:11px}}
@media(min-width:601px) and (max-width:1250px){#header.expanded-header{grid-template-columns:210px minmax(0,1fr) auto}.expanded-header .brand img{width:210px;max-height:65px}}
@media(max-width:600px){#header.expanded-header{grid-template-columns:150px minmax(0,1fr) auto}.expanded-header .brand img{width:150px;max-height:60px}}
@media(max-width:360px){#header.expanded-header{grid-template-columns:140px minmax(0,1fr) auto}.expanded-header .brand img{width:140px}}

/* Supplied stacked brand mark, preserving its original proportions and colours. */
#header.expanded-header .brand img{object-fit:contain;filter:none}
@media(min-width:1251px){#header.expanded-header{grid-template-columns:140px minmax(0,1fr) auto}.expanded-header .brand{grid-column:1;grid-row:1/3;align-self:center;justify-self:start}.expanded-header .brand img{width:120px;height:120px;max-height:120px}.expanded-header #nav{grid-column:2;grid-row:2;gap:12px}}
@media(min-width:1251px) and (max-width:1320px){.expanded-header #nav{gap:10px}}
@media(min-width:601px) and (max-width:1250px){#header.expanded-header{grid-template-columns:110px minmax(0,1fr) auto}.expanded-header .brand img{width:95px;height:95px;max-height:95px}}
@media(max-width:600px){#header.expanded-header{grid-template-columns:90px minmax(0,1fr) auto;min-height:118px}.expanded-header .brand img{width:82px;height:82px;max-height:82px}}

/* Club crest in the utility row and stadium-colour event CTA. */
#header .language-row{align-items:center;}
#header .club-header-link{display:flex;align-items:center;justify-content:center;border-inline-start:1px solid #ffffff45;padding-inline-start:22px;margin-inline-start:8px;min-width:48px;min-height:48px;}
#header .club-header-link img{height:54px;width:25px;object-fit:contain;transition:transform .2s;}
#header .club-header-link:hover img{transform:translateY(-2px);}
#header.expanded-header .headercta{background:linear-gradient(115deg,#77dcca 0%,#35c5df 38%,#63c3ed 64%,#7bd479 100%);color:#010532;border:1px solid #ffffff55;font-weight:800;box-shadow:0 3px 14px #001a3325;border-radius:3px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:filter .2s,box-shadow .2s;}
#header.expanded-header .headercta:hover{filter:brightness(1.12);box-shadow:0 5px 20px #35c5df45;}
@media(max-width:600px){#header .language-row{gap:9px;}#header .club-header-link{padding-inline-start:12px;margin-inline-start:0;min-width:32px;min-height:38px;}#header .club-header-link img{height:36px;width:17px;}#header.expanded-header{grid-template-rows:38px auto;}}
@media(prefers-reduced-motion:reduce){#header .club-header-link img,#header.expanded-header .headercta{transition:none;}}

/* The club emblem highlights yellow on interaction. */
#header .club-header-link img{filter:brightness(0) invert(1);transition:filter .2s ease,transform .2s ease;}
#header .club-header-link:hover img,#header .club-header-link:focus-visible img,#header .club-header-link:active img{filter:none;}
@media(prefers-reduced-motion:reduce){#header .club-header-link img{transition:none;}}

/* Keep the destination visible beneath the mobile navigation. */
@media(max-width:1250px){
 #header.expanded-header #nav{height:auto;min-height:0;max-height:40vh;max-height:40svh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:8px 20px;scrollbar-width:thin;scrollbar-color:#59dfbf #101940;border-bottom:2px solid #35c5df;box-shadow:0 12px 24px #0003;}
 #header.expanded-header #nav>a,#header.expanded-header .nav-contact summary{padding:10px 12px;min-height:44px;}
}

/* Split stadium link and submenu control, usable by mouse, touch and keyboard. */
.nav-stadium{position:relative;flex-shrink:0}.stadium-nav-row{display:flex;align-items:center;gap:2px}.expanded-header #nav .stadium-nav-row>a{font-size:12px;font-weight:700;white-space:nowrap;padding:0;border:0}.stadium-nav-toggle{display:grid;place-items:center;width:28px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font-size:18px}.stadium-nav-toggle[aria-expanded=true] span{transform:rotate(180deg)}.stadium-nav-toggle:focus-visible{outline:2px solid #57e3bf;outline-offset:2px}.stadium-submenu{position:absolute;top:100%;inset-inline-start:0;width:260px;padding:10px;background:#010532;border:1px solid #ffffff35;box-shadow:0 16px 35px #0004;z-index:45}.stadium-submenu[hidden]{display:none!important}.expanded-header #nav .stadium-submenu>a{display:block;padding:13px 15px;font-size:13px;line-height:1.5;white-space:normal;border:0}.stadium-submenu>a:hover,.stadium-submenu>a:focus-visible{background:#ffffff12;color:#57e3bf}#design-inspiration,#accessibility,#sustainability,#stadium-tours{scroll-margin-top:175px}
@media(max-width:1250px){.stadium-nav-row{border-bottom:1px solid #ffffff18;justify-content:space-between}.expanded-header #nav .stadium-nav-row>a{flex:1;font-size:16px;padding:10px 12px;min-height:44px;display:flex;align-items:center}.stadium-nav-toggle{width:44px;flex-shrink:0}.stadium-submenu{position:static;width:auto;min-width:0;margin:5px 12px 12px;padding:5px 12px;box-shadow:none;border:0;border-inline-start:2px solid #57e3bf;background:#ffffff08}.expanded-header #nav .stadium-submenu>a{font-size:15px;min-height:44px}#design-inspiration,#accessibility,#sustainability,#stadium-tours{scroll-margin-top:135px}}

/* Readable medium-weight bilingual navigation. */
#header.expanded-header #nav a,#header.expanded-header #nav summary{font-family:'Inter',Arial,sans-serif;font-weight:500;letter-spacing:0;line-height:1.5}
html[dir="rtl"] #header.expanded-header #nav a,html[dir="rtl"] #header.expanded-header #nav summary{font-family:'Noto Sans Arabic',Arial,sans-serif;font-weight:500}
@media(min-width:1251px){#header.expanded-header #nav{gap:14px}#header.expanded-header #nav>a,#header.expanded-header #nav .stadium-nav-row>a,#header.expanded-header #nav summary{font-size:13px}.stadium-nav-toggle{width:22px}}
@media(min-width:1440px){#header.expanded-header #nav{gap:16px}#header.expanded-header #nav>a,#header.expanded-header #nav .stadium-nav-row>a,#header.expanded-header #nav summary{font-size:14px}}
#header.expanded-header #nav .stadium-submenu>a,#header.expanded-header #nav .contact-submenu>a{font-size:14px}
@media(max-width:1250px){#header.expanded-header #nav>a,#header.expanded-header #nav .stadium-nav-row>a,#header.expanded-header #nav summary{font-size:16px}#header.expanded-header #nav .stadium-submenu>a,#header.expanded-header #nav .contact-submenu>a{font-size:15px}}
.nav-contact summary span,.stadium-nav-toggle span{display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;font-size:0!important;transform:rotate(45deg);transition:transform .2s}
.nav-contact[open] summary span,.stadium-nav-toggle[aria-expanded=true] span{transform:rotate(225deg)}
@media(min-width:1251px) and (max-width:1360px){#header.expanded-header #nav{gap:9px}#header.expanded-header #nav>a,#header.expanded-header #nav .stadium-nav-row>a,#header.expanded-header #nav summary{font-size:12px}}

/* Explicit mobile disclosure: the entire Stadium row opens its sections. */
.stadium-mobile-toggle{display:none}
@media(max-width:1250px){
 #header.expanded-header #nav .stadium-nav-row>a,.stadium-nav-row>.stadium-nav-toggle{display:none}
 .stadium-mobile-toggle{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;min-height:76px;padding:12px;border:0;background:transparent;color:#fff;text-align:start;cursor:pointer;font-family:'Inter',Arial,sans-serif;line-height:1.5}
 .stadium-mobile-toggle b{font-size:16px;font-weight:500}
 .stadium-mobile-toggle small{display:flex;align-items:center;gap:7px;color:#69e1d4;font-size:13px;font-weight:600;line-height:1.5}
 .stadium-mobile-toggle i{font-size:19px;font-style:normal;line-height:1}
 .stadium-mobile-toggle em{font-style:normal}
 .stadium-mobile-toggle:hover,.stadium-mobile-toggle[aria-expanded=true]{background:#ffffff08}
 .stadium-mobile-toggle:focus-visible{outline:2px solid #69e1d4;outline-offset:-2px}
 html[dir="rtl"] .stadium-mobile-toggle{font-family:'Noto Sans Arabic',Arial,sans-serif}
}

/* Mobile-only bullets use the broad green foreground petal from the actual emblem. */
@media(max-width:600px){
 #header.expanded-header #nav>a,
 #header.expanded-header #nav .stadium-mobile-toggle,
 #header.expanded-header #nav .nav-contact>summary{position:relative;padding-inline-start:40px}
 #header.expanded-header #nav>a::before,
 #header.expanded-header #nav .stadium-mobile-toggle::before,
 #header.expanded-header #nav .nav-contact>summary::before{content:"";position:absolute;inset-inline-start:12px;top:13px;width:14px;height:23px;background:#00ad4a;mask:url('assets/roof-panel-1.svg') center/contain no-repeat;-webkit-mask:url('assets/roof-panel-1.svg') center/contain no-repeat;pointer-events:none}
 #header.expanded-header #nav>a:nth-child(3n+2)::before{background:#1480db}
 #header.expanded-header #nav>a:nth-child(3n)::before{background:#00aba6}
 #header.expanded-header #nav .nav-contact>summary::before{background:#00aba6}
}