/* Date Picker — general/date-picker.css
   Figma: App-Tickchak 25448:10437 "Date Picker"  (App only)
   הומר מטוקנים זרים (Inter/navy) לטוקני Tickchak App + Assistant.
   לוח המספרים נשאר LTR — כמו בפיגמה. */

.dp{
  width:100%;                            /* גמיש — נמתח לרוחב הקונטיינר (היה 290px קבוע) */
  background:#fff;
  border:1px solid var(--ta-color-border-subtle);
  border-radius:5px;
  overflow:hidden;
  direction:rtl;                         /* לוח עברי — ראשון מימין */
  font-family:var(--font-family-app);
  box-sizing:border-box;
}
.dp *{box-sizing:border-box;}

/* ===== Header ===== */
.dp__header{
  display:flex;align-items:center;justify-content:space-between;
  padding:var(--space-md);              /* 12 */
  background:#fff;
}
.dp__title{
  font-weight:var(--font-weight-semibold);
  font-size:var(--font-size-heading-sub);   /* 18 */
  line-height:24px;letter-spacing:-0.5px;
  color:var(--ta-color-text-default);
}

/* ===== Grid ===== */
.dp__grid{
  display:grid;grid-template-columns:repeat(7,1fr);   /* גמיש — כל עמודה נמתחת (היה 36px) */
  padding:var(--space-md);background:#fff;
}
.dp__day{
  height:24px;display:flex;align-items:center;justify-content:center;
  font-weight:var(--font-weight-medium);
  font-size:10px;line-height:16px;letter-spacing:-0.2px;   /* 10px — אין טוקן */
  color:var(--color-grays-500);
  margin-bottom:var(--space-sm);        /* 8 */
}
.dp__cell{
  width:100%;height:32px;                /* גמיש — ממלא את עמודת ה-1fr (היה 36px) */
  display:flex;align-items:center;justify-content:center;
  background:#fff;border:0;padding:0;
  font-family:inherit;cursor:pointer;
}
.dp__num{
  display:flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:2px;
  font-weight:var(--font-weight-medium);
  font-size:var(--font-size-body-small);     /* 14 */
  line-height:24px;letter-spacing:-0.5px;
  color:var(--ta-color-text-default);
}
/* hover — תא רגיל בריחוף: brand/hover על כל התא, פינות מעוגלות */
.dp__cell:hover{background:var(--ta-color-brand-hover);border-radius:var(--border-radius-sm);}
.dp__cell:hover .dp__num{background:none;}

/* focus / לחיצה — brand/main מלא (כמו התאריך הנבחר) */
.dp__cell:focus-visible,
.dp__cell:active{
  background:var(--ta-color-brand-main);
  border-radius:var(--border-radius-sm);outline:none;
}
.dp__cell:focus-visible .dp__num,
.dp__cell:active .dp__num{background:none;color:var(--color-grays-700);}

/* disabled (ימי חודש סמוך) */
.dp__cell--disabled{cursor:default;}
.dp__cell--disabled .dp__num{color:var(--color-grays-500);}
.dp__cell--disabled:hover{background:#fff;}

/* in-range — מילוי הטווח (brand/subtle) */
.dp__cell--in-range{background:var(--ta-color-brand-subtle);}
.dp__cell--in-range .dp__num{color:var(--color-grays-700);}

/* endpoint — שני קצות הטווח (brand/hover, כהה יותר) */
.dp__cell--endpoint{background:var(--ta-color-brand-hover);}
.dp__cell--endpoint .dp__num{color:var(--color-grays-700);}

/* single — תאריך נבחר יחיד (brand/main מלא, מעוגל 4) */
.dp__cell--single{background:var(--ta-color-brand-main);border-radius:var(--border-radius-sm);}
.dp__cell--single .dp__num{color:var(--color-grays-700);}
.dp__cell--single:hover{background:var(--ta-color-brand-main);}

/* עיגול פינות לוגי (מתהפך עם direction) */
.dp__cell--r-start{
  border-start-start-radius:var(--border-radius-sm);
  border-end-start-radius:var(--border-radius-sm);
}
.dp__cell--r-end{
  border-start-end-radius:var(--border-radius-sm);
  border-end-end-radius:var(--border-radius-sm);
}


/* ===== Inputs ===== */
.dp__inputs{
  display:flex;align-items:center;gap:var(--space-sm);
  padding:var(--space-md);background:#fff;
}
.dp__input{
  flex:1 1 0;min-width:0;height:40px;
  display:flex;align-items:center;
  border:1px solid var(--ta-color-border-subtle);
  border-radius:var(--border-radius-sm);
  padding:10px 12px;background:#fff;text-align:center;
  font-family:inherit;font-weight:var(--font-weight-medium);
  font-size:var(--font-size-body-small);line-height:24px;letter-spacing:-0.5px;
  color:var(--color-grays-600);
}
.dp__input::placeholder{color:var(--color-grays-600);}
.dp__inputs-arrow{
  width:16px;height:16px;flex:0 0 auto;
  color:var(--ta-color-text-default);display:flex;
}
.dp__inputs-arrow svg{width:16px;height:16px;display:block;}
.dp__clear{flex:0 0 auto;padding-inline:var(--space-md);}   /* נקה — לא מתכווץ */