/* AHC Header widget (v14)
   - RTL layout: logo right, menu center, whatsapp button left
   - Colors controlled via CSS variables set inline on wrapper
*/

.ahc-header-widget{
  font-family: var(--ahc-font, 'Tajawal', Tahoma, Arial);
  position: relative; /* fallback: JS will switch to fixed when needed */
  z-index: 999;
}

/* Fixed (sticky) mode - enabled via JS for maximum theme compatibility */
.ahc-header-widget.ahc-fixed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
}

.ahc-header-widget .ahc-header-inner{
  background: var(--ahc-bg, #fff);
  color: var(--ahc-text, #0b3954);
  height: var(--ahc-h, 84px);
  width: 100%;
  max-width: var(--ahc-w, 100%);
  margin: 0 auto;
  border-radius: var(--ahc-radius, 0px);
  box-shadow: none;
  transition: box-shadow .2s ease, transform .2s ease;
}

/* Content wrapper (keeps size the same while sticky background can be full width) */
.ahc-header-widget .ahc-header-wrap{
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding: 0 22px;
  width: 100%;
  max-width: var(--ahc-w, 100%);
  margin: 0 auto;
}

/* Shadow appears only when page is scrolled */
.ahc-header-widget.ahc-scrolled .ahc-header-inner{
  box-shadow: 0 14px 34px rgba(2,6,23,.14);
  /* Make the sticky bar full width, but keep content size via .ahc-header-wrap */
  max-width: 100%;
  border-radius: 0;
}

.ahc-header-widget .ahc-header-logo{
  display:flex;
  align-items:center;
  gap:10px;
  flex: 0 0 auto;
}

.ahc-header-widget .ahc-header-logo img{
  height: calc(var(--ahc-h, 84px) - 26px);
  width:auto;
  max-width: var(--ahc-logo-w, 140px);
  object-fit:contain;
}

.ahc-header-widget nav.ahc-header-nav{
  flex: 1 1 auto;
  display:flex;
  justify-content:center;
}

/* Burger (mobile) */
.ahc-header-widget .ahc-header-burger{
  display:none;
  color: var(--ahc-burger, var(--ahc-active-bg, #0b3954));
  width:44px;
  height:44px;
  border:0;
  background: var(--ahc-burger-bg, rgba(15,23,42,.06));
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 12px;
  padding: 10px;
  cursor:pointer;
}

.ahc-header-widget .ahc-header-burger:hover{
  background: var(--ahc-burger-bg-hover, rgba(15,23,42,.10));
}
.ahc-header-widget .ahc-header-burger:active{
  transform: translateY(1px);
}

.ahc-header-widget .ahc-header-burger span{
  display:block;
  height:2px;
  background: var(--ahc-burger, var(--ahc-active-bg, #0b3954));
  border-radius: 999px;
  margin: 5px 0;
  transition: transform .2s ease, opacity .2s ease;
}


.ahc-header-widget .ahc-header-burger-img{
  width: 22px;
  height: 22px;
  object-fit: contain;
  display:block;
}


.ahc-header-widget .ahc-header-burger-svg{ display:block; width:22px; height:22px; }
.ahc-header-widget.ahc-menu-open .ahc-header-burger span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.ahc-header-widget.ahc-menu-open .ahc-header-burger span:nth-child(2){ opacity:0; }
.ahc-header-widget.ahc-menu-open .ahc-header-burger span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

.ahc-header-widget ul.ahc-header-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.ahc-header-widget ul.ahc-header-menu li{ margin:0; padding:0; }

.ahc-header-widget ul.ahc-header-menu a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration:none;
  color: var(--ahc-text, #0b3954);
  font-weight: var(--ahc-fw, 700);
  font-size: var(--ahc-fs, 16px);
  transition: transform .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
}

.ahc-header-widget ul.ahc-header-menu a:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(2,6,23,.08);
}

.ahc-header-widget ul.ahc-header-menu li.current-menu-item > a,
.ahc-header-widget ul.ahc-header-menu li.current_page_item > a,
.ahc-header-widget ul.ahc-header-menu li.current-menu-ancestor > a{
  background: var(--ahc-active-bg, #0b3954);
  color: var(--ahc-active-text, #fff);
}

.ahc-header-widget .ahc-header-cta{
  flex: 0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 10px;
}

.ahc-header-widget .ahc-header-whatsapp{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 999px;
  background: var(--ahc-btn-bg, #0b3954);
  color: var(--ahc-btn-text, #fff);
  text-decoration:none;
  font-weight: var(--ahc-fw, 700);
  font-size: var(--ahc-fs, 16px);
  transition: transform .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
  box-shadow: 0 10px 22px rgba(2,6,23,.12);
}

.ahc-header-widget .ahc-header-whatsapp:hover{
  transform: translateY(-1px);
  background: var(--ahc-btn-bg-hover, #083246);
  color: var(--ahc-btn-text-hover, #fff);
}

.ahc-header-widget .ahc-header-whatsapp:active{
  transform: translateY(0);
}

.ahc-header-widget .ahc-header-whatsapp svg{
  width:20px;
  height:20px;
  fill: currentColor;
}

/* Responsive */
@media (max-width: 1024px){

  .ahc-header-widget .ahc-header-logo img{ max-width: var(--ahc-logo-w-t, var(--ahc-logo-w, 140px)); }
  .ahc-header-widget .ahc-header-inner{ height: var(--ahc-h-t, 76px); max-width: var(--ahc-w-t, var(--ahc-w, 100%)); border-radius: var(--ahc-radius-t, var(--ahc-radius, 0px)); }
  .ahc-header-widget .ahc-header-wrap{ padding: 0 16px; max-width: var(--ahc-w-t, var(--ahc-w, 100%)); }
  .ahc-header-widget.ahc-scrolled .ahc-header-inner{ max-width: 100%; border-radius: 0; }
  .ahc-header-widget .ahc-header-logo img{ height: calc(var(--ahc-h-t, 76px) - 22px); }
  .ahc-header-widget ul.ahc-header-menu a,
  .ahc-header-widget .ahc-header-whatsapp{ font-size: var(--ahc-fs-t, 15px); }
}

@media (max-width: 767px){

  .ahc-header-widget .ahc-header-logo img{ max-width: var(--ahc-logo-w-m, var(--ahc-logo-w, 140px)); }
  .ahc-header-widget .ahc-header-inner{ height: var(--ahc-h-m, 70px); max-width: var(--ahc-w-m, var(--ahc-w-t, var(--ahc-w, 100%))); border-radius: var(--ahc-radius-m, var(--ahc-radius-t, var(--ahc-radius, 0px))); }
  .ahc-header-widget .ahc-header-wrap{ padding: 0 12px; gap:10px; max-width: var(--ahc-w-m, var(--ahc-w-t, var(--ahc-w, 100%))); }
  .ahc-header-widget.ahc-scrolled .ahc-header-inner{ max-width: 100%; border-radius: 0; }
  .ahc-header-widget .ahc-header-logo img{ height: calc(var(--ahc-h-m, 70px) - 22px); }
  .ahc-header-widget nav.ahc-header-nav{ display:none; }
  .ahc-header-widget .ahc-header-burger{ display:inline-flex; align-items:center; justify-content:center; }
  .ahc-header-widget .ahc-header-cta{ gap: var(--ahc-cta-gap-m, 10px); }
  .ahc-header-widget ul.ahc-header-menu a,
  .ahc-header-widget .ahc-header-whatsapp{ font-size: var(--ahc-fs-m, 14px); }
  /* Mobile: WhatsApp becomes circular icon button */
  .ahc-header-widget .ahc-header-whatsapp{
    width: 46px;
    height: 46px;
    padding: 0;
    border-radius: 999px;
    justify-content: center;
  }
  .ahc-header-widget .ahc-header-whatsapp span{ display:none; }
  .ahc-header-widget .ahc-header-whatsapp svg{ width:22px; height:22px; }
}

/* Mobile drawer */
.ahc-header-widget .ahc-header-mobile{
  position: fixed;
  inset: 0;
  display:none;
  z-index: 1000;
}
.ahc-header-widget.ahc-menu-open .ahc-header-mobile{ display:block; }

.ahc-header-widget .ahc-header-overlay{
  position:absolute;
  inset:0;
  background: rgba(2,6,23,.45);
  backdrop-filter: blur(4px);
}

.ahc-header-widget .ahc-header-panel{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width: min(86vw, 360px);
  background: var(--ahc-bg, #fff);
  color: var(--ahc-text, #0b3954);
  padding: 16px;
  box-shadow: -20px 0 50px rgba(2,6,23,.25);
  transform: translateX(0);
}

.ahc-header-widget .ahc-header-panel-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.ahc-header-widget .ahc-header-panel-brand img{
  height: 44px;
  width:auto;
  object-fit:contain;
}

.ahc-header-widget .ahc-header-close{
  width:44px;
  height:44px;
  border:0;
  border-radius: 12px;
  background: rgba(15,23,42,.06);
  color: var(--ahc-text, #0b3954);
  font-size: 28px;
  line-height: 1;
  cursor:pointer;
}

.ahc-header-widget ul.ahc-mobile-menu{
  list-style:none;
  margin: 12px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ahc-header-widget ul.ahc-mobile-menu a{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration:none;
  color: var(--ahc-text, #0b3954);
  background: rgba(15,23,42,.04);
  font-weight: var(--ahc-fw, 700);
  font-size: 15px;
}

.ahc-header-widget ul.ahc-mobile-menu li.current-menu-item > a,
.ahc-header-widget ul.ahc-mobile-menu li.current_page_item > a,
.ahc-header-widget ul.ahc-mobile-menu li.current-menu-ancestor > a{
  background: var(--ahc-active-bg, #0b3954);
  color: var(--ahc-active-text, #fff);
}

.ahc-header-widget .ahc-header-mobile-cta{
  margin-top: 14px;
}

/* Prevent body scroll when menu is open */
body.ahc-no-scroll{ overflow:hidden !important; }
