/* GÖKYÜZÜ VE BULUT ARKA PLANI */
.sky-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 25%, #4facfe 50%, #87ceeb 75%, #b0e0ff 100%);
}

/* Hareketli Bulutlar */
.cloud {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 1000px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    animation: moveClouds linear infinite;
}

.cloud::before,
.cloud::after {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 1000px;
}

/* Bulut şekilleri */
.cloud1 { width: 200px; height: 80px; top: 10%; left: -200px; animation-duration: 40s; }
.cloud1::before { width: 100px; height: 100px; top: -50px; left: 30px; border-radius: 50%; }
.cloud1::after { width: 70px; height: 70px; top: -30px; left: 100px; border-radius: 50%; }

.cloud2 { width: 300px; height: 100px; top: 30%; left: -300px; animation-duration: 55s; opacity: 0.7; }
.cloud2::before { width: 130px; height: 130px; top: -65px; left: 40px; border-radius: 50%; }
.cloud2::after { width: 90px; height: 90px; top: -40px; left: 140px; border-radius: 50%; }

.cloud3 { width: 150px; height: 60px; top: 60%; left: -150px; animation-duration: 35s; opacity: 0.6; }
.cloud3::before { width: 80px; height: 80px; top: -40px; left: 20px; border-radius: 50%; }
.cloud3::after { width: 50px; height: 50px; top: -20px; left: 80px; border-radius: 50%; }

.cloud4 { width: 250px; height: 90px; top: 80%; left: -250px; animation-duration: 65s; opacity: 0.5; }
.cloud4::before { width: 110px; height: 110px; top: -55px; left: 35px; border-radius: 50%; }
.cloud4::after { width: 75px; height: 75px; top: -35px; left: 120px; border-radius: 50%; }

.cloud5 { width: 180px; height: 70px; top: 15%; left: -180px; animation-duration: 45s; opacity: 0.8; }
.cloud5::before { width: 90px; height: 90px; top: -45px; left: 25px; border-radius: 50%; }
.cloud5::after { width: 60px; height: 60px; top: -25px; left: 90px; border-radius: 50%; }

@keyframes moveClouds {
    from { left: -300px; }
    to { left: 100%; }
}

/* MEVCUT BODY ARKA PLANINI KALDIR */
body {
    background-color: transparent !important;
}

/* Tüm bölümlerin arka planını saydam yap (içerik görünsün) */
.ed-section > section,
.preset-footer-saga-v3-default,
.preset-footer-heimdall-v2-default,
.preset-pricing-table-v3-williams .pricing-table-box,
.bg-primary,
#ed-2858536819 {
    background: transparent !important;
}

/* Banner overlay'i hafiflet (gökyüzü daha iyi görünsün) */
#ed-2858536000 .overlay {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

/* İçerik kutularına hafif saydamlık ekle (okunabilirlik için) */
.preset-icon-list-v3-default .icon-list-box,
.preset-text-with-image-v4-about-image-text .text-with-image-box {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(2px);
    border-radius: 16px;
}

/* Yazılara hafif gölge (okunabilirlik için) */
h1, h2, h3, h4, p, .ed-text {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

/* Form alanına hafif saydamlık */
#ed-2858535247 form {
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 16px;
}

/* Footer'ı hafif saydam yap */
.preset-footer-saga-v3-default {
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(5px);
}

.preset-footer-saga-v3-default * {
    color: #fff !important;
}

.preset-footer-saga-v3-default a {
    color: #ffd700 !important;
}