/*
 * Design Deal - סבב תיקונים מול הלקוח.
 *
 * הקובץ נטען אחרון בכוונה, כך שהוא גובר על קובצי הסקשנים בלי לערוך אותם.
 * כל כלל כאן מתועד עם הסיבה שהוא נולד - אם ההערה כבר לא נכונה, הכלל
 * צריך לעבור לקובץ שאליו הוא שייך ולהיעלם מכאן.
 */

/* ── כותרות סקשנים ממורכזות ─────────────────────────────────────────────
 * הסקשן ממורכז בדף, ולכן כותרת שנצמדת לימין נראתה תלושה ממנו.
 * מרכוז הכותרת יחד עם תת-הכותרת שמתחתיה.
 */

.dd-faq__heading,
.dd-lead__head,
.dd-reviews__head {
  text-align: center;
  margin-inline: auto;
}

.dd-faq__heading > *,
.dd-lead__head > * {
  margin-inline: auto;
}

/* קופסת הבחירה היא טור צדדי ולא סקשן ממורכז - שם היישור לימין נכון. */
.dd-summary__head,
.dd-picker__head {
  text-align: start;
  margin-inline: 0;
}

/* ── כפתורי הפעולה על הגלריה ────────────────────────────────────────────
 * שני הפיצ'רים האלה הם הלב של הדף, והם יושבים על במה לבנה שעליה מונח
 * רינדור לבן. לכן מילוי פסטל עם מסגרת שחורה: לבן-על-לבן היה נעלם, וירוק
 * שמור לוואטסאפ. הצל היחיד כאן הוא מה שמפריד אותם מהתמונה שמתחתיהם.
 */

.dd-gallery__actions .dd-btn {
  background: var(--dd-pastel);
  color: var(--dd-ink);
  border-color: var(--dd-ink);
  box-shadow: 0 4px 16px rgba(17, 17, 17, .12);
  font-weight: var(--dd-fw-bold);
}

.dd-gallery__actions .dd-btn:hover,
.dd-gallery__actions .dd-btn:focus-visible {
  background: var(--dd-pastel-border);
  box-shadow: 0 6px 22px rgba(17, 17, 17, .18);
}

.dd-gallery__actions .dd-btn .dd-gallery__actionIcon {
  color: var(--dd-ink);
}

/* ── שלד הטעינה של סקשן ה-360 ───────────────────────────────────────────
 * המנוע מוסיף את התצוגה לתוך הבמה בלי לפנות את השלד, ולכן הוא נשאר
 * גלוי לצד תמונה תקינה. product.js מוסיף is-ready ברגע שיש קנבס מצויר,
 * ו-is-failed אם המנוע לא הגיע בכלל.
 */

.dd-spin__stage.is-ready .dd-spin__skeleton,
.dd-spin__stage.is-ready .dd-spin__loading {
  display: none;
}

.dd-spin__stage.is-failed .dd-spin__skeleton { display: none; }

.dd-spin__stage.is-failed .dd-spin__loading::after {
  content: ". לא הצלחנו לטעון את התצוגה התלת-ממדית. רעננו את הדף, או דברו איתנו בוואטסאפ ונשמח להראות לכם את השולחן.";
}

/* ── כפתור וואטסאפ צף בנייד ─────────────────────────────────────────────
 * במסך צר הכפתור הצף כיסה את תג החיסכון ואת ה-CTA המשני, ובמקביל
 * הסרגל התחתון הדביק כבר מציע בדיוק את אותה פעולה. שתי נקודות כניסה
 * צפות על מסך של 390px הן רעש, לא נוחות. בדסקטופ יש מקום ולכן הוא נשאר.
 */

@media (max-width: 767px) {
  .dd-fab,
  [data-fab] {
    display: none;
  }
}

/* על מסך צר הכפתורים יורדים לשורה משלהם כדי לא לכסות את המוצר. */
@media (max-width: 480px) {
  .dd-gallery__actions {
    flex-wrap: wrap;
    gap: var(--dd-s-2);
  }

  .dd-gallery__actions .dd-btn {
    flex: 1 1 auto;
    justify-content: center;
  }
}