/*
 * tailwind-suplement.css
 * ---------------------------------------------------------------------------
 * Temanın hazır Tailwind çıktısı (style.css) yalnızca orijinal .html dosyaları
 * taranarak üretilmiştir. Views/Home/Index.cshtml ise temada hiç geçmeyen bazı
 * Tailwind utility sınıflarını kullandığından, bu sınıflar style.css'te YOKTU ve
 * ana sayfada stil bozulmalarına (çöken görsel yükseklikleri, kaybolan hero
 * gradient'i, çöken grid boşlukları vb.) yol açıyordu.
 *
 * Bu dosya, ana sayfanın ihtiyaç duyduğu 47 eksik utility'yi elle tanımlar ve
 * style.css'ten SONRA yüklenir. Yalnızca eksik olan sınıflar burada; mevcutlara
 * dokunulmaz.
 *
 * Kalıcı/ideal çözüm: Tailwind'i, content olarak `**/*.cshtml` dosyalarını da
 * tarayacak biçimde yeniden derleyip style.css'i güncellemektir.
 *
 * DİKKAT: Bu tema MAX-WIDTH breakpoint kullanır (style.css ile aynı):
 *   md:  -> @media (max-width: 991px)
 *   sm:  -> @media (max-width: 767px)
 */

/* --- boyut / flex / konum --- */
.flex-1 { flex: 1 1 0%; }
.min-h-\[300px\] { min-height: 300px; }
.max-w-\[640px\] { max-width: 640px; }
.w-\[44px\] { width: 44px; }
.h-\[44px\] { height: 44px; }
.h-\[90px\] { height: 90px; }
.h-\[210px\] { height: 210px; }
.top-\[-3px\] { top: -3px; }

/* --- grid / flex boşlukları --- */
.gap-5 { gap: 1.25rem; }
.gap-x-5 { column-gap: 1.25rem; }
.gap-y-3 { row-gap: 0.75rem; }
.gap-y-4 { row-gap: 1rem; }
.gap-y-6 { row-gap: 1.5rem; }

/* --- iç/dış boşluklar --- */
.p-\[18px\] { padding: 18px; }
.p-\[25px\] { padding: 25px; }
.p-\[6px_55px_6px_15px\] { padding: 6px 55px 6px 15px; }
.pb-\[40px\] { padding-bottom: 40px; }
.px-\[14px\] { padding-left: 14px; padding-right: 14px; }
.py-\[15px\] { padding-top: 15px; padding-bottom: 15px; }
.mb-\[12px\] { margin-bottom: 12px; }
.mt-\[12px\] { margin-top: 12px; }
.mt-\[4px\] { margin-top: 4px; }
.mr-\[4px\] { margin-right: 4px; }

/* --- tipografi --- */
.leading-\[26px\] { line-height: 26px; }
.leading-\[28px\] { line-height: 28px; }
.leading-\[42px\] { line-height: 42px; }
.text-white\/70 { color: rgba(255, 255, 255, 0.7); }
.text-white\/80 { color: rgba(255, 255, 255, 0.8); }
.text-white\/90 { color: rgba(255, 255, 255, 0.9); }

/* --- kenarlık / yuvarlatma / renk --- */
.rounded-\[4px\] { border-radius: 4px; }
.border-\[\#eee\] { border-color: #eee; }
.bg-\[\#232f4b\] { background-color: #232f4b; }

/* --- hero gradient kaplaması (from-* önce, to-* sonra gelmeli) --- */
.bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); }
.from-\[\#232f4b\] {
    --tw-gradient-from: #232f4b;
    --tw-gradient-to: rgba(35, 47, 75, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-transparent { --tw-gradient-to: transparent; }

/* --- hover / group-hover / last varyantları --- */
.group:hover .group-hover\:scale-105 { transform: scale(1.05); }
.hover\:text-\[\#cbd4fd\]:hover { color: #cbd4fd; }
.hover\:shadow-\[0px_2px_20px_0px_rgba\(62\,65\,159\,0\.09\)\]:hover { box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.09); }
.last\:border-0:last-child { border-width: 0; }
.last\:mb-0:last-child { margin-bottom: 0; }
.last\:pb-0:last-child { padding-bottom: 0; }

/* --- responsive: md (<= 991px) --- */
@media (max-width: 991px) {
    .md\:h-\[360px\] { height: 360px; }
    .md\:pt-\[30px\] { padding-top: 30px; }
    .md\:text-\[26px\] { font-size: 26px; }
}

/* --- responsive: sm (<= 767px) --- */
@media (max-width: 767px) {
    .sm\:h-\[280px\] { height: 280px; }
    .sm\:leading-\[28px\] { line-height: 28px; }
    .sm\:text-\[15px\] { font-size: 15px; }
}