.navbar .count-container {
  width: 20px;
  height: 20px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50px !important;
  top: 10.5px !important;
}
/* הגדלת הקונטיינר כולו */
#nav-notification-popover-container .popover-region-container {
  min-height: 350px !important;
  max-height: 450px !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 0.75rem;
  box-shadow:
    0 2px 4px -2px rgba(0, 0, 71, 0.1),
    0 4px 6px -1px rgba(0, 0, 71, 0.1);
  border: none !important;
}

/********** התראות header **********/

#nav-notification-popover-container .popover-region-header-container {
  margin-bottom: 1.25rem;
  border-bottom: none !important;
}

/***** שינוי הודעות להתראות *****/

#nav-notification-popover-container .popover-region-header-text {
  font-size: 0 !important;
}

#nav-notification-popover-container .popover-region-header-text::before {
  content: "התראות" !important;
  font-size: 1.5rem !important;
  color: #000047 !important;
  font-weight: bold !important;
  margin-bottom: 1.25rem !important;
  padding-right: 1.25rem !important;
}

/*----- שינוי הודעות להתראות -----*/

/***** החלפת שני איקונים *****/

/* 1. איקון V - סימון הכל כנקרא */
#nav-notification-popover-container .mark-all-read-button .fa-check {
  display: none !important;
}

#nav-notification-popover-container .mark-all-read-button .normal-icon {
  width: 20px !important;
  height: 20px !important;
  background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/moodle/general/v.svg)
    center/contain no-repeat !important;
  outline: none !important;
}

#nav-notification-popover-container .mark-all-read-button .normal-icon:hover {
  outline: none !important;
}

/* 2. איקון הגדרות */
#nav-notification-popover-container
  a[href*="notificationpreferences"]
  .fa-gear {
  display: none !important;
}

#nav-notification-popover-container a[href*="notificationpreferences"] {
  width: 20px !important;
  height: 20px !important;
  background: url(https://s3.eu-west-1.amazonaws.com/data.cyber.org.il/virtual_courses/moodle/general/definitions.svg)
    center/contain no-repeat !important;
  outline: none !important;
}

#nav-notification-popover-container .popover-region-header-actions {
  margin-top: 9px;
}
/*----- החלפת שני איקונים -----*/

/*---------- התראות header ----------*/

/* אזור התוכן (ההודעות) */
#nav-notification-popover-container .popover-region-content-container {
  flex: 1 !important; /* תופס את כל המקום הזמין */
  max-height: calc(100% - 80px) !important; /* מקום ל-header ו-footer */
  overflow-y: auto !important;
  direction: ltr !important;
  font-size: 1.0625rem !important;
}

#nav-notification-popover-container .popover-region-content {
  direction: rtl !important;
}

/* ה-Footer - תמיד בתחתית */
#nav-notification-popover-container.see-all-link {
  display: blo ck !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important; /* לא יתכווץ */
}

#nav-notification-popover-container .popover-region-footer-container {
  height: auto !important;
  text-align: center !important;
  background-color: #fff !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  border-top: none;
}

/* עיצוב בוקסת התראה בודדת */
#nav-notification-popover-container .all-notifications .content-item-container {
  color: #000047 !important;
  padding-bottom: 1.25rem !important;
  margin-bottom: 0.62rem !important;
  border: none;
  border-radius: 0.75rem;
}

#nav-notification-popover-container
  .all-notifications
  .content-item-container:hover {
  color: #000047 !important;
  background-color: #f2f2f2;
}

#nav-notification-popover-container
  .all-notifications
  .content-item-container.unread {
  background-color: #f0f7fc;
}

#nav-notification-popover-container
  .all-notifications
  .content-item-container.unread:hover {
  color: #000047 !important;
  background-color: #f2f2f2;
}

#nav-notification-popover-container
  .content-item-container.notification
  .content-item-body
  .notification-message {
  font-weight: 600 !important;
  font-size: 0.9375rem;
}

.popover-region-notifications .popover-region-container {
  padding: 1.25rem 0 0 1.25rem;
}

/* מתי נשלחה ההתראה  - מצב ריחוף */
#nav-notification-popover-container
  .all-notifications
  .content-item-container:hover
  .timestamp,
#nav-notification-popover-container
  .all-notifications
  .content-item-container.unread:hover
  .timestamp,
#nav-notification-popover-container
  .content-item-container
  .content-item-footer
  .timestamp:hover {
  color: #000047 !important;
}

/***** פסי גלילה ****/
/* להעביר את הפס גלילה לימין */
#nav-notification-popover-container .popover-region-content-container {
  direction: ltr !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* שמירה על התוכן שימשיך להיות מימין לשמאל */
#nav-notification-popover-container .popover-region-content {
  direction: rtl !important;
  padding-right: 8px !important; /* רווח פנימי לתוכן */
  padding-left: 0 !important;
}

/* רוחב פס הגלילה */
#nav-notification-popover-container
  .popover-region-content-container::-webkit-scrollbar {
  width: 8px !important;
}

/* רקע המסילה (track) */
#nav-notification-popover-container
  .popover-region-content-container::-webkit-scrollbar-track {
  background: #fff !important;
}

/* הידית (thumb) - החלק שזזים */
#nav-notification-popover-container
  .popover-region-content-container::-webkit-scrollbar-thumb {
  background: #c9c9c9 !important;
  border-radius: 4px !important;
}

/* הידית בעת ריחוף (hover) */
#nav-notification-popover-container
  .popover-region-content-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/***** פס גלילה *****/

/*  כותרת הודעות */
/*#nav-notification-popover-container .popover-region-header-text {
  color: #000047 !important;
  font-size: 1.75rem !important;
  font-weight: 600 !important;
  margin-bottom: 1.25rem !important;
  padding-right: 1.25rem !important;
}*/

/* שינוי גם ב"תצוגת כל ההודעות" ל"תצוגת כל ההתראות" */

#nav-notification-popover-container .popover-region-seeall-text {
  font-size: 0 !important;
}

#nav-notification-popover-container .popover-region-seeall-text::before {
  content: "תצוגת כל ההתראות" !important;
  font-weight: 600 !important;
  font-size: 1.0625rem !important;
  color: #0076c6 !important;
}

#nav-notification-popover-container
  .content-item-container
  .content-item-footer
  .timestamp {
  font-size: 0.9375rem !important;
}
/* הקישור צפיה בהודעה מלאה */
#nav-notification-popover-container .view-more {
  color: #000047 !important;
  text-decoration: underline;
  font-size: 0.9375rem !important;
  padding-left: 1.25rem !important;
  padding-bottom: 0.9375rem !important;
}

#nav-notification-popover-container
  .all-notifications
  .content-item-container
  .context-link
  .content-item-body
  .notification-image
  .icon {
  display: none;
}