/* Anasayfa'ya özgü stiller — admin panelin varlık (asset) dizininden AYRI olarak
   public/assets-front/ altında tutulur, Vite/SCSS derleme hattından geçmez, doğrudan
   <link> ile servis edilir. Yalnızca landing.blade.php içinden kullanılır. */

.fw-extrabold { font-weight: 800 !important; }
.hero-section {
    background: linear-gradient(180deg, var(--bs-primary-bg-subtle) 0%, #fff 78%);
    border-bottom: 1px solid var(--bs-border-color);
    overflow: hidden;
}
.hero-title {
    color: var(--vitrin-dark);
}
/* Vurgu tekniği — tasarımdaki inline-span arka plan yöntemi (v3.dc.html satır ~1780). */
.hero-title-vurgu {
    display: inline-block;
    padding: 0 2px;
    background: linear-gradient(180deg, transparent 62%, rgba(127,199,230,.4) 62%);
}
.hero-btn {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hero-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Hero grid (metin + görsel) — dar ekranda 2 sütun görseli çok küçültüp başlığa biniyordu,
   tek sütuna (görsel metnin ALTINA) düşürülüyor. */
.hero-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
}
@media (max-width: 767.98px) {
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 28px !important;
    }
}

/* Image wrappers and blobs */
.hero-image-wrapper {
    position: relative;
    z-index: 1;
}
.blob-shape {
    position: absolute;
    top: -10%; left: -10%; right: -10%; bottom: -10%;
    background: radial-gradient(circle, rgba(var(--bs-primary-rgb),0.18) 0%, rgba(var(--bs-primary-rgb),0) 70%);
    z-index: -1;
    border-radius: 50%;
    filter: blur(40px);
}
.hero-main-img {
    border: 8px solid white;
    object-fit: cover;
    aspect-ratio: 4/3;
}
/* Oval/kubbe hero fotoğraf çerçevesi — tasarımın imzası: büyük üst köşe + küçük alt köşe. */
.hero-oval-frame {
    border-radius: 180px 180px 16px 16px;
    overflow: hidden;
    display: block;
}

/* İstatistik şeridi — koyu (kömür) zeminli 4 karo, ince ayraçlarla. */
.istatistik-serit {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1px;
    background: var(--bs-border-color);
}
.istatistik-karo {
    padding: 24px clamp(18px, 3vw, 30px);
    border-top: 3px solid rgba(255,255,255,.34);
    text-align: center;
}
/* Tasarımın 4 sabit karo rengi (temadan bağımsız) — sırayla lacivert/yeşil/kahve/bordo. */
.istatistik-karo:nth-child(4n+1) { background: linear-gradient(165deg, #1D3E6E 0%, rgba(0,0,0,.22) 190%); }
.istatistik-karo:nth-child(4n+2) { background: linear-gradient(165deg, #1F5B45 0%, rgba(0,0,0,.22) 190%); }
.istatistik-karo:nth-child(4n+3) { background: linear-gradient(165deg, #B0692A 0%, rgba(0,0,0,.22) 190%); }
.istatistik-karo:nth-child(4n+4) { background: linear-gradient(165deg, #5E2337 0%, rgba(0,0,0,.22) 190%); }
.istatistik-ikon {
    background: rgba(255,255,255,.14);
    color: #fff;
    font-size: 1.1rem;
}
.istatistik-deger {
    font-size: clamp(28px, 3.4vw, 42px);
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #fff;
}

/* Duyurular şeridi — tasarımdaki annSectionStyle: highlight-tonlu gradyan zemin + highlight
   renginde üst çizgi (v3.dc.html satır 1805-1806). */
.landing-duyurular {
    background: linear-gradient(180deg, rgba(127,199,230,.30) 0%, rgba(127,199,230,.08) 60%, #fff 100%);
    border-top: 3px solid var(--vitrin-highlight);
}
/* Feature Boxes — tasarımdaki whySectionStyle: koyu lacivert→siyah gradyan (beyaz DEĞİL,
   v3.dc.html satır 1803). */
.landing-features {
    background: linear-gradient(160deg, var(--bs-primary) 0%, #101A26 85%);
}
.features-icon-box {
    padding: 2rem 1.75rem;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,0.05);
    background: #fff;
    box-shadow: 0 14px 34px -20px rgba(0,0,0,.55);
    transition: transform 0.25s ease;
}
.features-icon-box:hover {
    transform: translateY(-6px);
}
.icon-wrapper {
    width: 80px; height: 80px;
    border-radius: 40px 40px 10px 10px; /* "dome" motifi — büyük üst köşe, küçük alt köşe */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.icon-wrapper .icon-base {
    font-size: 2.5rem;
}

/* Duyuru şeridi — yatay kaydırma alanı: scrollbar gizli (parmakla kaydırma/ok butonları
   yeterli, çıplak scrollbar tasarımı bozuyordu), scroll-snap zaten inline'da tanımlı. */
.landing-duyuru-scroll {
    scrollbar-width: none; /* Firefox */
}
.landing-duyuru-scroll::-webkit-scrollbar {
    display: none; /* Chrome / Safari / Edge */
}

/* İleri/geri ok butonları — başlığın sağında, kart şeridinin üstünde değil (değişken kart
   yüksekliğiyle çakışmaz, dokunmatik olmayan cihazlarda tıklama affordance'ı sağlar). */
.duyuru-nav-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #C9D3E0;
    background: #fff;
    color: #1D3E6E;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease, color .15s ease;
    box-shadow: 0 1px 2px rgba(22,32,46,.06);
}
.duyuru-nav-btn:hover:not(:disabled) {
    border-color: #1D3E6E;
    background: #1D3E6E;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px -8px rgba(29,62,110,.5);
}
.duyuru-nav-btn:disabled {
    opacity: .35;
    cursor: default;
}
.duyuru-nav-btn svg {
    width: 17px;
    height: 17px;
    pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
    .duyuru-nav-btn { transition: none; }
}