/**
 * Form Module Custom Styles
 * =========================
 * Bu dosya, form modülündeki HTML yapısında ve CF7 formunda kullanılan
 * Tailwind/DaisyUI sınıflarını tamamlayan veya üzerine yazan özel CSS
 * kuralları için kullanılır.
 *
 * Bu dosya form_functions.php tarafından enqueue edilir.
 */

/* --- Yükleme Göstergeleri --- */

/*
 * Multi-step popup içinde kullanılan genel .loader elemanları için stil.
 * Öneri: HTML içinde doğrudan DaisyUI spinner sınıflarını kullanın
 * (örn: <span class="loading loading-spinner loading-lg"></span>).
 * Bu CSS kuralı, alternatif veya ek stil gerekirse kullanılabilir.
*/
.form-module-wrapper .loader {
    /* display: none; */
    /* Varsayılan olarak gizli, JS ile gösterilir */
    /* text-align: center; */
    /* padding: 2rem; */
    /* color: hsl(var(--p)); */
    /* Primary rengi kullan */
}

/*
 * CF7 gönder butonunun yükleme durumundaki stili (JS .loading sınıfını ekler).
 * Not: DaisyUI butonları <button class="btn loading"> yapısıyla bunu zaten
 * otomatik olarak yönetebilir. Eğer JS ile sadece .loading sınıfı eklemek
 * yeterli olmuyorsa veya farklı bir görünüm isteniyorsa bu kurallar kullanılır.
 */
.wpcf7-form .wpcf7-submit.loading {
    /* Opaklığı düşür ve imleci değiştir */
    opacity: 0.75;
    cursor: wait;
    /* DaisyUI'nin kendi loading stili yeterli değilse aşağıdaki spinner eklenebilir */
    /* position: relative; */
    /* Pseudo eleman için gerekli */
}

/* Örnek: Buton için özel CSS spinner (isteğe bağlı) */
/*
.wpcf7-form .wpcf7-submit.loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.2em;
	height: 1.2em;
	margin-top: -0.6em;
	margin-left: -0.6em;
	border: 3px solid hsla(var(--bc) / 0.2); // Background content color with opacity
	border-top-color: hsl(var(--bc) / 1); // Background content color
	border-radius: 50%;
	animation: form-button-spinner 0.7s linear infinite;
}

@keyframes form-button-spinner {
	to {
		transform: rotate(360deg);
	}
}
*/


/* --- CF7 Özel Ayarlamaları (İsteğe Bağlı) --- */

/* Örnek: CF7 doğrulama mesajlarının stilini ayarlama */
/*
.wpcf7-form .wpcf7-not-valid-tip {
	color: hsl(var(--er)); // Error color from DaisyUI
	font-size: 0.8rem;
	margin-top: 0.15rem;
}
*/

/* Örnek: CF7 genel cevap kutusunu (başarılı/hata mesajları) stillendirme */
/*
.wpcf7-form .wpcf7-response-output {
	margin: 1em 0.5em;
	padding: 0.8em 1em;
	border-radius: var(--rounded-btn, 0.5rem); // Use DaisyUI button radius variable
    border-width: 1px;
    border-style: solid;
}
// Başarı durumu için (DaisyUI alert sınıfları tercih edilebilir)
.wpcf7-form.sent .wpcf7-response-output {
    background-color: hsl(var(--su) / 0.1); // Success color background
    border-color: hsl(var(--su)); // Success color border
    color: hsl(var(--suc)); // Success content color
}
// Hata durumu için
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output {
     background-color: hsl(var(--er) / 0.1); // Error color background
     border-color: hsl(var(--er)); // Error color border
     color: hsl(var(--erc)); // Error content color
}
*/

/* --- Multi-Step Özel Stilleri (İsteğe Bağlı) --- */

/* Adım içeriklerinin geçişlerde yüksekliğini koruması için */
/*
.step-content {
    min-height: 250px;
    display: flex;
    flex-direction: column;
}
.step-list {
    flex-grow: 1; // Listenin kalan alanı doldurmasını sağla
    overflow-y: auto; // Gerekirse kaydırma çubuğu ekle
    max-height: 40vh; // Maksimum yükseklik belirle
}
*/

/* Seçilebilir öğelerin üzerine gelince veya seçilince stil (JS zaten bg/text/ring ekliyor) */
/*
.brand-item, .model-item, .package-item {
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.brand-item:hover, .model-item:hover, .package-item:hover {
    box-shadow: 0 0 0 1px hsl(var(--p) / 0.5); // Primary rengiyle hafif çerçeve
}
*/