/* Randevu formu takvimi (flatpickr) tema renkleriyle: --theme-color1 mor, --theme-color4 açık lila (27.10.2026) */

/* Gün alanı: takvim ikonu, salt okunur görünümü normal alan gibi */
/* Tema alanlara "background" kısayoluyla zemin veriyor ve readonly alanı beyaz yapıyor; diğer alanlarla aynı zemin + ikon */
.wpcf7 input.agz-tarih {
	cursor: pointer;
	background-color: rgba(241, 238, 246, .5) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234b3a74' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 9.5h18M8 3v3M16 3v3'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	padding-right: 48px !important;
}
.agz-randevu-not small { display: block; margin-top: -4px; color: #757575; font-size: 13.5px; line-height: 1.6; }

/* Takvim kutusu */
.flatpickr-calendar {
	font-family: inherit;
	width: 318px;
	padding: 10px 10px 12px;
	border-radius: 16px;
	border: 1px solid rgba(var(--theme-color1-rgb), .12);
	box-shadow: 0 14px 40px rgba(var(--theme-color1-rgb), .18);
}
.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after,
.flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after { display: none; }
.flatpickr-calendar .flatpickr-innerContainer, .flatpickr-calendar .flatpickr-rContainer, .flatpickr-calendar .flatpickr-days { width: 100%; }
.flatpickr-calendar .dayContainer { width: 100%; min-width: 0; max-width: none; }

/* Ay ve yıl başlığı */
.flatpickr-months { padding: 2px 0 8px; }
.flatpickr-months .flatpickr-month { height: 40px; color: var(--theme-color1); fill: var(--theme-color1); }
.flatpickr-current-month { font-size: 17px; font-weight: 600; padding-top: 8px; }
.flatpickr-current-month .cur-month { font-weight: 600; }
.flatpickr-current-month input.cur-year { font-weight: 600; color: var(--theme-color1) !important; } /* tema input rengini eziyor */
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
	top: 12px; height: 34px; width: 34px; padding: 10px; border-radius: 50%; color: var(--theme-color1); fill: var(--theme-color1);
}
.flatpickr-months .flatpickr-prev-month { left: 10px; }
.flatpickr-months .flatpickr-next-month { right: 10px; }
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { background: rgba(var(--theme-color1-rgb), .08); }
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--theme-color1); }
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled { opacity: .25; }

/* Gün adları */
span.flatpickr-weekday { color: rgba(var(--theme-color1-rgb), .55); font-weight: 600; font-size: 12.5px; }

/* Günler */
.flatpickr-day {
	max-width: none; height: 40px; line-height: 38px; margin: 1px 0;
	border-radius: 50%; color: #333; font-size: 15px; border-color: transparent;
}
.flatpickr-day:hover, .flatpickr-day:focus { background: rgba(var(--theme-color1-rgb), .08); border-color: transparent; }
.flatpickr-day.today { border-color: var(--theme-color4); color: var(--theme-color1); font-weight: 600; }
.flatpickr-day.today:hover, .flatpickr-day.today:focus { background: rgba(var(--theme-color1-rgb), .08); color: var(--theme-color1); border-color: var(--theme-color4); }
.flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.selected:focus {
	background: var(--theme-color1); border-color: var(--theme-color1); color: #fff; font-weight: 600;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { color: rgba(0, 0, 0, .22); background: none; }
.flatpickr-day.flatpickr-disabled { text-decoration: line-through; text-decoration-color: rgba(0, 0, 0, .15); }

@media (max-width: 380px) {
	.flatpickr-calendar { width: calc(100vw - 24px); }
	.flatpickr-day { height: 38px; line-height: 36px; }
}