/* 
 * Kardelen Temizlik - Temizlik Firması Tema Renkleri
 * Profesyonel, temiz ve hijyenik görünüm için optimize edilmiş renk paleti
 */

:root {
  /* Primary Colors - Temizlik Firması İçin */
  --palmiye-primary: #0084D4;           /* Profesyonel Mavi - Güven ve temizlik */
  --palmiye-primary-dark: #0066A3;      /* Koyu Mavi - Derinlik */
  --palmiye-primary-light: #4FC3F7;     /* Açık Mavi - Temizlik ve ferahlık */
  --palmiye-primary-rgb: 0, 132, 212;   /* RGB değerleri */
  
  /* Accent Colors - Hijyen ve Doğa */
  --cleaning-accent: #00C853;           /* Yeşil - Hijyen ve doğa */
  --cleaning-accent-light: #4CAF50;     /* Açık Yeşil */
  --cleaning-accent-dark: #00A844;      /* Koyu Yeşil */
  
  /* Background Colors - Temizlik Teması */
  --cleaning-bg-light: #F5F9FC;         /* Çok açık mavi-beyaz - Temiz görünüm */
  --cleaning-bg-white: #FFFFFF;         /* Saf beyaz */
  --cleaning-bg-gradient: linear-gradient(135deg, #4FC3F7 0%, #0084D4 100%);
  
  /* Text Colors */
  --cleaning-text-primary: #1A365D;     /* Koyu mavi-gri - Okunabilirlik */
  --cleaning-text-secondary: #4A5568;   /* Orta gri */
  --cleaning-text-light: #FFFFFF;       /* Beyaz metin */
  
  /* Success/Hygiene Colors */
  --cleaning-success: #00C853;          /* Hijyen başarı rengi */
  --cleaning-info: #0084D4;             /* Bilgi rengi */
  
  /* Shadow - Temiz ve Yumuşak */
  --cleaning-shadow: 0 4px 20px rgba(0, 132, 212, 0.1);
  --cleaning-shadow-hover: 0 8px 30px rgba(0, 132, 212, 0.15);
  
  /* Border Colors */
  --cleaning-border: #E2E8F0;           /* Açık gri border */
  --cleaning-border-light: #F1F5F9;     /* Çok açık border */
}

/* Override existing primary colors */
:root {
  --primary: var(--palmiye-primary, #0084D4);
  --primary-dark: var(--palmiye-primary-dark, #0066A3);
  --primary-light: var(--palmiye-primary-light, #4FC3F7);
}

/* Temizlik Teması Özel Stiller */
.cleaning-theme {
  /* Hero Section - Temizlik Teması */
  background: var(--cleaning-bg-gradient);
}

/* Service Cards - Temizlik Teması */
.service-card-cleaning {
  background: var(--cleaning-bg-white);
  border: 1px solid var(--cleaning-border);
  transition: all 0.3s ease;
}

.service-card-cleaning:hover {
  box-shadow: var(--cleaning-shadow-hover);
  transform: translateY(-5px);
  border-color: var(--palmiye-primary-light);
}

/* Button Styles - Temizlik Teması */
.btn-cleaning-primary {
  background: var(--palmiye-primary);
  color: var(--cleaning-text-light);
  border: none;
  transition: all 0.3s ease;
}

.btn-cleaning-primary:hover {
  background: var(--palmiye-primary-dark);
  box-shadow: var(--cleaning-shadow);
}

.btn-cleaning-outline {
  border: 2px solid var(--palmiye-primary);
  color: var(--palmiye-primary);
  background: transparent;
}

.btn-cleaning-outline:hover {
  background: var(--palmiye-primary);
  color: var(--cleaning-text-light);
}

/* Icon Colors - Temizlik Teması */
.icon-cleaning {
  color: var(--palmiye-primary);
}

.icon-cleaning-accent {
  color: var(--cleaning-accent);
}

/* Badge/Status - Temizlik Teması */
.badge-cleaning {
  background: var(--cleaning-accent);
  color: var(--cleaning-text-light);
}

/* Section Backgrounds */
.section-cleaning-light {
  background: var(--cleaning-bg-light);
}

.section-cleaning-white {
  background: var(--cleaning-bg-white);
}

/* Feature Cards - Temizlik Teması */
.feature-card-cleaning {
  background: var(--cleaning-bg-white);
  border-radius: 12px;
  padding: 2rem;
  box-shadow: var(--cleaning-shadow);
  transition: all 0.3s ease;
}

.feature-card-cleaning:hover {
  box-shadow: var(--cleaning-shadow-hover);
  transform: translateY(-3px);
}

.feature-icon-cleaning {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, rgba(0, 132, 212, 0.1) 0%, rgba(79, 195, 247, 0.15) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--palmiye-primary);
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}

.feature-icon-cleaning:hover {
  background: linear-gradient(135deg, rgba(0, 132, 212, 0.2) 0%, rgba(79, 195, 247, 0.25) 100%);
  transform: scale(1.1);
}

/* CTA Section - Temizlik Teması */
.cta-cleaning {
  background: var(--cleaning-bg-gradient);
  color: var(--cleaning-text-light);
  padding: 4rem 0;
}

/* Footer - Temizlik Teması */
.footer-cleaning {
  background: var(--cleaning-text-primary);
  color: var(--cleaning-text-light);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .feature-card-cleaning {
    padding: 1.5rem;
  }
}