@charset "UTF-8";/* ============================================================================
   ESLROK SIDEBAR MENU CSS
   Styles for the logged-in sidebar menu (employer + teacher dashboards).
   Loaded globally since the menu appears on all logged-in pages.
   ============================================================================ */


/* ============================================================================
   BASE MENU RESET & LAYOUT
   ============================================================================ */

ul.mod-menu.mod-list.menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  font-family: 'Space Grotesk', sans-serif !important;
}

ul.mod-menu.mod-list.menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sp-module .sp-module-content ul.mod-menu.mod-list.menu {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#sp-left .sp-module ul > li > a,
#sp-right .sp-module ul > li > a { line-height: 1.5rem; }

#sp-left .sp-module,
#sp-right .sp-module { border: none; }

#sp-left .sp-module { padding: 30px 0 0 0 !important; }


/* ============================================================================
   LINK STYLING
   ============================================================================ */

ul.mod-menu.mod-list.menu li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 18px !important;
  font-size: .95rem !important;
  font-weight: 430 !important;
  color: #64748b !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
  font-family: 'Space Grotesk', sans-serif !important;
}

ul.mod-menu.mod-list.menu li a:hover {
  color: #6d28d9 !important;
  background: rgba(168,85,247,.02) !important;
}

ul.mod-menu.mod-list.menu li.active a {
  color: #7c3aed !important;
  font-weight: 600 !important;
}

ul.mod-menu.mod-list.menu li.active a::after {
  content: '●' !important;
  margin-left: auto !important;
  color: #a855f7 !important;
  font-size: .6rem !important;
  flex-shrink: 0 !important;
}

div#menu-item_9746815301771778689639291 { display: none !important; }


/* ============================================================================
   EMPLOYER MENU — Item borders & grouping
   ============================================================================ */

/* Dashboard — top of group */
ul.mod-menu.mod-list.menu li.item-113 {
  background: rgba(255,255,255,.85) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-top: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: 1px solid rgba(168,85,247,.04) !important;
  border-radius: 14px 14px 0 0 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.02) !important;
}

/* My Jobs / Post a Job / Discount Packages — middle */
ul.mod-menu.mod-list.menu li.item-115,
ul.mod-menu.mod-list.menu li.item-114,
ul.mod-menu.mod-list.menu li.item-116 {
  background: rgba(255,255,255,.85) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: 1px solid rgba(168,85,247,.04) !important;
  border-top: none !important;
}

/* Unlimited Jobs — bottom of jobs group */
ul.mod-menu.mod-list.menu li.item-123 {
  background: rgba(255,255,255,.85) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: 1px solid rgba(168,85,247,.06) !important;
  border-top: none !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.02) !important;
}

/* Buy Resume Access — top of resumes group */
ul.mod-menu.mod-list.menu li.item-147 {
  margin-top: 5px !important;
  background: rgba(255,255,255,.85) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-top: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: 1px solid rgba(168,85,247,.04) !important;
  border-radius: 14px 14px 0 0 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.02) !important;
}

/* Resume Subscriptions — middle */
ul.mod-menu.mod-list.menu li.item-148 {
  background: rgba(255,255,255,.85) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: 1px solid rgba(168,85,247,.04) !important;
  border-top: none !important;
}

/* Saved Resumes — bottom of resumes group */
ul.mod-menu.mod-list.menu li.item-159 {
  background: rgba(255,255,255,.85) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: 1px solid rgba(168,85,247,.06) !important;
  border-top: none !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.02) !important;
}

/* Invoices heading */
ul.mod-menu.mod-list.menu li.item-180 {
  background: rgba(255,255,255,.85) !important;
  backdrop-filter: blur(12px) !important;
  border-top: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: none !important;
  border-radius: 14px 14px 0 0 !important;
  box-shadow: rgba(0,0,0,.02) 0 2px 12px !important;
  margin-top: 10px !important;
}

ul.mod-menu.mod-list.menu li.item-180 .mod-menu__heading.nav-header {
  font-size: 11.2px !important;
  font-weight: 700 !important;
  color: rgb(147,51,234) !important;
  text-transform: uppercase !important;
  letter-spacing: 1.3px !important;
  padding: 12px 18px 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

ul.mod-menu.mod-list.menu li.item-180 .mod-menu__heading.nav-header::before { content: "🧾"; }

/* Set Up Invoices — top of account group */
ul.mod-menu.mod-list.menu li.item-182 {
  background: rgba(255,255,255,.85) !important;
  border-top: none !important;
  margin-top: 5px !important;
  border-bottom: 1px solid rgba(168,85,247,.04) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-radius: 14px 14px 0 0 !important;
}

/* Set Up Invoices — bottom of invoices group */
ul.mod-menu.mod-list.menu li.item-181 {
  background: rgba(255,255,255,.85) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-top: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: 1px solid rgba(168,85,247,.04) !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.02) !important;
}

/* Resume Alerts — bottom */
ul.mod-menu.mod-list.menu li.item-183 {
  background: rgba(255,255,255,.85) !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(168,85,247,.04) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-radius: 0 0 14px 14px !important;
  margin-bottom: 10px !important;
}

/* My Invoices */
ul.mod-menu.mod-list.menu li.item-161 {
  background: rgba(255,255,255,.85) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: 1px solid rgba(168,85,247,.06) !important;
  border-top: none !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.02) !important;
  margin-top: 5px !important;
}


/* ============================================================================
   TEACHER MENU — Item borders & grouping
   ============================================================================ */

/* Dashboard — top */
ul.mod-menu.mod-list.menu li.item-166 {
  border-radius: 14px 14px 0 0 !important;
  background: rgba(255,255,255,.85) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-top: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: 3px solid rgb(168 85 247 / 24%) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.02) !important;
}

/* My Resume / Favourite Jobs — middle */
ul.mod-menu.mod-list.menu li.item-167,
ul.mod-menu.mod-list.menu li.item-168 {
  background: rgba(255,255,255,.85) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: 1px solid rgba(168,85,247,.04) !important;
  border-top: none !important;
}

/* Account Settings — bottom */
ul.mod-menu.mod-list.menu li.item-196 {
  border-radius: 0 0 14px 14px !important;
  background: rgba(255,255,255,.85) !important;
  border-left: 1px solid rgba(168,85,247,.06) !important;
  border-right: 1px solid rgba(168,85,247,.06) !important;
  border-bottom: 1px solid rgba(168,85,247,.06) !important;
  border-top: none !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.02) !important;
}


/* ============================================================================
   EMOJI ICONS — per item
   ============================================================================ */

/* Employer */
ul.mod-menu.mod-list.menu li.item-113 a::before { content: '📊' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-115 a::before { content: '📋' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-114 a::before { content: '✏️' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-116 a::before { content: '🏷️' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-123 a::before { content: '🔄' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-147 a::before { content: '🔑' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-148 a::before { content: '📦' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-159 a::before { content: '❤️' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-181 a::before { content: '📑' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-182 a::before { content: '⚙️' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-183 a::before { content: '🔔' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-161 a::before { content: '⚙️' !important; font-size: .8rem !important; }

/* Teacher */
ul.mod-menu.mod-list.menu li.item-166 a::before { content: '📊' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-167 a::before { content: '📄' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-168 a::before { content: '❤️' !important; font-size: .8rem !important; }
ul.mod-menu.mod-list.menu li.item-196 a::before { content: '⚙️' !important; font-size: .8rem !important; }