/* ============================================
   SLIDER TAM EKRAN OVERRIDE - TÜM CİHAZLAR
   Bu dosya tüm diğer slider CSS'lerini override eder
   ============================================ */

/* GENEL - Tüm Cihazlar */
.hero-slider {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important; /* Fallback for older browsers */
    height: calc(var(--vh, 1vh) * 100) !important; /* Real viewport height */
    min-height: 100vh !important;
    min-height: calc(var(--vh, 1vh) * 100) !important;
    max-height: 100vh !important;
    max-height: calc(var(--vh, 1vh) * 100) !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.slider-container {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
}

.slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
}

/* Blur Arka Plan */
.slide-bg-blur {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #1a1a2e !important;
    filter: blur(25px) brightness(0.5) !important;
    transform: scale(1.1) !important;
    z-index: 0 !important;
}

/* Net Ana Resim */
.slide-bg-main {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    filter: none !important;
    z-index: 1 !important;
}

/* Desktop (1920px+) */
@media (min-width: 1920px) {
    .hero-slider {
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Desktop (1440px - 1919px) */
@media (min-width: 1440px) and (max-width: 1919px) {
    .hero-slider {
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Laptop (1024px - 1439px) */
@media (min-width: 1024px) and (max-width: 1439px) {
    .hero-slider {
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Tablet (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .hero-slider {
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        margin: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }
}

/* Mobil (481px - 767px) */
@media (min-width: 481px) and (max-width: 767px) {
    .hero-slider {
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        margin: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }
}

/* Küçük Mobil (320px - 480px) */
@media (max-width: 480px) {
    .hero-slider {
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        margin: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }
}

/* Extra Küçük (max 320px) */
@media (max-width: 320px) {
    .hero-slider {
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        margin: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }
}

/* Yaygın Cihaz Çözünürlükleri */

/* iPhone 14 Pro Max (430x932) */
@media only screen 
  and (device-width: 430px) 
  and (device-height: 932px) 
  and (-webkit-device-pixel-ratio: 3) {
    .hero-slider {
        height: 100vh !important;
        margin: 0 !important;
    }
}

/* iPhone 14 Pro (393x852) */
@media only screen 
  and (device-width: 393px) 
  and (device-height: 852px) 
  and (-webkit-device-pixel-ratio: 3) {
    .hero-slider {
        height: 100vh !important;
        margin: 0 !important;
    }
}

/* iPhone 13/14 (390x844) */
@media only screen 
  and (device-width: 390px) 
  and (device-height: 844px) 
  and (-webkit-device-pixel-ratio: 3) {
    .hero-slider {
        height: 100vh !important;
        margin: 0 !important;
    }
}

/* iPhone 12/13 Mini (375x812) */
@media only screen 
  and (device-width: 375px) 
  and (device-height: 812px) 
  and (-webkit-device-pixel-ratio: 3) {
    .hero-slider {
        height: 100vh !important;
        margin: 0 !important;
    }
}

/* iPad Pro 12.9" (1024x1366) */
@media only screen 
  and (device-width: 1024px) 
  and (device-height: 1366px) 
  and (-webkit-device-pixel-ratio: 2) {
    .hero-slider {
        height: 100vh !important;
        margin: 0 !important;
    }
}

/* iPad Air/Pro 11" (834x1194) */
@media only screen 
  and (device-width: 834px) 
  and (device-height: 1194px) 
  and (-webkit-device-pixel-ratio: 2) {
    .hero-slider {
        height: 100vh !important;
        margin: 0 !important;
    }
}

/* iPad Mini (768x1024) */
@media only screen 
  and (device-width: 768px) 
  and (device-height: 1024px) 
  and (-webkit-device-pixel-ratio: 2) {
    .hero-slider {
        height: 100vh !important;
        margin: 0 !important;
    }
}

/* Galaxy S20/S21 (360x800) */
@media only screen 
  and (device-width: 360px) 
  and (device-height: 800px) {
    .hero-slider {
        height: 100vh !important;
        margin: 0 !important;
    }
}

/* Tüm olası max-height override'ları */
@media (max-width: 1920px) {
    .hero-slider {
        max-height: 100vh !important;
    }
}

@media (max-width: 1440px) {
    .hero-slider {
        max-height: 100vh !important;
    }
}

@media (max-width: 1024px) {
    .hero-slider {
        max-height: 100vh !important;
    }
}

@media (max-width: 768px) {
    .hero-slider {
        max-height: 100vh !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 576px) {
    .hero-slider {
        max-height: 100vh !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 480px) {
    .hero-slider {
        max-height: 100vh !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 375px) {
    .hero-slider {
        max-height: 100vh !important;
        margin-top: 0 !important;
    }
}

/* Landscape (Yatay) Modlar */
@media (orientation: landscape) and (max-height: 500px) {
    .hero-slider {
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
    }
}

/* CRITICAL: Tüm margin-top'ları sıfırla */
.hero-slider {
    margin-top: 0 !important;
}