/**
 * منتقي التاريخ العربي الموحد (assets/js/components/datepicker.js)
 * الحقل: .tnt-date — التقويم: .tnt-datepicker (يظهر في الطبقة العليا فلا تقصّه البطاقات أو النوافذ)
 */

/* ========== الحقل ========== */
.tnt .tnt-date { position: relative; display: block; min-width: 0; }
.tnt .tnt-toolbar .tnt-date { display: inline-block; flex: 1 1 170px; max-width: 230px; }
/* الحقل يملأ حاويته (عرضه التلقائي كان يتجاوزها ويغطي الزر المجاور) */
.tnt .tnt-toolbar .tnt-date .tnt-input { width: 100%; }
@media (max-width: 782px) { .tnt .tnt-toolbar .tnt-date { max-width: none; } }
.tnt .tnt-date__display { cursor: pointer; padding-inline-start: 42px; padding-inline-end: 34px; caret-color: transparent; }
.tnt .tnt-date__display:hover { border-color: var(--tnt-gold); }
.tnt .tnt-date__display[aria-expanded="true"] { border-color: var(--tnt-gold-600); box-shadow: var(--tnt-ring); }
.tnt .tnt-date__icon { position: absolute; inset-inline-start: 12px; top: 50%; transform: translateY(-50%); color: var(--tnt-gold-600); display: flex; pointer-events: none; }
.tnt .tnt-date__clear {
	position: absolute; inset-inline-end: 8px; top: 50%; transform: translateY(-50%);
	width: 22px; height: 22px; border-radius: 50%; border: 0; background: var(--tnt-surface-2); color: var(--tnt-muted);
	font-size: 16px; line-height: 1; cursor: pointer; display: none; place-items: center; padding: 0;
}
.tnt .tnt-date.has-value .tnt-date__clear { display: grid; }
.tnt .tnt-date__clear:hover { background: var(--tnt-danger-50); color: var(--tnt-danger); }

/* ========== التقويم ========== */
.tnt .tnt-datepicker {
	position: fixed; inset: auto; margin: 0; z-index: 100100;
	width: 304px; padding: 14px; border: 1px solid var(--tnt-border); border-radius: var(--tnt-radius-lg);
	background: var(--tnt-surface); box-shadow: var(--tnt-shadow-lg); color: var(--tnt-text); font-family: var(--tnt-font);
	display: none;
}
.tnt .tnt-datepicker.is-open { display: block; animation: tnt-datepicker-in .16s var(--tnt-ease); }
@keyframes tnt-datepicker-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* الرأس: الشهر والسنة وأزرار التنقل */
.tnt .tnt-datepicker__head { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; }
.tnt .tnt-datepicker__titles { flex: 1; display: flex; gap: 6px; justify-content: center; }
.tnt .tnt-datepicker__titles select {
	appearance: none; -webkit-appearance: none; border: 0; background: transparent; font: 800 15px/1.4 var(--tnt-font);
	color: var(--tnt-navy-900); cursor: pointer; padding: 4px 6px; border-radius: 8px; min-height: 0; box-shadow: none; max-width: none;
}
.tnt .tnt-datepicker__titles select:hover, .tnt .tnt-datepicker__titles select:focus { background: var(--tnt-gold-50); outline: none; }
.tnt .tnt-datepicker__nav {
	width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--tnt-border); background: var(--tnt-surface);
	color: var(--tnt-navy-800); display: grid; place-items: center; cursor: pointer; padding: 0;
}
/* في العربية: "السابق" يمين ويشير لليمين، و"التالي" يسار ويشير لليسار */
.tnt .tnt-datepicker__nav--next svg { transform: scaleX(-1); }
.tnt .tnt-datepicker__nav:hover { border-color: var(--tnt-gold); background: var(--tnt-gold-50); }
.tnt .tnt-datepicker__nav:disabled { opacity: .35; cursor: not-allowed; background: var(--tnt-surface); border-color: var(--tnt-border); }

/* أيام الأسبوع والشبكة */
.tnt .tnt-datepicker__week, .tnt .tnt-datepicker__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.tnt .tnt-datepicker__week span { text-align: center; font-size: 11.5px; font-weight: 700; color: var(--tnt-muted); padding: 4px 0 6px; }
.tnt .tnt-datepicker__day {
	height: 36px; border: 0; border-radius: 10px; background: transparent; color: var(--tnt-text);
	font: 600 14px/1 var(--tnt-font); cursor: pointer; padding: 0; transition: background .12s, color .12s;
}
.tnt .tnt-datepicker__day:hover { background: var(--tnt-gold-50); color: var(--tnt-navy-900); }
.tnt .tnt-datepicker__day:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--tnt-gold); }
.tnt .tnt-datepicker__day.is-weekend { color: var(--tnt-gold-600); }
.tnt .tnt-datepicker__day.is-other { color: #b8bfd1; }
.tnt .tnt-datepicker__day.is-today { box-shadow: inset 0 0 0 1.5px var(--tnt-navy-700); }
.tnt .tnt-datepicker__day.is-selected { background: var(--tnt-btn-primary-bg); color: #fff; box-shadow: var(--tnt-btn-primary-shadow); }
.tnt .tnt-datepicker__day:disabled { color: #d3d8e4; cursor: not-allowed; background: transparent; text-decoration: line-through; }

/* التذييل: التاريخ الهجري وزر اليوم */
.tnt .tnt-datepicker__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--tnt-border); }
.tnt .tnt-datepicker__hijri { font-size: 12.5px; color: var(--tnt-muted); }
.tnt .tnt-datepicker__today {
	border: 0; background: var(--tnt-gold-50); color: var(--tnt-gold-600); font: 700 13px/1 var(--tnt-font);
	padding: 8px 14px; border-radius: 999px; cursor: pointer;
}
.tnt .tnt-datepicker__today:hover { background: var(--tnt-gold); color: var(--tnt-gold-ink); }

/* أيام صالحة لم تأتِ بعد (data-tnt-until): تظهر بلونها مع نقطة ذهبية، بدون شطب */
.tnt .tnt-datepicker__day.is-upcoming:disabled { text-decoration: none; color: var(--tnt-navy-700); opacity: .55; position: relative; }
.tnt .tnt-datepicker__day.is-upcoming::after { content: ""; position: absolute; bottom: 5px; left: 50%; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--tnt-gold); }