/*
 * עמודי תוכן - עמוד רגיל, מסמך משפטי, אודות וצור קשר.
 *
 * נטען ב-is_page() ואינו נטען בדף הבית, שמביא את home.css משלו.
 * רכיב שמוגש גם מחוץ לעמודים האלה יושב ב-components.css ולא כאן -
 * שלושה רכיבים נשברו בדיוק כך ב-03/08.
 */

/* ── עמוד רגיל ──────────────────────────────────────────────────────── */

.dd-page,
.dd-legal {
  display: block;
  padding-block: clamp(28px, 5vw, 56px) clamp(40px, 7vw, 88px);
}

.dd-page__wrap,
.dd-legal__wrap {
  width: min(100% - 32px, 760px);
  margin-inline: auto;
}

.dd-page__head {
  margin-bottom: 24px;
}

.dd-page__title,
.dd-legal__title {
  margin: 0;
  font-size: clamp(28px, 5vw, 42px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--dd-ink);
}

.dd-page__media {
  margin: 0 0 28px;
  overflow: hidden;
  border: 1.5px solid var(--dd-hairline);
  border-radius: var(--dd-r-xl);
}

.dd-page__media img {
  display: block;
  width: 100%;
  height: auto;
}

/* ── טיפוגרפיה של טקסט ארוך ─────────────────────────────────────────── */

/*
 * .dd-prose עוטף תוכן שמגיע מהעורך של וורדפרס, ולכן הוא מסגנן לפי תגית
 * ולא לפי מחלקה. בעל האתר לא יכתוב class="dd-..." בעורך, ואילו היינו
 * מסתמכים על מחלקות כל עריכה שלו הייתה מגיעה בלי עיצוב.
 */
.dd-prose {
  color: var(--dd-body);
  font-size: 16px;
  line-height: 1.85;
}

.dd-prose > :first-child {
  margin-top: 0;
}

.dd-prose > :last-child {
  margin-bottom: 0;
}

.dd-prose p {
  margin: 0 0 18px;
}

.dd-prose h2 {
  margin: 44px 0 12px;
  font-size: clamp(19px, 2.6vw, 23px);
  font-weight: 800;
  line-height: 1.35;
  color: var(--dd-ink);
  scroll-margin-top: 96px;
}

.dd-prose h3 {
  margin: 28px 0 10px;
  font-size: 17px;
  font-weight: 700;
  color: var(--dd-ink);
}

.dd-prose ul,
.dd-prose ol {
  margin: 0 0 18px;
  padding-inline-start: 22px;
}

.dd-prose li {
  margin-bottom: 8px;
}

.dd-prose li::marker {
  color: var(--dd-muted-warm);
}

.dd-prose strong {
  color: var(--dd-ink);
  font-weight: 700;
}

.dd-prose a {
  color: var(--dd-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.dd-prose a:hover {
  color: var(--dd-ink-soft);
}

.dd-prose hr {
  height: 1.5px;
  margin: 36px 0;
  border: 0;
  background: var(--dd-hairline);
}

.dd-prose table {
  width: 100%;
  margin: 0 0 18px;
  border-collapse: collapse;
  font-size: 15px;
}

.dd-prose th,
.dd-prose td {
  padding: 10px 12px;
  border: 1.5px solid var(--dd-hairline);
  text-align: start;
}

.dd-prose th {
  background: var(--dd-cream);
  color: var(--dd-ink);
  font-weight: 700;
}

/* ── מסמך משפטי ─────────────────────────────────────────────────────── */

.dd-legal__head {
  padding-bottom: 20px;
  margin-bottom: 28px;
  border-bottom: 1.5px solid var(--dd-hairline);
}

.dd-legal__meta {
  margin: 10px 0 0;
  color: var(--dd-muted-warm);
  font-size: 14px;
}

.dd-legal__meta time {
  font-variant-numeric: tabular-nums;
}

/*
 * ערך שטרם הוזן. אדום ומקווקו במכוון - בעל האתר אמור לראות אותו
 * ולהשלים, ומבקר שרואה אותו לפחות יודע שהפרט חסר ולא מקבל מסמך
 * שנראה שלם ואינו.
 */
.dd-legal__todo {
  display: inline-block;
  padding: 1px 8px;
  border: 1.5px dashed #C99;
  border-radius: var(--dd-r-sm);
  background: #FDECEC;
  color: #8A1F1F;
  font-size: 0.92em;
  font-weight: 600;
}

.dd-legal__id {
  margin-top: 44px;
  padding: 24px;
  border: 1.5px solid var(--dd-hairline);
  border-radius: var(--dd-r-xl);
  background: var(--dd-cream);
}

.dd-legal__id-title {
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 800;
  color: var(--dd-ink);
}

.dd-legal__id-list {
  margin: 0;
  display: grid;
  gap: 10px;
}

.dd-legal__id-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
}

.dd-legal__id-row dt {
  color: var(--dd-muted-warm);
  font-size: 13px;
  font-weight: 600;
}

.dd-legal__id-row dd {
  margin: 0;
  color: var(--dd-ink);
  font-size: 15px;
}

.dd-legal__id-row a {
  color: var(--dd-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.dd-legal__back {
  margin-top: 28px;
  color: var(--dd-muted-warm);
  font-size: 14px;
}

.dd-legal__back a {
  color: var(--dd-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.dd-legal__back-sep {
  margin-inline: 6px;
}

@media (min-width: 620px) {
  .dd-legal__id-row {
    grid-template-columns: 210px 1fr;
    gap: 12px;
    align-items: baseline;
  }
}

/* ══ אודות ══════════════════════════════════════════════════════════ */

.dd-about__sec {
  padding-block: clamp(32px, 5vw, 64px);
}

.dd-about__hero {
  padding-block-start: clamp(24px, 4vw, 48px);
}

.dd-about__wrap {
  width: min(100% - 32px, var(--dd-container));
  margin-inline: auto;
}

.dd-about__wrap--narrow {
  width: min(100% - 32px, 760px);
}

/* ── ראש העמוד ─────────────────────────────────────────────────────── */

.dd-abhero__grid {
  display: grid;
  gap: clamp(24px, 4vw, 44px);
  align-items: center;
}

.dd-abhero__kicker {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--dd-ink);
}

.dd-abhero__kicker-brand {
  color: var(--dd-muted-warm);
  font-weight: 500;
}

.dd-abhero__title {
  margin: 0 0 14px;
  font-size: clamp(30px, 5.4vw, 48px);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -0.015em;
  color: var(--dd-ink);
}

.dd-abhero__sub {
  margin: 0 0 24px;
  max-inline-size: 52ch;
  font-size: clamp(16px, 1.9vw, 18px);
  line-height: 1.75;
  color: var(--dd-body);
}

.dd-abhero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dd-abhero__media {
  margin: 0;
  overflow: hidden;
  border: 1.5px solid var(--dd-hairline);
  border-radius: var(--dd-r-xl);
  background: var(--dd-cream);
}

.dd-abhero__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media (min-width: 900px) {
  .dd-abhero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  }
}

/* ── רצועת חמשת המספרים ────────────────────────────────────────────── */

.dd-abtrust__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dd-abtrust__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 18px 16px;
  border: 1.5px solid var(--dd-hairline);
  border-radius: var(--dd-r-card);
  background: var(--dd-cream);
}

/*
 * הקוביה החמישית נפרסת על שני הטורים בנייד. קוביה בודדת ברוחב חצי
 * בשורה האחרונה נקראת כטעות פריסה ולא כפריט. אותה הכרעה מ-25/07.
 */
.dd-abtrust__item:last-child {
  grid-column: 1 / -1;
}

.dd-abtrust__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 40px;
  block-size: 40px;
  border-radius: 50%;
  background: var(--dd-pastel);
  color: var(--dd-ink);
}

.dd-abtrust__big {
  font-size: 20px;
  font-weight: 800;
  color: var(--dd-ink);
  font-variant-numeric: tabular-nums;
}

.dd-abtrust__label {
  font-size: 14px;
  line-height: 1.55;
  color: var(--dd-body);
}

@media (min-width: 760px) {
  .dd-abtrust__list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .dd-abtrust__item:last-child {
    grid-column: auto;
  }
}

/* ── שלושת בלוקי הסיפור ────────────────────────────────────────────── */

.dd-abstory__row {
  display: grid;
  gap: clamp(18px, 3vw, 36px);
  align-items: center;
  padding-block: clamp(20px, 3vw, 36px);
}

.dd-abstory__row + .dd-abstory__row {
  border-top: 1.5px solid var(--dd-hairline);
}

.dd-abstory__num {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  color: var(--dd-muted-warm);
  font-variant-numeric: tabular-nums;
}

.dd-abstory__title {
  margin: 0 0 10px;
  font-size: clamp(21px, 3vw, 27px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--dd-ink);
}

.dd-abstory__body {
  margin: 0;
  max-inline-size: 56ch;
  font-size: 16px;
  line-height: 1.8;
  color: var(--dd-body);
}

.dd-abstory__media {
  margin: 0;
  overflow: hidden;
  border: 1.5px solid var(--dd-hairline);
  border-radius: var(--dd-r-xl);
  background: var(--dd-cream);
}

.dd-abstory__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media (min-width: 860px) {
  .dd-abstory__row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  /*
   * ההיפוך ב-order בלבד. סדר ה-DOM נשאר טקסט ואז תמונה בכל הבלוקים,
   * וזה הסדר שקורא מסך מקריא ושמתקבל בנייד.
   */
  .dd-abstory__row:nth-child(even) .dd-abstory__text { order: 2; }
  .dd-abstory__row:nth-child(even) .dd-abstory__media { order: 1; }
}

/* ── הציר ──────────────────────────────────────────────────────────── */

.dd-abjourney {
  background: var(--dd-cream-section);
}

.dd-abjourney__title {
  margin: 0 0 24px;
  font-size: clamp(22px, 3.4vw, 30px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--dd-ink);
}

.dd-abjourney__list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dd-abjourney__step {
  padding: 20px 18px;
  border: 1.5px solid var(--dd-hairline-deep);
  border-radius: var(--dd-r-card);
  background: var(--dd-white);
}

.dd-abjourney__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 30px;
  block-size: 30px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: var(--dd-ink);
  color: var(--dd-white);
  font-size: 14px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.dd-abjourney__step-title {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 700;
  color: var(--dd-ink);
}

.dd-abjourney__step-text {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: var(--dd-body);
}

@media (min-width: 760px) {
  .dd-abjourney__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* ── גימורים ───────────────────────────────────────────────────────── */

.dd-abfinish__title {
  margin: 0 0 8px;
  font-size: clamp(22px, 3.4vw, 30px);
  font-weight: 800;
  color: var(--dd-ink);
}

.dd-abfinish__sub {
  margin: 0 0 22px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--dd-body);
}

/*
 * רשת ולא קרוסלה. מיכל גלילה אופקי ב-RTL משתרע לקואורדינטות שליליות
 * וכרום מונה אותן ב-documentElement.scrollWidth גם כשהן נחתכות.
 * המלכודת שתועדה ב-22/07.
 */
.dd-abfinish__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dd-abfinish__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.dd-abfinish__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1.5px solid var(--dd-hairline);
  border-radius: var(--dd-r-card);
}

.dd-abfinish__name {
  font-size: 14px;
  font-weight: 600;
  color: var(--dd-ink);
}

@media (min-width: 760px) {
  .dd-abfinish__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

/* ── אולם התצוגה ───────────────────────────────────────────────────── */

.dd-abshow__card {
  display: grid;
  gap: clamp(20px, 3vw, 36px);
  padding: clamp(22px, 3.4vw, 36px);
  border: 1.5px solid var(--dd-hairline);
  border-radius: var(--dd-r-xl);
  background: var(--dd-cream);
}

.dd-abshow__title {
  margin: 0 0 10px;
  font-size: clamp(21px, 3vw, 28px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--dd-ink);
}

.dd-abshow__body {
  margin: 0 0 20px;
  max-inline-size: 50ch;
  font-size: 16px;
  line-height: 1.75;
  color: var(--dd-body);
}

.dd-abshow__facts {
  display: grid;
  gap: 14px;
  margin: 0;
  align-content: start;
}

.dd-abshow__fact dt {
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 600;
  color: var(--dd-muted-warm);
}

.dd-abshow__fact dd {
  margin: 0;
  font-size: 15px;
  color: var(--dd-ink);
}

.dd-abshow__fact a {
  color: var(--dd-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.dd-abshow__hours {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.75;
}

.dd-abshow__hours .is-strong {
  font-weight: 700;
}

@media (min-width: 860px) {
  .dd-abshow__card {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }
}

/* ── סיום ──────────────────────────────────────────────────────────── */

.dd-abcta__box {
  padding: clamp(26px, 4vw, 44px);
  border: 1.5px solid var(--dd-pastel-border);
  border-radius: var(--dd-r-xl);
  background: var(--dd-pastel);
  text-align: center;
}

.dd-abcta__title {
  margin: 0 0 10px;
  font-size: clamp(22px, 3.4vw, 30px);
  font-weight: 800;
  color: var(--dd-ink);
}

.dd-abcta__text {
  margin: 0 auto 22px;
  max-inline-size: 46ch;
  font-size: 16px;
  line-height: 1.7;
  color: #31555C;
}

.dd-abcta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

/* ══ צור קשר ════════════════════════════════════════════════════════ */

.dd-ct__sec {
  padding-block: clamp(28px, 4.4vw, 56px);
}

.dd-ct__hero {
  padding-block: clamp(28px, 4.4vw, 56px) clamp(8px, 1.6vw, 16px);
}

.dd-ct__wrap {
  width: min(100% - 32px, var(--dd-container));
  margin-inline: auto;
}

.dd-ct__wrap--narrow {
  width: min(100% - 32px, 760px);
}

.dd-ct__kicker {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 700;
  color: var(--dd-ink);
}

.dd-ct__kicker-brand {
  color: var(--dd-muted-warm);
  font-weight: 500;
}

.dd-ct__title {
  margin: 0 0 12px;
  font-size: clamp(30px, 5.4vw, 46px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.015em;
  color: var(--dd-ink);
}

.dd-ct__sub {
  margin: 0;
  max-inline-size: 56ch;
  font-size: clamp(16px, 1.9vw, 18px);
  line-height: 1.75;
  color: var(--dd-body);
}

/* ── שלושת המסלולים ────────────────────────────────────────────────── */

.dd-ctroutes__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dd-ctroutes__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 22px 20px;
  border: 1.5px solid var(--dd-hairline);
  border-radius: var(--dd-r-xl);
  background: var(--dd-cream);
}

.dd-ctroutes__card--wa {
  border-color: var(--dd-pastel-border);
  background: var(--dd-pastel);
}

.dd-ctroutes__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 46px;
  block-size: 46px;
  border-radius: 50%;
  background: var(--dd-white);
  color: var(--dd-ink);
}

/*
 * ירוק כהה ולא #25D366. הירוק של המדריך נדרש למילוי כפתור, אבל כאן
 * הוא אייקון על רקע לבן - 1.98:1. הכהיה נדרשת כדי לעבור את סף 3:1
 * לאלמנט גרפי, ולא נוגעת בכפתורי הוואטסאפ עצמם.
 */
.dd-ctroutes__card--wa .dd-ctroutes__icon {
  color: #0F7A48;
}

.dd-ctroutes__title {
  margin: 4px 0 0;
  font-size: 18px;
  font-weight: 800;
  color: var(--dd-ink);
}

.dd-ctroutes__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--dd-body);
}

.dd-ctroutes__link {
  margin-block-start: 4px;
  font-size: 16px;
  font-weight: 700;
  color: var(--dd-ink);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.dd-ctroutes__mail {
  font-size: 14px;
  color: var(--dd-body);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.dd-ctroutes__hours {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 1.7;
  color: var(--dd-body);
}

.dd-ctroutes__hours .is-strong {
  font-weight: 700;
  color: var(--dd-ink);
}

@media (min-width: 820px) {
  .dd-ctroutes__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ── הטופס ─────────────────────────────────────────────────────────── */

.dd-ctform__box {
  padding: clamp(22px, 3.4vw, 36px);
  border: 1.5px solid var(--dd-hairline);
  border-radius: var(--dd-r-xl);
  background: var(--dd-white);
}

.dd-ctform__title {
  margin: 0 0 6px;
  font-size: clamp(21px, 3vw, 26px);
  font-weight: 800;
  color: var(--dd-ink);
}

.dd-ctform__sub {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--dd-body);
}

.dd-ctform__legal {
  margin: 14px 0 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--dd-muted-warm);
}

.dd-ctform__legal[hidden] {
  display: none;
}

/* ── שאלות ותשובות ─────────────────────────────────────────────────── */

.dd-ctfaq__title {
  margin: 0 0 18px;
  font-size: clamp(22px, 3.4vw, 30px);
  font-weight: 800;
  color: var(--dd-ink);
}

.dd-ctfaq__list {
  display: grid;
  gap: 10px;
}

.dd-ctfaq__item {
  border: 1.5px solid var(--dd-hairline);
  border-radius: var(--dd-r-card);
  background: var(--dd-cream);
  overflow: hidden;
}

.dd-ctfaq__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  color: var(--dd-ink);
  list-style: none;
}

/* החץ שלנו במקום המשולש של הדפדפן, בשני המנועים. */
.dd-ctfaq__q::-webkit-details-marker {
  display: none;
}

.dd-ctfaq__q::marker {
  content: "";
}

.dd-ctfaq__chev {
  flex: none;
  inline-size: 11px;
  block-size: 11px;
  border-inline-end: 2px solid var(--dd-muted-warm);
  border-block-end: 2px solid var(--dd-muted-warm);
  transform: rotate(45deg);
  transition: transform .18s ease;
}

.dd-ctfaq__item[open] .dd-ctfaq__chev {
  transform: rotate(-135deg);
}

.dd-ctfaq__a {
  padding: 0 18px 18px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--dd-body);
}

/* ── לקוחות משתפים (05/10) ─────────────────────────────────────────── */

.dd-chomes { padding-block: var(--dd-s-8) var(--dd-s-10); }

.dd-chomes__head {
  max-inline-size: 680px;
  margin-inline: auto;
  margin-block-end: var(--dd-s-8);
  text-align: center;
}

.dd-chomes__title { margin: 0 0 var(--dd-s-3); font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem); }

.dd-chomes__intro { margin: 0; color: var(--dd-muted); font-size: 1.0625rem; }

/* מאסונרי בעמודות CSS: צילומי טלפון לאורך ולרוחב, בלי חיתוך שמעלים את השולחן. */
.dd-chomes__grid {
  columns: 3 260px;
  column-gap: var(--dd-s-4);
  padding: 0;
  margin: 0;
  list-style: none;
}

.dd-chomes__item { break-inside: avoid; margin-block-end: var(--dd-s-4); }

.dd-chomes__item a { display: block; border-radius: var(--dd-r-lg, 16px); overflow: hidden; }

.dd-chomes__item img { display: block; inline-size: 100%; block-size: auto; transition: transform .3s ease; }

.dd-chomes__item a:hover img,
.dd-chomes__item a:focus-visible img { transform: scale(1.03); }

.dd-chomes__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--dd-s-4);
  margin-block-start: var(--dd-s-8);
  text-align: center;
}

.dd-chomes__cta p { margin: 0; font-weight: 600; }

@media (prefers-reduced-motion: reduce) {
  .dd-chomes__item img { transition: none; }
}