/* MIYAAR Mobile Portal v1.3.0 */
.miyaar-mp-root{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Kufi Arabic", "Noto Sans Arabic", sans-serif;
  color: var(--mp-card-text);
  /* Accent */
  --mp-gold: #f2c94c;
}
body.miyaar-mp-hide-theme header,
body.miyaar-mp-hide-theme footer,
body.miyaar-mp-hide-theme .site-header,
body.miyaar-mp-hide-theme .site-footer,
body.miyaar-mp-hide-theme #masthead,
body.miyaar-mp-hide-theme #colophon{
  display:none !important;
}
body.miyaar-mp-hide-theme #page,
body.miyaar-mp-hide-theme .site{
  padding:0 !important;
  margin:0 !important;
}

.miyaar-mp-auth{
  display:flex; justify-content:center; padding:18px 12px;
}
.miyaar-mp-card{
  border:1px solid var(--mp-card-border);
  background: var(--mp-card-bg);
  border-radius: var(--mp-card-radius);
}
.miyaar-mp-auth-card{
  width:min(420px, 100%);
  padding:16px;
  box-shadow: 0 18px 40px rgba(10,20,50, calc(var(--mp-card-shadow) * 0.10));
}
.miyaar-mp-auth-title{
  font-weight:900; font-size:22px; margin-bottom:10px; text-align:center;
}
.miyaar-mp-auth-err{
  background:#fff3f3; border:1px solid #ffd4d4; color:#a40000;
  padding:10px 12px; border-radius:14px; margin:10px 0;
}
.miyaar-mp-auth-form{ display:flex; flex-direction:column; gap:10px; }
.miyaar-mp-label{ font-weight:800; color: var(--mp-card-subtext); font-size:13px; }
.miyaar-mp-input{
  border:1px solid #e4e9ff; border-radius:14px; padding:12px 12px; font-size:16px;
  outline:none; background:#fff;
}
.miyaar-mp-input:focus{ border-color:#2f7cf7; box-shadow:0 0 0 4px rgba(47,124,247,.12); }
.miyaar-mp-btn{
  border:1px solid var(--mp-gold);
  background: var(--mp-gold);
  color:#0b1220;
  border-radius:16px; padding:12px 14px; font-weight:900; font-size:16px;
  cursor:pointer;
}

.miyaar-mp-portal{ padding: 14px 12px 26px; }

/* Tabs */
.miyaar-mp-tabs{
  max-width: 1100px;
  margin: 0 auto 12px;
  display:flex;
  gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  padding: 2px 2px 6px;
}
.miyaar-mp-tab-btn{
  border:1px solid var(--mp-gold);
  background:#fff;
  color:#0b1220;
  border-radius: 16px;
  padding:10px 12px;
  font-weight:900;
  font-size:13px;
  cursor:pointer;
  white-space:nowrap;
  box-shadow: 0 12px 28px rgba(10,20,50, calc(var(--mp-card-shadow) * 0.06));
}
.miyaar-mp-tab-btn.is-active{
  background: var(--mp-gold);
  color: #0b1220;
  border-color: var(--mp-gold);
}

.miyaar-mp-panes{ display:block; }
.miyaar-mp-pane{ display:none; }
.miyaar-mp-pane.is-active{ display:block; }

/* Sections */
.miyaar-mp-section{
  max-width: 1100px;
  margin: 0 auto 16px;
}
.miyaar-mp-section-title{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:900;
  font-size:18px;
  color: var(--mp-header-bg);
  margin: 12px 2px 14px;
}
.miyaar-mp-section-title::before,
.miyaar-mp-section-title::after{
  content:"";
  flex:1;
  height:3px;
  background: var(--mp-header-bg);
  border-radius: 999px;
  opacity: 0.95;
}
.miyaar-mp-grid{
  display:grid;
  grid-template-columns: repeat(var(--mp-cols-m), minmax(0, 1fr));
  gap: var(--mp-gap);
  max-width: 1100px;
  margin: 0 auto;
}
@media (min-width: 860px){
  .miyaar-mp-grid{ grid-template-columns: repeat(var(--mp-cols-d), minmax(0, 1fr)); }
}

.miyaar-mp-tile{
  padding:14px 12px;
  text-align:right;
  cursor:pointer;
  position:relative;
  min-height: 108px;
  display:flex;
  flex-direction:column;
  gap:6px;
  box-shadow: 0 18px 40px rgba(10,20,50, calc(var(--mp-card-shadow) * 0.10));
  transition: transform .12s ease, box-shadow .12s ease;
}
.miyaar-mp-tile:hover{ transform: translateY(-2px); box-shadow: 0 22px 50px rgba(10,20,50, calc(var(--mp-card-shadow) * 0.14)); }
.miyaar-mp-tile:active{ transform: translateY(0); }
.miyaar-mp-icon{
  width:44px; height:44px;
  border-radius: 16px;
  display:grid; place-items:center;
  background: var(--mp-icon-bg);
  border: 1px solid rgba(0,0,0,.04);
}
.miyaar-mp-icon img{
  width:28px; height:28px; object-fit:contain; display:block;
}
.miyaar-mp-svg{ display:block; }

.miyaar-mp-title{
  font-weight:900;
  font-size:15px;
  line-height:1.25;
  margin-top:2px;
}
.miyaar-mp-sub{
  color: var(--mp-sub-color, var(--mp-card-subtext));
  font-weight:800;
  font-size:12px;
  margin-top:auto;
}

/* Hide wp admin bar on portal pages when requested */
body.miyaar-mp-hide-theme #wpadminbar{display:none !important;}
/* Footer note */
.miyaar-mp-note{
  max-width: 1100px;
  margin: 14px auto 28px;
  padding: 10px 12px;
  border: 1px solid #e8ecff;
  border-radius: 14px;
  background: #ffffff;
  color: #4b556a;
  font-size: 13px;
  line-height: 1.7;
}
.miyaar-mp-note a{color:#1f5bd8;font-weight:800;text-decoration:none}