/* ===== Base (CF7 + כללי) ===== */
.ida-room-grid{
  /* פריסה חדשה: Flex כדי למרכז שורה לא מלאה */
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  justify-content:center; /* מרכז אוטומטית את השורה האחרונה */
  align-content:flex-start;
}

.ida-room-grid.cols-1  > .ida-room-card{ flex:0 1 calc((100% - 0*12px)/1); }
.ida-room-grid.cols-2  > .ida-room-card{ flex:0 1 calc((100% - 1*12px)/2); }
.ida-room-grid.cols-3  > .ida-room-card{ flex:0 1 calc((100% - 2*12px)/3); }
.ida-room-grid.cols-4  > .ida-room-card{ flex:0 1 calc((100% - 3*12px)/4); }
.ida-room-grid.cols-5  > .ida-room-card{ flex:0 1 calc((100% - 4*12px)/5); }
.ida-room-grid.cols-6  > .ida-room-card{ flex:0 1 calc((100% - 5*12px)/6); }
.ida-room-grid.cols-7  > .ida-room-card{ flex:0 1 calc((100% - 6*12px)/7); }
.ida-room-grid.cols-8  > .ida-room-card{ flex:0 1 calc((100% - 7*12px)/8); }

.ida-room-card{ display:block; cursor:pointer; text-decoration:none; color:inherit; position:relative; }
.ida-room-card input[type=radio]{ position:absolute; opacity:0; pointer-events:none; }

.ida-card-inner{
  border:2px solid #e0e0e0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:180px;
  transition:all .15s ease;
}

.ida-card-img{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
  padding-top: 67%; /* יחס צדדים ברירת מחדל ב-CF7 */
  width: 100%;
}

.ida-card-label{
  padding:10px;
  font-weight:600;
  text-align:center;
  position:relative;
  line-height:1.25;
  padding-right:34px;   /* מקום לעיגול ב-RTL */
  text-align:right;
}

/* סימון בחירה */
.ida-room-card input[type="radio"]:checked + .ida-card-inner{
  border-color:#2271b1;
  box-shadow:0 0 0 2px rgba(34,113,177,.15);
}

/* נקודת רדיו ויזואלית */
.ida-card-label::before{
  content:"";
  position:absolute; top:50%; right:12px;
  width:18px; height:18px; border:2px solid #9aa0a6; border-radius:50%;
  background:#fff; transform:translateY(-50%); box-sizing:border-box;
}
.ida-card-label::after{
  content:"";
  position:absolute; top:50%; right:16px;
  width:10px; height:10px; border-radius:50%;
  background:#2271b1; transform:translateY(-50%) scale(0);
  transition:transform .15s ease;
}
.ida-room-card input[type="radio"]:checked + .ida-card-inner .ida-card-label::before{ border-color:#2271b1; }
.ida-room-card input[type="radio"]:checked + .ida-card-inner .ida-card-label::after{ transform:translateY(-50%) scale(1); }

/* LTR */
html[dir="ltr"] .ida-card-label{ padding-right:10px; padding-left:34px; text-align:left; }
html[dir="ltr"] .ida-card-label::before{ right:auto; left:12px; }
html[dir="ltr"] .ida-card-label::after { right:auto; left:16px; }

/* מובייל – טור אחד (שומר על מראה CF7) */
@media (max-width:640px){
  .ida-room-grid{ gap: 12px !important; }
  .ida-room-grid > .ida-room-card{ flex:0 1 100% !important; }
}

/* ===== Elementor scope (לא פוגע ב-CF7) ===== */
.rib-field{
  margin:0 auto;
  /* ברירות מחדל לערכים שנקבעים מהטאב Style של אלמנטור */
  --rib-img-h: 240px;        /* גובה תמונה */
  --rib-img-w: 100%;         /* רוחב תמונה */
  --rib-img-fit: contain;    /* contain/cover */
  --rib-card-max-w: 280px;   /* רוחב מקסימלי לכרטיס */
  --rib-grid-gap: 12px;      /* רווח בין כרטיסים */
}

/* באלמנטור גם משתמשים ב-Flex כדי למרכז שורה לא מלאה */
.rib-field .ida-room-grid{
  display:flex;
  flex-wrap:wrap;
  gap: var(--rib-grid-gap, 12px) !important;
  justify-content:center;
  align-content:flex-start;
  width:100%;
  margin:0 auto;
}

.rib-field .ida-room-grid.cols-1 > .ida-room-card{ flex:0 1 calc((100% - 0*var(--rib-grid-gap))/1); }
.rib-field .ida-room-grid.cols-2 > .ida-room-card{ flex:0 1 calc((100% - 1*var(--rib-grid-gap))/2); }
.rib-field .ida-room-grid.cols-3 > .ida-room-card{ flex:0 1 calc((100% - 2*var(--rib-grid-gap))/3); }
.rib-field .ida-room-grid.cols-4 > .ida-room-card{ flex:0 1 calc((100% - 3*var(--rib-grid-gap))/4); }
.rib-field .ida-room-grid.cols-5 > .ida-room-card{ flex:0 1 calc((100% - 4*var(--rib-grid-gap))/5); }
.rib-field .ida-room-grid.cols-6 > .ida-room-card{ flex:0 1 calc((100% - 5*var(--rib-grid-gap))/6); }
.rib-field .ida-room-grid.cols-7 > .ida-room-card{ flex:0 1 calc((100% - 6*var(--rib-grid-gap))/7); }
.rib-field .ida-room-grid.cols-8 > .ida-room-card{ flex:0 1 calc((100% - 7*var(--rib-grid-gap))/8); }

.rib-field label.ida-room-card{ display:block; }

.rib-field .ida-room-card .ida-card-inner{
  width:100%;
  max-width: var(--rib-card-max-w, 280px); /* נשלט מהטאב Style */
  margin:0 auto;                           /* מרכז כל כרטיס בתאו */
  outline-offset:2px;
}

/* תמונה בתוך אלמנטור – נשלטת מהטאב Style */
.rib-field .ida-card-img{
  height: var(--rib-img-h, 160px);         /* גובה נשלט */
  width:  var(--rib-img-w, 100%);          /* רוחב נשלט */
  padding-top: 0 !important;               /* מבטל יחס-גובה ברירת מחדל כדי שגובה יעבוד */
  background-size: var(--rib-img-fit, contain);
  background-position:center;
  background-repeat:no-repeat;
  background-color:#f7f7f7;
  margin-left:auto; 
  margin-right:auto;                       /* מרכז אם הרוחב < 100% */
}

/* מובייל – טור אחד בתוך אלמנטור */
@media (max-width:640px){
  .rib-field .ida-room-grid{ gap: var(--rib-grid-gap, 12px) !important; }
  .rib-field .ida-room-grid > .ida-room-card{ flex:0 1 100% !important; }
}