/* Hebrew <-> Gregorian date converter (תאריכון עברי). */

.in4u-dc {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 16px;
	margin: 16px 0;
	font-family: inherit;
	color: #212529;
	direction: rtl;
	text-align: right;
}

.in4u-dc-today {
	background: linear-gradient(135deg, #2271b1, #1a5a8f);
	color: #fff;
	border-radius: 8px;
	padding: 14px 18px;
	margin-bottom: 16px;
	line-height: 1.5;
}

.in4u-dc-today .lbl { font-size: 13px; opacity: 0.85; display: block; }
.in4u-dc-today .val { font-size: 18px; font-weight: 700; }

.in4u-dc-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.in4u-dc-box {
	border: 1px solid #e7eaed;
	border-radius: 8px;
	padding: 14px;
	background: #f8f9fa;
}

.in4u-dc-box h3 {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 700;
	color: #212529;
}

.in4u-dc-field { margin-bottom: 10px; }
.in4u-dc-field > span { display: block; font-size: 13px; font-weight: 600; color: #495057; margin-bottom: 4px; }

.in4u-dc input[type="date"],
.in4u-dc select {
	padding: 7px 10px;
	border: 1px solid #ced4da;
	border-radius: 6px;
	background: #fff;
	font-size: 14px;
	font-family: inherit;
	direction: rtl;
}

.in4u-dc input[type="date"] { width: 100%; }

.in4u-dc-heb-inputs {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.in4u-dc-heb-inputs .in4u-dc-field { flex: 1; min-width: 84px; margin-bottom: 0; }
.in4u-dc-heb-inputs select { width: 100%; }

.in4u-dc-result {
	margin-top: 12px;
	padding: 12px;
	background: #fff;
	border: 1px solid #e0e6eb;
	border-radius: 6px;
	min-height: 48px;
}

.in4u-dc-result .big { font-size: 18px; font-weight: 700; color: #1a5a8f; }
.in4u-dc-result .sub { font-size: 14px; color: #495057; margin-top: 4px; }
.in4u-dc-result .evt { font-size: 13px; color: #b02a37; margin-top: 4px; }
.in4u-dc-result .err { font-size: 14px; color: #b02a37; }

@media (max-width: 640px) {
	.in4u-dc-grid { grid-template-columns: 1fr; }
}