
/* ========================================
   GÜÇLÜ DİNAMİK TEMA SİSTEMİ
   ======================================== */

/* CSS Değişkenleri */
:root {
  --renk1: #0d4f8c;
  --renk2: #f00f31;
  --background-color: #d0d1cc;
}

/* ANA ARKA PLAN - ÇOK GÜÇLÜ */
body {
  background-color: #d0d1cc !important;
  }

/* TÜM SAYFA İÇİN ARKA PLAN */
.page-wrapper {
  background-color: #d0d1cc !important;
  }

/* HTML VE BODY */
html {
  background-color: #d0d1cc !important;
  }

/* HEADER ARKA PLAN */
.wpo-site-header {
  background-color: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px) !important;
}

.topbar {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

/* FOOTER ARKA PLAN */
.wpo-site-footer,
.wpo-site-footer-s2,
.wpo-site-footer-s3 {
  background-color: rgba(30, 52, 70, 0.95) !important;
  backdrop-filter: blur(10px) !important;
}

/* BÖLÜMLER İÇİN ARKA PLAN */
.wpo-hero-slider,
.wpo-hero-slider-s2,
.static-hero {
  background-color: #d0d1cc !important;
  }

/* SAYFA BAŞLIKLARI */
.wpo-page-title {
  background-color: #d0d1cc !important;
  }

/* KART VE WIDGET'LAR */
.card,
.widget-box,
.wpo-service-item,
.wpo-blog-item,
.wpo-project-item {
  background-color: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(5px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* BUTONLAR */
.theme-btn, 
.view-cart-btn {
  background-color: #0d4f8c !important;
  border-color: #0d4f8c !important;
}

.theme-btn:hover, 
.view-cart-btn:hover {
  background-color: #f00f31 !important;
  border-color: #f00f31 !important;
}

.theme-btn-s2 {
  background-color: #f00f31 !important;
  border-color: #f00f31 !important;
}

.theme-btn-s2:hover {
  background-color: #0d4f8c !important;
  border-color: #0d4f8c !important;
}

/* FORM ELEMANLARI */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  background-color: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(5px) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: #0d4f8c !important;
  box-shadow: 0 0 0 0.2rem rgba(23, 114, 101, 0.25) !important;
}

/* BÖLÜM ARKA PLANLARI */
.wpo-about-section,
.wpo-service-area,
.wpo-project-section,
.wpo-blog-section {
  background-color: transparent !important;
}

/* ŞEFFAF ARKA PLANLAR */
.wpo-fun-fact-section,
.wpo-fun-fact-section-s2 {
  background-color: rgba(255, 112, 99, 0.9) !important;
}

.wpo-video-section,
.wpo-video-section-s2,
.wpo-video-section-s3 {
  background-color: rgba(30, 52, 70, 0.8) !important;
}

/* ÖZEL ARKA PLAN AYARLARI */
.wpo-service-area:before,
.wpo-service-area-s2:before,
.wpo-service-area-s3:before {
  background-color: rgba(243, 246, 246, 0.8) !important;
}

.wpo-project-section:before,
.wpo-project-section-s2:before,
.wpo-project-section-s3:before {
  background-color: rgba(243, 246, 246, 0.8) !important;
}

/* RESPONSIVE AYARLAR */
@media (max-width: 768px) {
  body,
  html,
  .page-wrapper {
      }
}

/* PRINT MEDYASI */
@media print {
  body,
  html,
  .page-wrapper {
    background: white !important;
    background-image: none !important;
  }
}

/* ANİMASYON VE GEÇİŞLER */
* {
  transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* TEMA BAŞARIYLA YÜKLENDİ */
/* Bu CSS dosyası 2025-10-15 10:54:32 tarihinde oluşturuldu */
/* Arka plan rengi: #d0d1cc */
/* Arka plan resmi: Yok */
