/* Hamza Portal v2.16.6 — unified right-side menu; display-only changes. */
.hhp-app .hhp-hero-tools{display:flex;align-items:center;gap:9px;flex-wrap:nowrap;position:relative;z-index:4}
.hhp-app .hhp-navigation-trigger,.hhp-menu-external .hhp-navigation-trigger{
  appearance:none;display:inline-flex;gap:9px;align-items:center;justify-content:center;
  min-height:43px;padding:9px 15px;background:#f7f1df;color:#464c33;border:1px solid #dbbf7d;
  border-radius:12px;cursor:pointer;font-family:Tajawal,'Segoe UI',sans-serif;
  font-weight:800;font-size:14px;line-height:1.2;white-space:nowrap;
  box-shadow:0 5px 16px rgba(31,33,21,.12);transition:background .2s,transform .2s
}
.hhp-app .hhp-navigation-trigger:hover,.hhp-menu-external .hhp-navigation-trigger:hover{background:#fffaf0;transform:translateY(-1px)}
.hhp-app .hhp-navigation-trigger:focus-visible,.hhp-menu-external .hhp-navigation-trigger:focus-visible,
.hhp-navigation-drawer :focus-visible{outline:3px solid #cf9f40!important;outline-offset:3px}
.hhp-app .hhp-navigation-trigger>span:first-child{font-family:Arial,sans-serif;font-weight:700;font-size:21px;line-height:1}
.hhp-navigation-overlay[hidden],.hhp-navigation-drawer[hidden]{display:none!important}
.hhp-navigation-overlay{position:fixed!important;inset:0!important;z-index:2147482000!important;
  background:rgba(26,28,19,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.hhp-navigation-drawer{position:fixed!important;z-index:2147482001!important;inset-block:0;right:0;left:auto;
  width:min(410px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;box-sizing:border-box;
  display:flex;flex-direction:column;overflow:hidden;background:#f9f7f1;color:#3c3e33;
  box-shadow:-18px 0 60px rgba(29,32,21,.24);border-left:1px solid #ddcfad;
  font-family:Tajawal,'Segoe UI',sans-serif;text-align:right
}
.hhp-navigation-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;
  background:linear-gradient(135deg,#3a3f2a,#575e40);padding:24px 22px 20px;color:#fff;border-bottom:4px solid #bfa05e}
.hhp-navigation-head>div{display:grid;gap:4px;min-width:0}
.hhp-navigation-head span{font-size:12px;color:#e5d19c;font-weight:700}
.hhp-navigation-head h2{font-size:26px!important;line-height:1.25!important;color:#fff!important;margin:0!important;font-weight:800}
.hhp-navigation-head small{font-size:12px;color:#e3e6db}
.hhp-navigation-close{cursor:pointer;border:1px solid rgba(255,255,255,.32);color:white;background:rgba(255,255,255,.1);
  border-radius:12px;min-width:43px;min-height:43px;font-size:22px;font-weight:700}
.hhp-navigation-close:hover{background:rgba(255,255,255,.25)}
.hhp-navigation-groups{overflow-y:auto;flex:1;overscroll-behavior:contain;padding:16px 14px 20px;scrollbar-color:#cfbd94 transparent}
.hhp-navigation-group{background:#fff;margin:0 0 10px;border:1px solid #e7dfcd;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(58,62,45,.035)}
.hhp-navigation-group summary{list-style:none!important;cursor:pointer;display:flex;align-items:center;gap:11px;
  padding:15px 14px;min-height:57px;box-sizing:border-box;font-size:15px!important;color:#424634!important}
.hhp-navigation-group summary::-webkit-details-marker{display:none}
.hhp-navigation-group summary strong{font-weight:800;flex:1}
.hhp-navigation-group-symbol{flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;
  background:#f2f3ee;color:#50573a;border:1px solid #d9e8d7;border-radius:11px;font-size:19px}
.hhp-navigation-chevron{color:#9b7a30;font-size:19px;transition:transform .2s}
.hhp-navigation-group[open] .hhp-navigation-chevron{transform:rotate(180deg)}
.hhp-navigation-group[open] summary{border-bottom:1px solid #eae4d7;background:#fdfbf6}
.hhp-navigation-group-links{display:grid;padding:6px 11px 11px;gap:3px}
.hhp-navigation-group-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;
  text-decoration:none!important;color:#5b5f4d!important;padding:11px 12px!important;
  background:transparent;border-radius:10px;font-size:14px!important;line-height:1.4;min-height:45px;box-sizing:border-box}
.hhp-navigation-group-links a:hover,.hhp-navigation-group-links a:focus-visible{background:#f2f3ef!important;color:#42472f!important}
.hhp-navigation-group-links a span:last-child{color:#ad8640;font-size:16px}
.hhp-navigation-logout{margin:11px 17px max(16px,env(safe-area-inset-bottom));display:block;text-align:center;
  text-decoration:none!important;color:#99523d!important;background:#fff2eb;border:1px solid #f0d6c9;
  padding:13px;border-radius:13px;font-size:14px;font-weight:800}
.hhp-navigation-logout:hover{background:#ffe7de}
body.hhp-menu-open{overflow:hidden!important}
/* All navigation now lives inside the menu; do not duplicate it in a fixed footer. */
.hhp-app .hhp-bottom-nav{display:none!important}
.hhp-app{padding-bottom:0!important}
.hhp-app .hhp-main{padding-bottom:32px!important}
.hhp-app .hhp-admin-shortcuts{display:none!important}
.hhp-navigation-hint{display:flex;align-items:center;gap:9px;margin:12px 0 19px;padding:13px 16px;
  background:#f1f2ed;border:1px solid #e2e5d8;border-radius:13px;color:#555a45;font-size:13px;line-height:1.7}
.hhp-navigation-hint strong{font-size:20px;color:#474d34;line-height:1}
.hhp-menu-external .hhp-navigation-floating{position:fixed;right:18px;top:15px;z-index:10001}
.hhp-menu-external .hhp-curriculum-page{padding-top:72px}
@media (max-width:700px){
 .hhp-app .hhp-hero-tools{gap:5px!important}
 .hhp-app .hhp-navigation-trigger{padding:9px 10px;min-width:43px;min-height:43px}
 .hhp-app .hhp-navigation-trigger-text{display:none}
 .hhp-navigation-drawer{width:min(390px,100vw)}
 .hhp-navigation-head{padding:21px 17px 17px}
 .hhp-navigation-groups{padding:14px 11px}
 .hhp-navigation-group summary{font-size:14px!important}
 .hhp-navigation-hint{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.hhp-navigation-trigger,.hhp-navigation-chevron{transition:none!important}}
.hhp-dashboard-extra{margin-top:10px;border:1px solid #e4dac6;border-radius:16px;background:#fffdf8;overflow:hidden}
.hhp-dashboard-extra>summary{list-style:none;display:flex;gap:12px;align-items:center;justify-content:space-between;cursor:pointer;padding:19px 22px;font-size:16px;font-weight:800;color:#4b5039}
.hhp-dashboard-extra>summary::-webkit-details-marker{display:none}
.hhp-dashboard-extra>summary>span:last-child{color:#ad8339;font-size:22px;transition:transform .2s}
.hhp-dashboard-extra[open]>summary>span:last-child{transform:rotate(180deg)}
.hhp-dashboard-extra[open]>summary{border-bottom:1px solid #e8e0d0}
.hhp-dashboard-extra-inner{padding:16px;display:grid;gap:13px}
.hhp-dashboard-extra-inner>.hhp-admin-front-card{margin:0}

/* v2.18.4 — قائمة «الأقسام» تنزلق من اليمين، والخلفية تتغمّق تدريجياً */
.hhp-navigation-overlay{opacity:0;transition:opacity .28s ease}
.hhp-navigation-overlay.is-visible{opacity:1}
.hhp-navigation-drawer{transform:translateX(100%);transition:transform .32s cubic-bezier(.22,.8,.24,1);will-change:transform}
.hhp-navigation-drawer.is-visible{transform:none}
/* شريط ووردبريس العلوي (يظهر للمدير) كان يغطي زر الإغلاق ✕ — تنزل القائمة تحته */
body.admin-bar .hhp-navigation-drawer{top:var(--wp-admin--admin-bar--height,32px);height:calc(100dvh - var(--wp-admin--admin-bar--height,32px));max-height:calc(100dvh - var(--wp-admin--admin-bar--height,32px))}
.hhp-navigation-group-links{transform-origin:top}
.hhp-navigation-group.is-opening .hhp-navigation-group-links{animation:hhpNavGroupIn .22s ease}
.hhp-navigation-group.is-closing .hhp-navigation-group-links{animation:hhpNavGroupOut .18s ease forwards}
@keyframes hhpNavGroupIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes hhpNavGroupOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){
 .hhp-navigation-overlay,.hhp-navigation-drawer{transition:none!important}
 .hhp-navigation-group-links{animation:none!important}
}

/* v2.18.3 — شريط الأيقونات الجانبي (الكمبيوتر فقط) — v2.18.4: يتمدد بالأسماء عند المرور */
.hhp-rail{display:none}
@media(min-width:1024px){
 body:has(.hhp-rail){padding-right:92px!important}
 /* v2.18.4: زر «الأقسام» مخفي في الكمبيوتر لأن الشريط يغني عنه (الكود باقٍ ويظهر في الجوال والآيباد) */
 body:has(.hhp-rail) .hhp-navigation-trigger{display:none!important}
 .hhp-rail{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:fixed;top:14px;bottom:14px;right:14px;width:66px;box-sizing:border-box;overflow:hidden;z-index:99990;background:#fffefb;border:1px solid #e6e0d3;border-radius:22px;box-shadow:0 14px 34px rgba(37,41,32,.09);padding:10px 0;font-family:Tajawal,"IBM Plex Sans Arabic",Tahoma,sans-serif;transition:width .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s}
 .hhp-rail:hover,.hhp-rail:focus-within{width:238px;box-shadow:0 22px 50px rgba(37,41,32,.2);transition-delay:.12s}
 .hhp-rail-logo{flex:0 0 46px;display:flex;align-items:center;gap:10px;margin:0 10px 2px;border-radius:14px;background:#f3eee4;text-decoration:none!important;overflow:hidden}
 .hhp-rail-logo .hhp-rail-ico{flex:0 0 46px;display:grid;place-items:center;height:46px}
 .hhp-rail-logo img{width:30px;height:auto;display:block}
 .hhp-rail-logo .hhp-rail-label{color:#3e4430;font-weight:800;font-size:13.5px}
 .hhp-rail-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:stretch;gap:3px;scrollbar-width:none;padding:2px 11px}
 .hhp-rail-scroll::-webkit-scrollbar{display:none}
 .hhp-rail-item{flex:0 0 42px;display:flex;align-items:center;gap:8px;height:42px;border-radius:13px;color:#5d6544!important;text-decoration:none!important;overflow:hidden;transition:background .15s,color .15s}
 .hhp-rail-item .hhp-rail-ico{flex:0 0 44px;display:grid;place-items:center;height:42px}
 .hhp-rail-item svg{width:21px;height:21px}
 .hhp-rail-label{white-space:nowrap;font-size:13.5px;font-weight:700;line-height:1;opacity:0;transform:translateX(6px);transition:opacity .12s,transform .12s}
 .hhp-rail:hover .hhp-rail-label,.hhp-rail:focus-within .hhp-rail-label{opacity:1;transform:none;transition:opacity .18s .2s,transform .18s .2s}
 .hhp-rail-item:hover,.hhp-rail-item:focus-visible{background:#f3eee4;color:#2f3426!important;outline:none}
 .hhp-rail-item:focus-visible{box-shadow:inset 0 0 0 2px #cf9f40}
 .hhp-rail-item.is-current{background:#4f5639;color:#fff!important;box-shadow:0 6px 14px rgba(79,86,57,.28)}
 .hhp-rail-sep{flex:0 0 1px;background:#e6e0d3;margin:5px 8px}
 .hhp-rail-logout{flex:0 0 42px;margin:2px 11px 0;color:#a14b3f!important}
 .hhp-rail-logout:hover{background:#fbe9e7!important;color:#8c3328!important}
}
@media(min-width:1024px) and (prefers-reduced-motion:reduce){
 .hhp-rail,.hhp-rail-label{transition:none!important}
}
/* v2.18.6 — عدّاد على أيقونة الشريط وعنصر القائمة */
.hhp-rail-ico{position:relative}
.hhp-rail-badge{position:absolute;top:3px;left:4px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#c0533f;color:#fff;font:800 10.5px/17px Tajawal,Tahoma,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px #fffefb}
.hhp-navigation-badge{display:inline-block;min-width:20px;margin-inline-start:6px;padding:1px 6px;border-radius:10px;background:#c0533f;color:#fff;font-size:11.5px;text-align:center}