/* Styles pour page-header-enhanced */
.page-header-enhanced {
  background: white;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  color: #333;
}

.page-header-enhanced .page-title {
  color: #333;
  font-weight: 600;
  margin-bottom: 5px;
}

.page-header-enhanced .page-subtitle {
  color: #666;
  margin-bottom: 0;
}

.page-header-enhanced .breadcrumb {
  background: #f8f9fa;
  border-radius: 5px;
  padding: 8px 15px;
  margin-bottom: 15px;
}

.page-header-enhanced .breadcrumb-item a {
  color: #007bff;
  text-decoration: none;
}

.page-header-enhanced .breadcrumb-item a:hover {
  color: #0056b3;
}

.page-header-enhanced .breadcrumb-item.active {
  color: #333;
}

.page-header-enhanced .page-actions .btn {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Assurer que le contenu n'est pas caché par la navbar */
.container-fluid {
  padding-top: 80px !important;
}

/* Responsive pour mobile */
@media (max-width: 768px) {
  .container-fluid {
    padding-top: 60px !important;
  }
  
  .page-header-enhanced {
    padding: 15px;
    margin-top: 10px;
  }
  
  .page-header-enhanced .page-title {
    font-size: 1.5rem;
  }
}

/* Styles pour les cartes côte à côte */
.card.h-100 {
  min-height: 600px;
}

/* Améliorer l'apparence des formulaires dans la colonne étroite */
.form-floating {
  margin-bottom: 1rem;
}

.form-floating > label {
  padding: 1rem 0.75rem;
}

.form-floating > .form-control {
  padding: 1rem 0.75rem;
}

/* Responsive pour mobile - cartes */
@media (max-width: 768px) {
  .card.h-100 {
    min-height: auto;
  }
  
  #maliMap {
    height: 300px !important;
  }
}