/* Atlobni: mobile header tools + back-to-top */
.mobile-header-icon{
  display:none;
  width:40px;height:40px;border:1px solid #e2e9ed;border-radius:11px;
  background:#fff;color:#102b3d;padding:0;align-items:center;justify-content:center;
  cursor:pointer;transition:.18s ease;flex:0 0 auto;
}
.mobile-header-icon:hover,.mobile-header-icon:active{
  color:#08ae7b;border-color:#08ae7b;background:#f4fbf8;
}
.mobile-header-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.back-to-top{
  position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:14px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:#08ae7b;color:#fff;box-shadow:0 8px 24px rgba(8,174,123,.28);
  opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:10020;
}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.back-to-top:hover{background:#078f69}
.back-to-top svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:760px){
  .mobile-header-icon{display:inline-flex}
  .back-to-top{right:14px;bottom:14px;width:42px;height:42px;border-radius:13px}
}


/* v40: mobile header icons — keep search, login/account and notifications visible */
@media(max-width:760px){
  .site-header .header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    flex:0 0 auto!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .site-header .header-actions > .mobile-header-icon,
  .site-header .header-actions > .notify-wrap,
  .site-header .header-actions > .mobile-menu{
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
  }
  .site-header .mobile-search-button,
  .site-header .mobile-login-button{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:120!important;
  }
  .site-header .notify-wrap{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:120!important;
  }
  .site-header .notification-button{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    padding:0!important;
    margin:0!important;
  }
  .site-header .notification-button svg{
    display:block!important;
    width:19px!important;
    height:19px!important;
  }
  .site-header .mobile-header-icon svg{
    width:19px!important;
    height:19px!important;
  }
}

/* v41: force the notification bell to occupy its own mobile header slot */
@media(max-width:760px){
  .site-header .header-actions .notify-wrap{
    display:flex!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    visibility:visible!important;
    opacity:1!important;
    order:3!important;
    overflow:visible!important;
  }
  .site-header .header-actions .notify-wrap > #notifBtn.notification-button{
    display:flex!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:10001!important;
    border:1px solid #e2e9ed!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#102b3d!important;
  }
  .site-header .header-actions .notify-wrap > #notifBtn.notification-button svg{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    min-height:19px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .site-header .header-actions .notify-wrap .notification-badge{
    display:block!important;
    z-index:10002!important;
  }
}

/* v42: mobile icon order — menu far left, then search, login/account, notifications */
@media(max-width:760px){
  .site-header .header-actions{
    direction:ltr!important;
  }
  .site-header .header-actions > .mobile-menu{
    order:1!important;
  }
  .site-header .header-actions > .mobile-search-button{
    order:2!important;
  }
  .site-header .header-actions > .mobile-login-button{
    order:3!important;
  }
  .site-header .header-actions > .notify-wrap{
    order:4!important;
  }
  /* Keep the Arabic text/layout inside the user dropdowns RTL. */
  .site-header .header-actions .dropdown,
  .site-header .header-actions .user-menu,
  .site-header .header-actions .notif-panel{
    direction:rtl!important;
  }
}