/* home_base.css */
:root {
  --primary-color: #3498db;
  --secondary-color: #2c3e50;
  --accent-color: #e74c3c;
  --light-bg: #f8f9fa;
  --dark-bg: #2c3e50;
  --gradient-primary: linear-gradient(135deg, #3498db, #2980b9);
  --gradient-secondary: linear-gradient(135deg, #2c3e50, #34495e);
  --navbar-bg: #07364d;
  --navbar-text: #eef0f4;
  --navbar-hover: #0d6efd;
}

body {
  background: linear-gradient(to right, #f8f9fb, #eef1f6);
  font-family: "Segoe UI", sans-serif;
  direction: ltr;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

/* Section title */
.section-title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

/* Loading optimization */
.lazy-load {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.lazy-load.loaded {
  opacity: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  footer .col-md-4 {
    margin-bottom: 2rem;
  }
  
  footer .col-md-4:last-child {
    margin-bottom: 0;
  }
}

/* للشاشات الكبيرة (أكثر من 1200px) */
@media (min-width: 1200px) {
  footer .col-md-4 {
    text-align: center;
    padding: 1rem;
  }
}

/* للشاشات الضخمة (أكثر من 1920px مثل 55 إنش) */
@media (min-width: 1920px) {
  footer .col-md-4 {
    font-size: 1.25rem;   /* تكبير النصوص */
    padding: 1.5rem;      /* زيادة المسافات */
  }
}