/* =========================================================
   מיד ליד – החלפת הכחול של OpenCart 4 לירוק מהלוגו
   גרסה מאוחדת וסופית
   להוספה אחרי stylesheet.css של התבנית
   ========================================================= */

:root {
  --ml-green:        #2E7D4E; /* ירוק ראשי (כהה) */
  --ml-green-dark:   #21603B; /* מצב hover / לחיצה / הורה בעץ קטגוריות */
  --ml-green-mid:    #3F9B5C; /* ירוק ביניים / תת-קטגוריה פעילה */
  --ml-green-soft:   #E8F2EB; /* רקע רך */
  --ml-cream:        #FAF8F3; /* רקע קרם עדין לגוף האתר */
}

/* ---------- רקע כללי קרם עדין ----------
   רק לרקע הכללי של האתר (body) — כרטיסי מוצר, תמונות, טפסים
   וקופסאות תוכן (.card, .box, .list-group וכו') נשארים לבנים
   כדי לא לפגוע באמינות תמונות המוצר. */
body {
  background-color: var(--ml-cream) !important;
}

.card,
.box,
.product-thumb,
.list-group,
.list-group-item,
.modal-content,
.dropdown-menu,
input,
select,
textarea,
.form-control,
.form-select {
  background-color: #fff;
}

/* ---------- קישורים שהיו כחולים בלבד ----------
   מחריגים את הפס העליון (#top), התפריט (#menu), הפוטר, הכפתורים
   וכל אלמנט בתוך רשימת "פעיל" (list-group.active) — שם הטקסט
   חייב להישאר לבן על רקע ירוק, לא ירוק על ירוק. */
a:not(#top a, #top *, #menu a, #menu *, footer a, footer *, .btn, .btn *, .list-group-item.active, .list-group-item.active *) {
  color: var(--ml-green) !important;
}

a:not(#top a, #top *, #menu a, #menu *, footer a, footer *, .btn, .btn *, .list-group-item.active, .list-group-item.active *):hover,
a:not(#top a, #top *, #menu a, #menu *, footer a, footer *, .btn, .btn *, .list-group-item.active, .list-group-item.active *):focus {
  color: var(--ml-green-dark) !important;
}

/* ---------- כפתורים ראשיים (btn-primary / btn-info) ---------- */
.btn-primary,
.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--ml-green);
  --bs-btn-border-color: var(--ml-green);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--ml-green-dark);
  --bs-btn-hover-border-color: var(--ml-green-dark);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--ml-green-dark);
  --bs-btn-active-border-color: var(--ml-green-dark);
  --bs-btn-disabled-bg: var(--ml-green-mid);
  --bs-btn-disabled-border-color: var(--ml-green-mid);
  background-color: var(--ml-green);
  border-color: var(--ml-green);
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-check:checked + .btn-primary,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--ml-green-dark) !important;
  border-color: var(--ml-green-dark) !important;
  color: #fff !important;
}

.btn-outline-primary {
  --bs-btn-color: var(--ml-green);
  --bs-btn-border-color: var(--ml-green);
  --bs-btn-hover-bg: var(--ml-green);
  --bs-btn-hover-border-color: var(--ml-green);
  --bs-btn-active-bg: var(--ml-green-dark);
  --bs-btn-active-border-color: var(--ml-green-dark);
}

/* כפתורי חיפוש / עגלה בראש האתר */
#search .btn,
#cart > .btn,
#button-cart,
#button-search {
  background-color: var(--ml-green) !important;
  border-color: var(--ml-green) !important;
  color: #fff !important;
}

#cart > .btn:hover,
#search .btn:hover,
#button-cart:hover {
  background-color: var(--ml-green-dark) !important;
  border-color: var(--ml-green-dark) !important;
}

/* ---------- תפריט ראשי (הרקע של פס התפריט העליון) ---------- */
#menu,
#menu.navbar,
.navbar-expand-lg#menu,
nav#menu,
nav.navbar,
.megamenu,
.megamenu.navbar,
#menu .navbar-collapse,
#top-menu,
.top-menu,
header + nav,
main > nav:first-child {
  background: var(--ml-green) !important;
  background-color: var(--ml-green) !important;
  background-image: none !important;
}

#menu .nav-link,
#menu .navbar-nav > li > a,
#menu .navbar-brand,
#menu .navbar-toggler,
.megamenu .nav-link,
.megamenu .navbar-nav > li > a {
  color: #fff !important;
}

#menu .nav-link:hover,
#menu .navbar-nav > li > a:hover,
#menu .nav-item:hover > .nav-link,
#menu .nav-item.show > .nav-link,
.megamenu .nav-link:hover,
.megamenu .nav-item:hover > .nav-link,
.megamenu .nav-item.show > .nav-link {
  background-color: var(--ml-green-dark) !important;
  color: #fff !important;
}

/* תפריטים נפתחים (dropdown) מתוך התפריט הראשי */
.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--ml-green);
  --bs-dropdown-link-hover-bg: var(--ml-green-soft);
  border-top: 2px solid var(--ml-green);
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--ml-green) !important;
  color: #fff !important;
}

/* ---------- רשימת קטגוריות בסיידבר (list-group) ----------
   ההורה הפעיל (למשל "נשים") בירוק כהה, הבן הפעיל (למשל "שמלות")
   בגוון בהיר יותר, וטקסט לבן תמיד — כדי שלא יבלעו זה בזה. */
.list-group-item.active {
  background-color: var(--ml-green) !important;
  border-color: var(--ml-green-dark) !important;
  color: #fff !important;
}

.list-group-item.active a,
a.list-group-item.active {
  color: #fff !important;
}

.list-group-item .list-group-item.active,
.list-group .list-group .list-group-item.active {
  background-color: var(--ml-green-mid) !important;
  border-color: var(--ml-green) !important;
}

/* ---------- אלמנטי פקד נוספים ---------- */
.form-check-input:checked {
  background-color: var(--ml-green);
  border-color: var(--ml-green);
}

.btn:focus,
.btn:focus-visible,
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--ml-green-mid) !important;
  box-shadow: 0 0 0 .2rem rgba(46, 125, 78, .25) !important;
}

.pagination {
  --bs-pagination-hover-bg: var(--ml-green-soft);
  --bs-pagination-active-bg: var(--ml-green);
  --bs-pagination-active-border-color: var(--ml-green);
  --bs-pagination-focus-bg: var(--ml-green-soft);
}

.badge.bg-primary,
.bg-primary {
  background-color: var(--ml-green) !important;
}

.swiper-pagination-bullet-active {
  background-color: var(--ml-green) !important;
}