/* AWJ shared chrome — awj-chrome.css
   Extracted verbatim from /assets/awj.css so every page on awjevent.com
   renders an identical navbar, mobile menu, footer, WhatsApp button and
   social icons. Contains NO element-level or generic layout selectors,
   so it is safe to load alongside the older Tailwind / bespoke pages. */

@font-face{font-family:'Cairo';font-style:normal;font-weight:300 900;font-display:swap;src:url('/assets/cairo-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
:root{--black:#050505;--charcoal:#111111;--silver:#C0C0C0;--white:#FAFAFA;--gold:#D4AF37;--line:rgba(250,250,250,.10);--line2:rgba(250,250,250,.06);--muted:rgba(250,250,250,.62);--wrap:1200px;--r:14px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.skip{position:absolute;inset-inline-start:-9999px;top:0;background:var(--gold);color:#050505;padding:12px 20px;z-index:200;font-weight:800}
.skip:focus{inset-inline-start:0}
#custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;border:1.5px solid var(--gold);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .25s,height .25s,background-color .25s,opacity .25s;will-change:transform;opacity:0}
#custom-cursor.ready{opacity:1}
#custom-cursor.cursor-hover{width:46px;height:46px;background:rgba(212,175,55,.16)}
@media (hover:none),(pointer:coarse){
  #custom-cursor{display:none}
}
.nav{position:fixed;top:0;inset-inline:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;background:rgba(5,5,5,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line2);transition:padding .3s}
.nav.compact{padding-block:11px}
.nav__logo img{height:50px;width:auto;object-fit:contain}
.nav__links{display:none;align-items:center;gap:30px}
.nav__links a{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color .25s}
.nav__links a:hover,.nav__links a.current{color:var(--gold)}
.nav__right{display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;font-weight:800;letter-spacing:.06em;transition:transform .25s,background-color .25s,color .25s,border-color .25s;border:1px solid transparent}
.btn--gold{background:var(--gold);color:#050505;padding:13px 26px;font-size:14px}
.btn--gold:hover{transform:translateY(-2px);background:#e3c457}
.nav__right .btn--gold{display:none}
.btn--ghost{border-color:var(--gold);color:var(--gold);padding:12px 24px;font-size:14px}
.btn--ghost:hover{background:var(--gold);color:#050505}
.btn--lang{border-color:var(--gold);color:var(--gold);padding:8px 16px;font-size:12px;letter-spacing:.12em}
.btn--lang:hover{background:var(--gold);color:#050505}
.burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border-radius:999px;border:1px solid var(--gold);background:transparent}
.burger span{display:block;width:18px;height:2px;background:var(--gold)}
#mnav{position:fixed;inset:0;z-index:95;background:rgba(5,5,5,.97);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:32px;opacity:0;visibility:hidden;transition:opacity .3s}
#mnav.open{opacity:1;visibility:visible}
#mnav a{font-size:1.5rem;font-weight:800;padding:.8rem 0;border-bottom:1px solid var(--line2)}
#mnav a:hover{color:var(--gold)}
#mnav-close{position:absolute;top:18px;inset-inline-end:24px;width:44px;height:44px;border-radius:999px;border:1px solid var(--gold);background:transparent;color:var(--gold);font-size:22px;line-height:1}
.foot{background:var(--charcoal);border-top:1px solid var(--line2);padding-block:72px 32px}
.foot__grid{display:grid;gap:34px;grid-template-columns:1fr;margin-bottom:44px}
.foot h4{color:var(--gold);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px}
.foot a{color:var(--muted);font-size:14px;display:block;padding-block:5px;transition:color .25s}
.foot a:hover{color:var(--gold)}
.foot__bar{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:rgba(250,250,250,.45);font-size:12.5px}
.wa{position:fixed;bottom:24px;inset-inline-end:24px;z-index:80;width:62px;height:62px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.45);transition:transform .3s}
.wa:hover{transform:scale(1.08)}
@media (min-width:768px){
  .foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
  .nav__links{display:flex}
  .burger{display:none}
  .nav__right .btn--gold{display:inline-flex}
  .foot__grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
  .nav{padding-inline:48px}
}

/* ---- unified circular social icons (all 21 pages) ---- */
.soc{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.foot .soc a,.soc a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(212,175,55,.38);background:rgba(212,175,55,.05);color:var(--gold,#D4AF37);transition:border-color .3s,background .3s,box-shadow .3s,transform .3s}
.soc a svg{width:19px;height:19px;fill:currentColor;display:block}
.foot .soc a:hover,.soc a:hover{border-color:var(--gold,#D4AF37);background:rgba(212,175,55,.16);box-shadow:0 0 18px rgba(212,175,55,.38);transform:translateY(-2px);color:var(--gold,#D4AF37)}
.soc a:focus-visible{outline:2px solid var(--gold,#D4AF37);outline-offset:3px}