/* Shared mobile drawer menu — Property Transfer. All classes prefixed ptm- so nothing clashes with per-page styles. */
.ptm-overlay{
  position:fixed;
  inset:0;
  background:rgba(8,34,83,.55);
  opacity:0;
  visibility:hidden;
  transition:opacity .26s ease-out, visibility 0s linear .26s;
  z-index:9998;
}
html.ptm-open .ptm-overlay{
  opacity:1;
  visibility:visible;
  transition:opacity .26s ease-out, visibility 0s linear 0s;
}

.ptm-drawer{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:min(84vw, 320px);
  max-width:320px;
  background:#ffffff;
  z-index:9999;
  display:flex;
  flex-direction:column;
  transform:translateX(100%);
  transition:transform .26s ease-out;
  box-shadow:-6px 0 24px rgba(8,34,83,.18);
  font-family:"Noto Kufi Arabic","Open Sans",Arial,sans-serif;
  direction:rtl;
}
html.ptm-open .ptm-drawer{
  transform:translateX(0);
}

.ptm-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 16px;
  border-bottom:1px solid #e4e9ef;
  flex-shrink:0;
}
.ptm-logo{
  height:34px;
  width:auto;
  display:block;
  object-fit:contain;
}
.ptm-close{
  appearance:none;
  border:0;
  background:transparent;
  color:#082253;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  cursor:pointer;
  flex-shrink:0;
}
.ptm-close:hover{background:#f0f3f7;}
.ptm-close svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

.ptm-nav{
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  flex:1;
  padding:4px 0;
}
.ptm-link{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:0 20px;
  font-size:16px;
  font-weight:600;
  color:#082253;
  text-decoration:none;
  border-bottom:1px solid #eef1f5;
}
.ptm-link:last-child{border-bottom:0;}
.ptm-link:active{background:#f6f9fb;}
.ptm-link.ptm-active{
  color:#0e850f;
  font-weight:700;
}
.ptm-link.ptm-english{
  font-family:"Open Sans",Arial,sans-serif;
  color:#50657c;
  font-weight:700;
}

/* never show on desktop, no matter what triggers the class */
@media (min-width:1000px){
  .ptm-overlay,.ptm-drawer{display:none !important;}
}

html.ptm-lock,html.ptm-lock body{
  overflow:hidden !important;
}