/**
 * ESK Footer Style - Remove ALL white backgrounds
 *
 * 🇹🇷 TR: ESK footer tasarımı - Beyaz arka planları kaldır
 * 🇬🇧 EN: ESK footer design - Remove white backgrounds
 * 🎯 PURPOSE: Footer links directly on dark background (NO white cards!)
 */

/* =====================================================
   FOOTER - FORCE DARK BACKGROUND (NO WHITE CARDS!)
   ===================================================== */

/* Footer sections - ensure dark backgrounds */
footer.elementor-location-footer .elementor-section {
  background: transparent !important;
}

footer.elementor-location-footer .elementor-section:first-child {
  background: #1a1a1a !important; /* ESK Footer Main */
}

footer.elementor-location-footer .elementor-section:nth-child(2) {
  background: #2a2a2a !important; /* ESK Footer Bottom */
}

/* =====================================================
   FOOTER CUSTOM ICON-LIST STYLE (ESK MATCH!)
   ===================================================== */

/* FORCE OVERRIDE: Remove ALL white backgrounds from icon-list */
footer.elementor-location-footer .elementor-widget-icon-list,
footer.elementor-location-footer .elementor-widget-icon-list .elementor-widget-container,
footer.elementor-location-footer .elementor-icon-list-items {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* Icon List UL - Reset all styles */
footer.elementor-location-footer .elementor-icon-list-items {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Icon List Items - ESK Style */
footer.elementor-location-footer .elementor-icon-list-item {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 0 10px 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Icon List Links - ESK Style (Direct on dark background) */
footer.elementor-location-footer .elementor-icon-list-item a,
footer.elementor-location-footer .elementor-icon-list-item > span {
  color: #cccccc !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

footer.elementor-location-footer .elementor-icon-list-item a:hover {
  color: #2F2483 !important;
  transform: translateX(5px) !important;
}

/* Icon List Icons - Small chevron (10px), blue */
footer.elementor-location-footer .elementor-icon-list-icon {
  color: #2F2483 !important;
  font-size: 10px !important;
  margin-right: 10px !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
}

footer.elementor-location-footer .elementor-icon-list-icon i {
  color: #2F2483 !important;
  font-size: 10px !important;
}

footer.elementor-location-footer .elementor-icon-list-icon svg {
  fill: #2F2483 !important;
  width: 10px !important;
  height: 10px !important;
}

/* Icon List Text - Light gray */
footer.elementor-location-footer .elementor-icon-list-text {
  color: #cccccc !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  transition: color 0.3s ease !important;
  background: transparent !important;
}

/* CRITICAL: Override Elementor inline styles */
footer.elementor-location-footer .elementor-icon-list-item[style] {
  background: transparent !important;
}

footer.elementor-location-footer .elementor-icon-list-items[style] {
  background: transparent !important;
}

/* =====================================================
   FOOTER HEADINGS (White + Blue bottom border)
   ===================================================== */

footer.elementor-location-footer .elementor-heading-title {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding-bottom: 15px !important;
  border-bottom: 2px solid #2F2483 !important;
  margin-bottom: 20px !important;
}

/* =====================================================
   CONTACT INFO & DESCRIPTION
   ===================================================== */

/* Description text */
footer.elementor-location-footer .elementor-text-editor {
  color: #cccccc !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

/* Contact icon-list (Phone + Email) */
footer.elementor-location-footer .elementor-icon-list-item .elementor-icon-list-icon i {
  font-size: 18px !important;
}

/* =====================================================
   SOCIAL ICONS (Rounded, white with transparent background)
   ===================================================== */

footer.elementor-location-footer .elementor-social-icon {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}

footer.elementor-location-footer .elementor-social-icon:hover {
  background: #2F2483 !important;
  border-color: #2F2483 !important;
  transform: translateY(-3px) !important;
}

/* =====================================================
   FOOTER BOTTOM (Copyright + Signature)
   ===================================================== */

footer.elementor-location-footer .elementor-section:nth-child(2) .elementor-text-editor {
  color: #cccccc !important;
  font-size: 14px !important;
}

/* =====================================================
   LOGO
   ===================================================== */

footer.elementor-location-footer .elementor-widget-image img {
  max-width: 200px !important;
}

/* =====================================================
   RESPONSIVE DESIGN
   ===================================================== */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
  footer.elementor-location-footer .elementor-section:first-child .elementor-column {
    flex: 0 0 50% !important;
    margin-bottom: 40px !important;
  }
}

/* Mobile (< 768px) */
@media (max-width: 767px) {
  footer.elementor-location-footer .elementor-section:first-child {
    padding: 60px 15px 40px !important;
  }
  
  footer.elementor-location-footer .elementor-section:first-child .elementor-column {
    flex: 0 0 100% !important;
    margin-bottom: 30px !important;
  }
  
  footer.elementor-location-footer .elementor-section:nth-child(2) .elementor-column {
    flex: 0 0 100% !important;
    text-align: center !important;
  }
  
  footer.elementor-location-footer .elementor-section:nth-child(2) .elementor-text-editor {
    text-align: center !important;
  }
}

/* =====================================================
   REMOVE ALL POSSIBLE WHITE BACKGROUNDS
   ===================================================== */

footer.elementor-location-footer .elementor-widget-container {
  background: transparent !important;
}

footer.elementor-location-footer .elementor-column-wrap,
footer.elementor-location-footer .elementor-widget-wrap {
  background: transparent !important;
}

/* Force remove padding/background from any wrapper */
footer.elementor-location-footer * {
  box-sizing: border-box;
}

footer.elementor-location-footer .elementor-widget {
  background: transparent !important;
}

