.elementor-86075 .elementor-element.elementor-element-51331b3{--display:flex;}.elementor-86075 .elementor-element.elementor-element-628098d{--display:flex;}.elementor-86075 .elementor-element.elementor-element-292bf5f{--display:flex;}.elementor-86075 .elementor-element.elementor-element-90000f1{--display:flex;}.elementor-86075 .elementor-element.elementor-element-74b3d69{--display:flex;}.elementor-86075 .elementor-element.elementor-element-2b5180b{--display:flex;}.elementor-86075 .elementor-element.elementor-element-9c372d8{--display:flex;}.elementor-86075 .elementor-element.elementor-element-52af459{--display:flex;}.elementor-86075 .elementor-element.elementor-element-8316153{--display:flex;}.elementor-86075 .elementor-element.elementor-element-e0b0242{--display:flex;}/* Start custom CSS for html, class: .elementor-element-65f532e *//* ==== Mobile Patch (להדביק פעם אחת באתר/בעמוד) ==== */

/* מניעת גלילה אופקית בתוך הווידג'טים */
#memory-game-text-typed,
#logic-sudoku-pro,
#reaction-pro,
#learning-wow,
.cw4,
#strategy-wow,
#mindfulness-wow { overflow-x: hidden; }

/* כפתורים נוחים למגע */
@media (hover:none) and (pointer:coarse){
  #memory-game-text-typed button,
  #logic-sudoku-pro button,
  #reaction-pro button,
  #learning-wow button,
  .cw4 .cw4-btn,
  #strategy-wow button,
  #mindfulness-wow button { min-height:44px; }
}

/* 1) משחק הזיכרון – נפילה ל-2 עמודות במסכים צרים, גובה כרטיס יחסי */
@media (max-width: 360px){
  #memory-game-text-typed .grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap:8px;
  }
  #memory-game-text-typed .card{
    width:100%;
    height: calc((100vw - 48px) * 0.72); /* גובה יחסי למסך */
    font-size: clamp(18px, 7.2vw, 32px);
  }
}

/* 2) סודוקו – תאים גמישים, שמירה על ריבועיות במסכים קטנים */
@media (max-width: 380px){
  #logic-sudoku-pro .board{ grid-template-columns: repeat(4, minmax(0,1fr)); gap:6px; }
  #logic-sudoku-pro .cell{
    width: min(18vw, 64px);
    height: min(18vw, 64px);
    aspect-ratio: 1 / 1;
    font-size: clamp(16px, 6.2vw, 20px);
  }
}

/* 3) מהירות תגובה – זירה קטנה יותר, מטרה מעט קטנה */
@media (max-width: 360px){
  #reaction-pro .arena{ height: 220px; }
  #reaction-pro #rp-target{ width:36px; height:36px; }
}
@media (max-width: 320px){
  #reaction-pro .arena{ height: 200px; }
}

/* 4) למידה – וידאו רספונסיבי באמת */
#learning-wow .video iframe{
  width:100%;
  aspect-ratio: 16 / 9;  /* נתמך ברוב הדפדפנים */
  height:auto;
}
@supports not (aspect-ratio: 1){
  #learning-wow .video iframe{ height:56.25vw; max-height:260px; }
}

/* 5) יצירתיות (cw4) – שברור לעמודה אחת בסלולר */
@media (max-width: 860px){
  .cw4 .cw4-benefits, .cw4 .cw4-grid{ grid-template-columns:1fr !important; }
}
/* טיפוגרפיה/ריווח עדין במסכים ממש קטנים */
@media (max-width: 360px){
  .cw4{ padding:12px; }
  .cw4 .cw4-title{ font-size:24px; }
  .cw4 .cw4-textarea{ min-height:160px; }
}

/* 6) קאנבאן – נשאר כבר ברירת מחדל עמודה אחת מתחת ל-860px; רק ריווח */
@media (max-width: 360px){
  #strategy-wow{ padding:12px; }
  #strategy-wow .sw-col{ min-height:200px; }
}

/* 7) מיינדפולנס – התאמת גובה הזירה והעיגול */
@media (max-width: 360px){
  #mindfulness-wow .mw-arena{ height:220px; }
  #mindfulness-wow .mw-circle{ width:110px; height:110px; }
}
@media (max-width: 320px){
  #mindfulness-wow .mw-arena{ height:200px; }
}

/* ריווח כללי במסכים צרים מאוד (מונע צפיפות בתוך קוביות HTML של אלמנטור) */
@media (max-width: 340px){
  #memory-game-text-typed,
  #logic-sudoku-pro,
  #reaction-pro,
  #learning-wow,
  .cw4,
  #strategy-wow,
  #mindfulness-wow { padding:12px !important; }
}/* End custom CSS */