/* Abdulaziz Global Header */
:root{
  --az-bg:#0e1317;
  --az-bg-2:#151b20;
  --az-gold:#d0a65e;
  --az-gold-2:#e0bd7c;
  --az-text:#f7f7f7;
  --az-muted:#c7cbd0;
  --az-line:rgba(255,255,255,.09);
}

.az-global-header,
.az-global-header *{
  box-sizing:border-box;
}

.az-global-header{
  width:100%;
  position:relative;
  z-index:999999;
  direction:rtl;
  font-family:"Tajawal","Noto Kufi Arabic","Segoe UI",Arial,sans-serif;
  color:var(--az-text);
  background:var(--az-bg);
}

.az-wrap{
  width:min(1240px, calc(100% - 32px));
  margin-inline:auto;
}

.az-topbar{
  background:#0a0f12;
  border-bottom:1px solid var(--az-line);
}

.az-topbar-inner{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  font-size:13px;
}

.az-welcome{
  font-weight:700;
  white-space:nowrap;
}

.az-top-info{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:22px;
  flex-wrap:wrap;
}

.az-top-item{
  color:var(--az-muted);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
  line-height:1.4;
}

a.az-top-item:hover{
  color:#fff;
}

.az-ico{
  color:var(--az-gold-2);
  font-size:15px;
}

.az-mainbar{
  background:
    linear-gradient(90deg, rgba(11,15,19,.99), rgba(21,27,32,.98));
  border-bottom:1px solid var(--az-line);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.az-mainbar-inner{
  min-height:94px;
  display:flex;
  align-items:center;
  gap:28px;
}

.az-brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  text-decoration:none;
}

.az-brand img{
  width:245px;
  max-width:30vw;
  height:72px;
  object-fit:contain;
  object-position:right center;
  display:block;
}

.az-nav{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
}

.az-nav a{
  position:relative;
  color:#f4f4f4;
  text-decoration:none;
  font-size:16px;
  font-weight:800;
  padding:36px 14px 31px;
  transition:color .2s ease;
}

.az-nav a::after{
  content:"";
  position:absolute;
  right:14px;
  left:14px;
  bottom:20px;
  height:2px;
  background:linear-gradient(90deg,var(--az-gold),var(--az-gold-2));
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}

.az-nav a:hover,
.az-nav a:focus{
  color:var(--az-gold-2);
}

.az-nav a:hover::after,
.az-nav a:focus::after{
  transform:scaleX(1);
}

.az-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.az-btn{
  min-height:46px;
  padding:0 17px;
  border-radius:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.az-btn-outline{
  color:#fff;
  border:1px solid rgba(208,166,94,.68);
  background:transparent;
}

.az-btn-outline:hover{
  background:rgba(208,166,94,.12);
}

.az-btn-gold{
  color:#111;
  background:linear-gradient(135deg,var(--az-gold-2),#c8923e);
  box-shadow:0 8px 20px rgba(200,146,62,.20);
}

.az-btn-gold:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(200,146,62,.28);
}

.az-menu-toggle{
  display:none;
  width:46px;
  height:44px;
  padding:9px;
  border-radius:4px;
  border:1px solid rgba(208,166,94,.55);
  background:#12181d;
  cursor:pointer;
}

.az-menu-toggle span{
  display:block;
  height:2px;
  width:100%;
  background:var(--az-gold-2);
  margin:5px 0;
  transition:.2s ease;
}

/* Try to suppress the most common theme headers so the custom header does not duplicate.
   These selectors intentionally avoid generic <header> elements. */
body.az-global-header-enabled #masthead,
body.az-global-header-enabled .site-header:not(.az-global-header),
body.az-global-header-enabled .main-header:not(.az-global-header),
body.az-global-header-enabled .theme-header:not(.az-global-header),
body.az-global-header-enabled .elementor-location-header,
body.az-global-header-enabled header#site-header{
  display:none !important;
}

body.az-global-header-enabled.admin-bar .az-global-header{
  /* WordPress admin bar remains above this header naturally. */
}

@media (max-width:1080px){
  .az-mainbar-inner{
    min-height:82px;
    justify-content:space-between;
  }

  .az-brand img{
    width:205px;
    height:62px;
    max-width:none;
  }

  .az-menu-toggle{
    display:block;
    order:3;
  }

  .az-actions{
    display:none;
  }

  .az-nav{
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    width:100%;
    background:#10161b;
    border-top:1px solid var(--az-line);
    box-shadow:0 18px 35px rgba(0,0,0,.35);
    padding:10px 18px 20px;
    flex-direction:column;
    align-items:stretch;
    z-index:999999;
  }

  .az-mainbar{
    position:relative;
  }

  .az-nav.az-open{
    display:flex;
  }

  .az-nav a{
    padding:15px 8px;
    border-bottom:1px solid rgba(255,255,255,.07);
  }

  .az-nav a::after{
    display:none;
  }
}

@media (max-width:780px){
  .az-topbar-inner{
    min-height:auto;
    padding:8px 0;
    justify-content:center;
  }

  .az-welcome{
    display:none;
  }

  .az-top-info{
    width:100%;
    justify-content:center;
    gap:10px 16px;
    font-size:12px;
  }

  .az-brand img{
    width:175px;
    height:56px;
  }
}

@media (max-width:560px){
  .az-wrap{
    width:min(100% - 22px, 1240px);
  }

  .az-top-info .az-top-item:first-child{
    display:none;
  }

  .az-mainbar-inner{
    min-height:72px;
  }

  .az-brand img{
    width:160px;
    height:50px;
  }

  .az-menu-toggle{
    width:42px;
    height:40px;
  }
}


/* v1.0.2 transparent logo adjustments */
.az-brand,
.az-brand img{
  background:transparent !important;
}

.az-brand img{
  width:255px !important;
  height:72px !important;
  object-fit:contain !important;
  object-position:right center !important;
  border:0 !important;
  box-shadow:none !important;
}

@media (max-width:1080px){
  .az-brand img{
    width:205px !important;
    height:60px !important;
  }
}

@media (max-width:780px){
  .az-brand img{
    width:175px !important;
    height:54px !important;
  }
}

@media (max-width:560px){
  .az-brand img{
    width:155px !important;
    height:48px !important;
  }
}