/* Shared public font faces. Feature stylesheets own their presentation rules. */
:root {
  --e7-yellow: #ffcd00;
  --e7-green: #00b66d;
  --e7-blue: #00aae6;
  --e7-navy: #060533;
  --e7-orange: #ff7300;
  --e7-purple: #743ddf;
  --e7-magenta: #9c1a8e;
  --e7-white: #ffffff;
  --e7-paper: #f6f7f9;
  --e7-ink-60: rgba(6, 5, 51, 0.6);
  --e7-ink-40: rgba(6, 5, 51, 0.4);
  --e7-ink-15: rgba(6, 5, 51, 0.15);
  --e7-line: rgba(6, 5, 51, 0.12);
  --e7-yellow-soft: #fff4c2;
  --e7-green-soft: #d3f4e6;
  --e7-blue-soft: #cceffb;
}

@font-face { font-family: "Ticket Noto Arabic"; src: url("/assets/NotoSansArabic-c76b8a65.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Ticket Display Arabic"; src: url("/assets/lutfey-arabic-regular-7d42feab.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "E7sebha Arabic"; src: url("/assets/din-next-arabic-regular-7e77058f.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Lutfey Arabic"; src: url("/assets/lutfey-arabic-regular-7d42feab.otf") format("opentype"); font-weight: 400; font-display: swap; }
/* The Lutfey DEMO build draws every digit as the foundry's watermark stamp, so numerals
   fall back to DIN Next Arabic. Declared after the Lutfey faces so they win the overlap. */
@font-face { font-family: "Ticket Display Arabic"; src: url("/assets/din-next-arabic-medium-a2723806.ttf") format("truetype"); unicode-range: U+0030-0039, U+0660-0669, U+06F0-06F9; font-display: swap; }
@font-face { font-family: "Lutfey Arabic"; src: url("/assets/din-next-arabic-medium-a2723806.ttf") format("truetype"); unicode-range: U+0030-0039, U+0660-0669, U+06F0-06F9; font-weight: 400; font-display: swap; }
@font-face { font-family: "DIN Next LT Arabic"; src: url("/assets/din-next-arabic-light-29b123a1.ttf") format("truetype"); font-weight: 300; font-display: swap; }
@font-face { font-family: "DIN Next LT Arabic"; src: url("/assets/din-next-arabic-regular-7e77058f.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "DIN Next LT Arabic"; src: url("/assets/din-next-arabic-medium-a2723806.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Proxima Nova"; src: url("/assets/ProximaNova-Regular-ae9492c4.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Organica"; src: url("/assets/organica-regular-9a61c640.otf") format("opentype"); font-weight: 400; font-display: swap; }

.e7sebha-public { background: var(--e7-paper); color: var(--e7-navy); font-family: "DIN Next LT Arabic", "Lutfey Arabic", ui-sans-serif, system-ui, sans-serif; }
.e7sebha-public:lang(en) { font-family: "Proxima Nova", ui-sans-serif, system-ui, sans-serif; }
.e7sebha-site-header { position: relative; z-index: 20; background: var(--e7-navy); color: #fff; background-image: radial-gradient(rgb(255 255 255 / .08) 1px, transparent 1.5px); background-size: 18px 18px; }
.e7sebha-site-header__inner { display: flex; min-height: 4.5rem; width: min(100% - 2rem, 91rem); align-items: center; justify-content: space-between; gap: 1rem; margin-inline: auto; }
.e7sebha-site-header__brand, .e7sebha-site-header__nav { display: inline-flex; align-items: center; gap: .75rem; }
.e7sebha-site-header__brand { display: inline-flex; color: #fff; text-decoration: none; }
.e7sebha-site-header__logo { width: 5.5rem; height: 2.45rem; object-fit: contain; }
.e7sebha-site-header__nav { flex-wrap: wrap; justify-content: flex-end; font-size: .9rem; }
.e7sebha-site-header__nav a { color: rgb(255 255 255 / .78); font-weight: 500; text-decoration: none; }
.e7sebha-site-header__nav a:hover { color: #fff; }
.e7sebha-site-header__nav a.e7sebha-site-header__nav-link--active { color: #fff; font-weight: 700; text-decoration: underline; text-decoration-color: var(--e7-yellow); text-decoration-thickness: 2px; text-underline-offset: .35rem; }
.e7sebha-site-header__nav .e7sebha-site-header__cta { border-radius: 999px; background: var(--e7-yellow); padding: .52rem 1rem; color: var(--e7-navy); font-weight: 700; }
@media (max-width: 47.99rem) { .e7sebha-site-header__inner { min-height: 3.85rem; width: min(100% - 1.25rem, 40rem); } .e7sebha-site-header__nav { gap: .6rem; font-size: .78rem; } .e7sebha-site-header__nav a:not(.e7sebha-site-header__cta):first-child { display: none; } .e7sebha-site-header__logo { width: 4.2rem; height: 2rem; } }