/* Droocy V20.9.28 — FINAL unified header geometry + visual identity.
   Same height, palette, type scale and controls for admin/teacher/student/guest.
   Role/context changes links only. */
:root{
  --droocy-header-h:72px!important;
  --droocy-header-bg:#0b0a18;
  --droocy-header-text:#f8f7ff;
  --droocy-header-muted:#c9c5dc;
  --droocy-header-line:rgba(255,255,255,.12);
  --droocy-header-font:"Cairo",Tahoma,Arial,sans-serif;
}
.droocy-admin-utility{display:none!important}
.droocy-site-header,
.droocy-site-header.droocy-role-admin,
.droocy-site-header.droocy-role-teacher,
.droocy-site-header.droocy-role-student,
.droocy-site-header.droocy-role-guest{
  height:72px!important;min-height:72px!important;max-height:72px!important;
  background:var(--droocy-header-bg)!important;color:var(--droocy-header-text)!important;
  border-bottom:1px solid var(--droocy-header-line)!important;
  box-shadow:0 8px 26px rgba(5,4,14,.16)!important;
  font-family:var(--droocy-header-font)!important;
}
.droocy-header-inner{
  height:72px!important;min-height:72px!important;max-height:72px!important;
  max-width:1500px!important;margin:0 auto!important;padding:8px 16px!important;gap:12px!important;
}
.droocy-brand{height:48px!important;min-width:0!important;max-width:255px!important;gap:9px!important;font-size:18px!important;overflow:hidden!important}
.droocy-brand-mark{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;font-size:17px!important}
.droocy-brand-copy{min-width:0!important;display:block!important;line-height:1.15!important}
.droocy-brand-copy strong{display:block!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:190px!important}
.droocy-brand-copy small{display:block!important;font-size:8.5px!important;font-weight:700!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:190px!important}
.droocy-main-nav{height:48px!important;min-width:0!important;gap:3px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;justify-content:flex-start!important}
.droocy-main-nav::-webkit-scrollbar{display:none!important}
.droocy-main-nav .droocy-nav-link{height:40px!important;min-height:40px!important;padding:0 9px!important;border-radius:10px!important;font-size:10px!important;font-weight:800!important;line-height:1!important;flex:0 0 auto!important}
.droocy-nav-icon{font-size:12px!important}
.droocy-header-actions{height:48px!important;gap:6px!important;flex:0 0 auto!important}
.droocy-icon-btn,.droocy-user-chip,.droocy-login-btn,.droocy-register-btn,.droocy-logout-btn,.droocy-menu-toggle{height:40px!important;min-height:40px!important;max-height:40px!important;border-radius:10px!important;font-family:var(--droocy-header-font)!important}
.droocy-user-chip{padding:4px 7px 4px 9px!important;max-width:170px!important}
.droocy-user-avatar{width:31px!important;height:31px!important;min-width:31px!important;border-radius:9px!important}
.droocy-user-copy strong{font-size:9px!important;max-width:105px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.droocy-user-copy small{font-size:7.5px!important}
.droocy-site-header .droocy-cart-btn{min-width:40px!important;padding:0 9px!important}
.droocy-site-header .droocy-cart-btn em{font-size:8px!important}
#droocyFixedHeaderSpacer{height:72px!important}
html{scroll-padding-top:84px!important}

/* Tablet/mobile keep the exact same dark identity; only navigation collapses. */
@media(max-width:1180px){
  .droocy-site-header,.droocy-header-inner{height:68px!important;min-height:68px!important;max-height:68px!important}
  :root{--droocy-header-h:68px!important}
  .droocy-header-inner{padding:7px 12px!important}
  .droocy-main-nav{display:none!important}
  .droocy-menu-toggle{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:40px!important;min-width:40px!important;padding:0!important}
  .droocy-menu-toggle span{display:block!important;width:18px!important;height:2px!important;border-radius:9px!important}
  .droocy-brand{height:46px!important;max-width:230px!important;margin-left:auto!important}
  .droocy-brand-copy strong{max-width:165px!important;font-size:12px!important}
  .droocy-brand-copy small{max-width:165px!important;font-size:8px!important}
  #droocyFixedHeaderSpacer{height:68px!important}
  .droocy-mobile-panel.open{position:fixed!important;top:68px!important;right:10px!important;left:10px!important;max-height:calc(100vh - 80px)!important;overflow:auto!important;border-radius:0 0 14px 14px!important;padding:10px!important;z-index:2147482950!important}
}
@media(max-width:620px){
  .droocy-site-header,.droocy-header-inner{height:64px!important;min-height:64px!important;max-height:64px!important}
  :root{--droocy-header-h:64px!important}
  .droocy-header-inner{padding:6px 9px!important;gap:6px!important}
  .droocy-brand{height:44px!important;max-width:190px!important;gap:7px!important}
  .droocy-brand-mark{width:35px!important;height:35px!important;min-width:35px!important;font-size:15px!important}
  .droocy-brand-copy strong{max-width:140px!important;font-size:11px!important}
  .droocy-brand-copy small{max-width:140px!important;font-size:7px!important}
  .droocy-site-header .droocy-cart-btn{width:38px!important;min-width:38px!important;padding:0!important}
  .droocy-site-header .droocy-cart-btn em{display:none!important}
  .droocy-menu-toggle{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  .droocy-user-chip,.droocy-desktop-only{display:none!important}
  #droocyFixedHeaderSpacer{height:64px!important}
  .droocy-mobile-panel.open{top:64px!important;right:7px!important;left:7px!important}
  .droocy-mobile-links{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .droocy-mobile-links .droocy-nav-link{min-height:44px!important;font-size:11px!important}
}


/* V20.9.31 — complete admin management dropdown; same 72px header geometry. */
.droocy-admin-more{position:relative!important;height:48px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important}
.droocy-admin-more-toggle{height:40px!important;border:1px solid rgba(151,126,255,.7)!important;background:rgba(101,71,216,.14)!important;color:#fff!important;border-radius:10px!important;padding:0 11px!important;font-family:var(--droocy-header-font)!important;font-size:9.5px!important;font-weight:900!important;display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important;white-space:nowrap!important}
.droocy-admin-more-toggle:hover,.droocy-admin-more-toggle[aria-expanded="true"]{background:#6547d8!important;border-color:#8168e8!important}
.droocy-admin-more-toggle b{font-size:12px!important;line-height:1!important}
.droocy-admin-more-menu{display:none;position:absolute!important;top:48px!important;left:0!important;width:330px!important;max-height:calc(100vh - 92px)!important;overflow:auto!important;padding:10px!important;border:1px solid #e4e1f2!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 46px rgba(13,10,35,.24)!important;z-index:2147483600!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.droocy-admin-more-menu.open{display:grid!important}
.droocy-admin-more-menu .droocy-nav-link{min-height:44px!important;height:auto!important;padding:9px 10px!important;border:1px solid #ece9f6!important;border-radius:10px!important;background:#faf9ff!important;color:#1d1833!important;-webkit-text-fill-color:#1d1833!important;font-size:9.5px!important;font-weight:800!important;display:flex!important;align-items:center!important;gap:7px!important;white-space:normal!important}
.droocy-admin-more-menu .droocy-nav-link:hover,.droocy-admin-more-menu .droocy-nav-link.active{background:#f0edff!important;color:#5539cb!important;-webkit-text-fill-color:#5539cb!important;border-color:#d9d0ff!important}
.droocy-mobile-section-title{grid-column:1/-1!important;margin:5px 0 0!important;padding:9px 10px 5px!important;font-size:10px!important;font-weight:900!important;color:#5d43cf!important;border-top:1px solid #eceaf5!important}
@media(max-width:1180px){.droocy-admin-more{display:none!important}}


/* V20.9.32 — native, no-JS admin management menu + strict one-row admin header. */
.droocy-role-admin .droocy-header-inner{overflow:visible!important;flex-wrap:nowrap!important}
.droocy-role-admin .droocy-main-nav{overflow:hidden!important;flex-wrap:nowrap!important}
.droocy-admin-more{position:relative!important;overflow:visible!important;z-index:2147483650!important}
.droocy-admin-more>summary{list-style:none!important;user-select:none!important;-webkit-user-select:none!important;pointer-events:auto!important}
.droocy-admin-more>summary::-webkit-details-marker{display:none!important}
.droocy-admin-more[open]>.droocy-admin-more-toggle{background:#6547d8!important;border-color:#8168e8!important}
.droocy-admin-more[open]>.droocy-admin-more-toggle b{transform:rotate(180deg)!important}
.droocy-admin-more-menu{display:none!important;position:absolute!important;top:46px!important;left:0!important;right:auto!important;width:390px!important;max-width:min(390px,calc(100vw - 24px))!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;padding:10px!important;border:1px solid #e4e1f2!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 46px rgba(13,10,35,.24)!important;z-index:2147483640!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.droocy-admin-more[open]>.droocy-admin-more-menu{display:grid!important}
.droocy-admin-more-menu .droocy-nav-link{width:100%!important;justify-content:flex-start!important}

/* V20.9.33 — true floating admin dropdown. It never participates in header layout. */
.droocy-role-admin .droocy-admin-more{position:relative!important;height:40px!important;min-height:40px!important;align-self:center!important;overflow:visible!important}
.droocy-role-admin .droocy-admin-more-menu{
  position:fixed!important;
  top:76px!important;
  left:auto!important;
  right:16px!important;
  margin:0!important;
  width:390px!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100vh - 92px)!important;
  overflow:auto!important;
  z-index:2147483647!important;
}
.droocy-role-admin .droocy-admin-more[open]{height:40px!important;max-height:40px!important}
.droocy-role-admin .droocy-admin-more[open]>.droocy-admin-more-menu{display:grid!important}
.droocy-role-admin .droocy-header-inner,
.droocy-role-admin .droocy-main-nav,
.droocy-role-admin .droocy-header-actions{min-height:72px!important;max-height:72px!important}
@media(max-width:1180px){
  .droocy-role-admin .droocy-header-inner,
  .droocy-role-admin .droocy-main-nav,
  .droocy-role-admin .droocy-header-actions{min-height:68px!important;max-height:68px!important}
}

/* V20.9.34 — Admin management dropdown: blue text on clean white background. */
.droocy-role-admin .droocy-admin-more-menu{
  background:#fff!important;
}
.droocy-role-admin .droocy-admin-more-menu .droocy-nav-link,
.droocy-role-admin .droocy-admin-more-menu .droocy-nav-link:link,
.droocy-role-admin .droocy-admin-more-menu .droocy-nav-link:visited{
  background:#fff!important;
  color:#1d4ed8!important;
  -webkit-text-fill-color:#1d4ed8!important;
  border-color:#dbe5f5!important;
}
.droocy-role-admin .droocy-admin-more-menu .droocy-nav-link .droocy-nav-icon,
.droocy-role-admin .droocy-admin-more-menu .droocy-nav-link span,
.droocy-role-admin .droocy-admin-more-menu .droocy-nav-link strong{
  color:#1d4ed8!important;
  -webkit-text-fill-color:#1d4ed8!important;
}
.droocy-role-admin .droocy-admin-more-menu .droocy-nav-link:hover,
.droocy-role-admin .droocy-admin-more-menu .droocy-nav-link:focus,
.droocy-role-admin .droocy-admin-more-menu .droocy-nav-link.active{
  background:#eff6ff!important;
  color:#1e40af!important;
  -webkit-text-fill-color:#1e40af!important;
  border-color:#bfdbfe!important;
}