/* Critical CSS - Öncelikli yüklenecek stiller */
@charset "UTF-8";

/* Bootstrap - Temel grid ve layout için gerekli */
@import url('/static/assets/bootstrap/css/bootstrap.min.css');

/* Font Size Kontrolü */
@import url('/static/assets/font-size/css/rvfs.css');

/* İkonlar */
@import url('/static/assets/elagent-icon/style.css');

/* Ana Stil Dosyası */
@import url('/static/css/style.css');

/* Form Elemanları */
@import url('/static/assets/niceselectpicker/nice-select.css');

/* Animasyonlar */
@import url('/static/assets/animation/animate.css');

/* Özel Scrollbar */
@import url('/static/assets/mcustomscrollbar/jquery.mCustomScrollbar.min.css');

/* Responsive Tasarım */
@import url('/static/css/responsive.css');

/* Tooltip Sistemi */
@import url('/static/assets/tooltipster/css/tooltipster.bundle.css');

/* Popup Sistemi */
@import url('/static/assets/magnify-pop/magnific-popup.css');

/* Layout Stabilizasyonu için Core Stiller */
:root {
  --header-height: 80px;
  --footer-height: 300px;
  --banner-height: 400px;
  --primary-color: #10b3d6;
  --secondary-color: #0c6f85;
  --text-color: #333;
  --light-bg: #f3f6f9;
}

/* Sayfa yüklenirken görsel bozulmaları önlemek için */
.navbar {
  min-height: var(--header-height);
  visibility: visible !important;
  position: relative;
  z-index: 1000;
}

.banner-content {
  min-height: var(--banner-height);
  position: relative;
}

.footer_area {
  min-height: var(--footer-height);
  position: relative;
  width: 100%;
}

/* Görsel placeholder sistemi */
img:not([src]) {
  visibility: hidden;
}

img[data-src] {
  opacity: 0;
  transition: opacity 0.3s ease;
}

img.loaded {
  opacity: 1;
}

/* Layout önleyici elemanlar */
.preload-content {
  position: relative;
  min-height: 100px;
  background: var(--light-bg);
}

.preload-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  animation: loading 1.5s infinite;
}

@keyframes loading {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* Medya sorguları optimizasyonu */
@media (max-width: 1200px) {
  :root {
    --header-height: 70px;
    --banner-height: 350px;
  }
  
  .navbar {
    padding: 10px 0;
  }
}

@media (max-width: 768px) {
  :root {
    --header-height: 60px;
    --banner-height: 300px;
    --footer-height: 250px;
  }
  
  .banner-content {
    padding: 20px;
  }
  
  .footer_area {
    padding: 30px 0;
  }
}

/* Print styles */
@media print {
  .navbar {
    display: none;
  }
  
  .footer_area {
    display: none;
  }
  
  .banner-content {
    min-height: auto;
    padding: 0;
  }
}