:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-53265be *//* Only on page-id=XXXX */
.page-id-XXXX .elementor-element.elementor-element-bdc5b72,
.page-id-XXXX #menu-1-bdc5b72,
.page-id-XXXX .elementor-location-header .elementor-menu-toggle {
  display: none !important;
}

.page-id-XXXX .elementor-location-header { min-height: 0 !important; padding: 0 !important; }
/* Only on page-id=XXXX */
.page-id-XXXX .elementor-element.elementor-element-bdc5b72,
.page-id-XXXX #menu-1-bdc5b72,
.page-id-XXXX .elementor-location-header .elementor-menu-toggle {
  display: none !important;
}

.page-id-XXXX .elementor-location-header { min-height: 0 !important; padding: 0 !important; }

/* CSS לשינוי התפריט ללבן */

/* רקע התפריט הראשי */
nav,
.navbar,
.navigation,
header nav,
.menu-container {
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* הוספת צל עדין */
}

/* פריטי התפריט */
nav a,
.navbar a,
.menu-item,
.nav-link,
nav ul li a {
    color: #2c3e50 !important; /* טקסט כהה על רקע לבן */
}

/* מצב hover על פריטי תפריט */
nav a:hover,
.navbar a:hover,
.menu-item:hover,
.nav-link:hover {
    color: #3498db !important; /* צבע כחול בהובר */
    background-color: #f8f9fa !important;
}

/* תפריטי משנה */
.dropdown-menu,
.submenu,
nav ul ul {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0;
}

/* כפתורים בתפריט */
nav button,
.navbar button {
    background-color: #ffffff !important;
    color: #2c3e50 !important;
    border: 1px solid #ddd;
}

/* אייקונים בתפריט */
nav svg,
nav i,
.navbar svg,
.navbar i {
    color: #2c3e50 !important;
    fill: #2c3e50 !important;
}

/* לשונית השפה */
.language-.elementor-26927 .elementor-element.elementor-element-53265be,
.lang-.elementor-26927 .elementor-element.elementor-element-53265be {
    background-color: #ffffff !important;
    color: #2c3e50 !important;
}
/* CSS לשינוי התפריט ללבן */

/* כפיית רקע לבן על כל ה-header - OVERRIDE חזק */
body header,
body .site-header,
body .main-header,
body .header-wrapper,
body #header,
.header,
[class*="header"] {
    background-color: #ffffff !important;
    background-image: none !important;
    background: #ffffff !important;
}

/* רקע ה-HEADER כולו - כולל אזור הלוגו */
header,
.site-header,
.main-header,
.header-wrapper,
#header {
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* הוספת צל עדין */
}

/* רקע התפריט הראשי */
nav,
.navbar,
.navigation,
header nav,
.menu-container,
.header-content {
    background-color: #ffffff !important;
}

/* אזור הלוגו */
.logo-container,
.site-logo,
.header-logo,
header .logo {
    background-color: #ffffff !important;
}

/* כל השורות והאלמנטים בתוך ה-header */
header *,
.site-header *,
.main-header *,
header > div,
header .row,
header .container {
    background-color: transparent !important;
}

/* וידוא שה-header עצמו לבן */
header::before,
header::after {
    background-color: #ffffff !important;
}

/* פריטי התפריט */
nav a,
.navbar a,
.menu-item,
.nav-link,
nav ul li a {
    color: #2c3e50 !important; /* טקסט כהה על רקע לבן */
}

/* מצב hover על פריטי תפריט */
nav a:hover,
.navbar a:hover,
.menu-item:hover,
.nav-link:hover {
    color: #3498db !important; /* צבע כחול בהובר */
    background-color: #f8f9fa !important;
}

/* תפריטי משנה */
.dropdown-menu,
.submenu,
nav ul ul {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0;
}

/* כפתורים בתפריט */
nav button,
.navbar button {
    background-color: #ffffff !important;
    color: #2c3e50 !important;
    border: 1px solid #ddd;
}

/* אייקונים בתפריט */
nav svg,
nav i,
.navbar svg,
.navbar i {
    color: #2c3e50 !important;
    fill: #2c3e50 !important;
}

/* לשונית השפה */
.language-.elementor-26927 .elementor-element.elementor-element-53265be,
.lang-.elementor-26927 .elementor-element.elementor-element-53265be {
    background-color: #ffffff !important;
    color: #2c3e50 !important;
}/* End custom CSS */
/* Start custom CSS *//* === FORCE 3-COLUMN LAYOUT FOR TESTIMONIALS & PODCASTS === */
.testimonials-grid,
.podcasts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
}

/* Ensure every card spans exactly 1 column */
.testimonials-grid > .testimonial-card,
.podcasts-grid > .podcast-card {
  grid-column: auto !important;
}

/* Neutralize previous "special" placements */
.testimonials-grid > .testimonial-card:nth-child(n),
.podcasts-grid > .podcast-card:nth-child(n) {
  grid-column: auto !important;
}

/* Cancel any full-width class on podcasts */
.podcast-card.full-width {
  padding: inherit;
  grid-column: auto !important;
}

/* Tablet: 2 columns */
@media (max-width: 1024px) {
  .testimonials-grid,
  .podcasts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 25px !important;
  }
}

/* Mobile: 1 column */
@media (max-width: 640px) {
  .testimonials-grid,
  .podcasts-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
}
/* === PODCASTS: Blue gradient + occasional animated waves + centering === */
.podcasts-section {
  position: relative;
  overflow: hidden;
  /* כחול מדורג */
  background: linear-gradient(180deg, #1e3c72 0%, #2a5298 35%, #2563eb 75%, #1e40af 100%) !important;
  padding: 100px 20px !important; /* קצת יותר מרווח למראה נקי */
}

/* מרכזים את הכותרת והגריד */
.podcasts-section .section-title {
  max-width: 900px;
  margin: 0 auto 50px !important;
  text-align: center !important;
}

/* הגריד כבר עם max-width ומרוכז, נחזק ונתקן ריווח */
.podcasts-grid {
  max-width: 1200px !important;
  margin: 0 auto !important;
  gap: 28px !important;
  align-items: stretch;
}

/* גלי רקע: שתי שכבות SVG עם שקיפות ותנועה קלה */
.podcasts-section::before,
.podcasts-section::after {
  content: "";
  position: absolute;
  left: -10%;
  right: -10%;
  height: 180px;
  pointer-events: none;
  opacity: 0.22;
  background-repeat: repeat-x;
  background-size: 1200px 180px;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

/* גל עליון */
.podcasts-section::before {
  top: -40px;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 180' preserveAspectRatio='none'>\
<path d='M0,60 C200,120 400,0 600,60 C800,120 1000,20 1200,60 L1200,180 L0,180 Z' fill='white' />\
</svg>");
  animation-name: waveMove1, wavePulse1;
  animation-duration: 28s, 12s;
  animation-delay: 0s, 2s;
}

/* גל תחתון */
.podcasts-section::after {
  bottom: -40px;
  transform: scaleY(-1);
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 180' preserveAspectRatio='none'>\
<path d='M0,80 C240,20 360,140 600,80 C840,20 960,140 1200,80 L1200,180 L0,180 Z' fill='white' />\
</svg>");
  animation-name: waveMove2, wavePulse2;
  animation-duration: 36s, 16s;
  animation-delay: 4s, 6s;
  opacity: 0.18;
}

/* תנועת “גלים” אופקית איטית */
@keyframes waveMove1 {
  0% { background-position: 0 0; }
  50% { background-position: -1200px 0; }
  100% { background-position: 0 0; }
}
@keyframes waveMove2 {
  0% { background-position: -600px 0; }
  50% { background-position: 600px 0; }
  100% { background-position: -600px 0; }
}

/* “מדי פעם”: שינוי שקיפות עדין בגלים */
@keyframes wavePulse1 {
  0%, 20% { opacity: 0.22; }
  30% { opacity: 0.32; }
  60% { opacity: 0.18; }
  100% { opacity: 0.22; }
}
@keyframes wavePulse2 {
  0%, 25% { opacity: 0.18; }
  40% { opacity: 0.30; }
  70% { opacity: 0.14; }
  100% { opacity: 0.18; }
}

/* נראות הכרטיסים על רקע כחול */
.podcast-card {
  background: rgba(255,255,255,0.95) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.25) !important;
}
.podcast-card h4,
.podcast-card p { text-align: center; }

/* כפתור */
.podcast-link {
  background: linear-gradient(135deg, #1e3c72 0%, #7e22ce 100%) !important;
  color: #fff !important;
}

/* נגישות: אם המשתמש מעדיף פחות אנימציה – נבטל תנועה */
@media (prefers-reduced-motion: reduce) {
  .podcasts-section::before,
  .podcasts-section::after {
    animation: none !important;
  }
}/* End custom CSS */