/* ============================================================
 * ELEMENTOR-SPECIFIC OVERRIDES
 * מטרגט רכיבים מזוהים מה-DOM הנוכחי של msl.org.il.
 * עברנו audit של ה-selectors הקיימים (section 5061 — header,
 * section f96e — main, section 4c8f — courses/footer-like).
 * ============================================================ */

/* ============ Specific sections ============ */

/* Header section (5061) — צבע רקע חזרה לבחירה שלנו */
.msl-toolkit-design .elementor-section.elementor-element-5061 {
  background: var(--msl-cream) !important;
}

/* Main content mega-section (f96e) — רקע עקבי */
.msl-toolkit-design .elementor-section.elementor-element-f96e {
  background: var(--msl-cream) !important;
  padding-top: var(--msl-s-8) !important;
}

/* Courses section (4c8f) — היום שחור, משנים ל-Navy brand */
.msl-toolkit-design .elementor-section.elementor-element-4c8f {
  background: var(--msl-navy) !important;
  color: var(--msl-cream);
}
.msl-toolkit-design .elementor-section.elementor-element-4c8f h1,
.msl-toolkit-design .elementor-section.elementor-element-4c8f h2,
.msl-toolkit-design .elementor-section.elementor-element-4c8f h3 {
  color: var(--msl-white) !important;
}
.msl-toolkit-design .elementor-section.elementor-element-4c8f p,
.msl-toolkit-design .elementor-section.elementor-element-4c8f {
  color: var(--msl-cream);
}

/* ============ Post cards — הכרטיסים של המדריכים והקורסים ============ */

.msl-toolkit-design .elementor-post__card {
  background: var(--msl-white) !important;
  border-radius: var(--msl-r-lg) !important;
  border: 1px solid var(--msl-line) !important;
  box-shadow: var(--msl-shadow-card) !important;
  overflow: hidden;
  transition: transform var(--msl-t-med), box-shadow var(--msl-t-med);
}

.msl-toolkit-design .elementor-post__card:hover {
  transform: translateY(-3px);
  box-shadow: var(--msl-shadow-card-hover) !important;
  border-color: var(--msl-amber) !important;
}

.msl-toolkit-design .elementor-post__thumbnail__link {
  overflow: hidden;
}

.msl-toolkit-design .elementor-post__thumbnail img {
  transition: transform 300ms ease;
}

.msl-toolkit-design .elementor-post__card:hover .elementor-post__thumbnail img {
  transform: scale(1.04);
}

.msl-toolkit-design .elementor-post__title {
  font-family: var(--msl-font-heading) !important;
  font-weight: 800 !important;
  line-height: var(--msl-lh-snug) !important;
  padding: var(--msl-s-4) var(--msl-s-4) var(--msl-s-2) !important;
}

.msl-toolkit-design .elementor-post__title a {
  color: var(--msl-ink) !important;
  font-size: 18px !important;
  transition: color var(--msl-t-fast);
}

.msl-toolkit-design .elementor-post__title a:hover {
  color: var(--msl-amber) !important;
}

.msl-toolkit-design .elementor-post__excerpt {
  padding: 0 var(--msl-s-4) var(--msl-s-4) !important;
  color: var(--msl-body) !important;
  font-size: var(--msl-fs-small) !important;
  line-height: var(--msl-lh-normal) !important;
}

.msl-toolkit-design .elementor-post__read-more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 var(--msl-s-4) var(--msl-s-4) !important;
  padding: 8px 16px !important;
  background: var(--msl-amber) !important;
  color: var(--msl-navy) !important;
  border-radius: var(--msl-r-pill) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: transform var(--msl-t-fast), background var(--msl-t-fast);
}

.msl-toolkit-design .elementor-post__read-more:hover {
  background: var(--msl-amber-2) !important;
  transform: translateX(-3px);
}

.msl-toolkit-design .elementor-post__meta-data {
  padding: 0 var(--msl-s-4) var(--msl-s-2) !important;
  color: var(--msl-muted) !important;
  font-size: 12px !important;
}

/* Grid gap — מרווח יפה בין כרטיסים */
.msl-toolkit-design .elementor-posts-container.elementor-posts--skin-classic {
  gap: var(--msl-s-5) !important;
}

/* ============ Section heading widgets (כותרות גדולות בדף) ============ */
.msl-toolkit-design .elementor-widget-heading .elementor-heading-title {
  font-family: var(--msl-font-heading) !important;
  letter-spacing: -0.02em !important;
}

/* H1 ראשי — היום 66px Secular One weight 400, מחליפים ל-Heebo 900 */
.msl-toolkit-design .elementor-element-f96e .elementor-heading-title {
  color: var(--msl-navy) !important;
}

.msl-toolkit-design h1.elementor-heading-title {
  font-weight: 900 !important;
  line-height: var(--msl-lh-tight) !important;
}

/* ============ Dividers ============ */
.msl-toolkit-design .elementor-widget-divider .elementor-divider-separator {
  border-top-color: var(--msl-amber) !important;
  border-top-width: 3px !important;
  border-top-style: solid !important;
}

/* ============ Forms (newsletter וכו') ============ */
.msl-toolkit-design .elementor-field-group input[type="email"],
.msl-toolkit-design .elementor-field-group input[type="text"],
.msl-toolkit-design .elementor-field-group textarea {
  background: var(--msl-white) !important;
  border: 1px solid var(--msl-line) !important;
  border-radius: var(--msl-r-md) !important;
  padding: 12px 16px !important;
  font-family: var(--msl-font-body) !important;
  color: var(--msl-ink) !important;
  transition: border-color var(--msl-t-fast), box-shadow var(--msl-t-fast);
}

.msl-toolkit-design .elementor-field-group input:focus,
.msl-toolkit-design .elementor-field-group textarea:focus {
  border-color: var(--msl-amber) !important;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2) !important;
  outline: none !important;
}

/* ============ Footer ============ */
.msl-toolkit-design footer,
.msl-toolkit-design .elementor-location-footer {
  background: var(--msl-navy) !important;
  color: var(--msl-cream);
  padding: var(--msl-s-8) 0 !important;
}

.msl-toolkit-design footer a,
.msl-toolkit-design .elementor-location-footer a {
  color: var(--msl-cream) !important;
  opacity: 0.85;
  transition: opacity var(--msl-t-fast), color var(--msl-t-fast);
}

.msl-toolkit-design footer a:hover,
.msl-toolkit-design .elementor-location-footer a:hover {
  opacity: 1;
  color: var(--msl-amber) !important;
}

/* ============ pojo-accessibility widget — שילוב במיתוג ============ */
.msl-toolkit-design .pojo-a11y-toolbar-toggle a {
  background: var(--msl-navy) !important;
  color: var(--msl-amber) !important;
}

/* ============ Responsive tweaks ============ */
@media (max-width: 1024px) {
  .msl-toolkit-design .elementor-section.elementor-element-5061 {
    padding: var(--msl-s-3) var(--msl-s-4) !important;
  }
}

@media (max-width: 720px) {
  .msl-toolkit-design .elementor-nav-menu a {
    padding: var(--msl-s-3) 0 !important;
  }
  .msl-toolkit-design h1.elementor-heading-title {
    font-size: 34px !important;
  }
}

/* ============ Print ============ */
@media print {
  .msl-toolkit-design .msl-top-bar,
  .msl-toolkit-design .elementor-location-header,
  .msl-toolkit-design .elementor-location-footer {
    display: none !important;
  }
}