/* ==========================================================================
   Materiautec Theme - Misc Components
   Breadcrumb, pagination, alertes, sections, sidebar
   ========================================================================== */

/* --- Breadcrumb --- */
#wrapper .breadcrumb {
  background-color: transparent;
  padding: 10px 0;
  font-size: 0.85rem;
}

#wrapper .breadcrumb li a {
  color: var(--mt-text-primary-faded);
}

#wrapper .breadcrumb li:last-child span {
  color: var(--mt-text-primary);
  font-weight: 600;
}

#wrapper .breadcrumb li::after {
  color: var(--mt-text-primary-faded);
}

/* --- Pagination --- */
.pagination .page-list li a,
.pagination .page-list li span {
  border-radius: var(--mt-radius-sm);
  color: var(--mt-text-primary);
  font-weight: 600;
  min-width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .page-list li.current a,
.pagination .page-list li.current span {
  background-color: var(--mt-secondary);
  color: var(--mt-text-contrast);
  border-color: var(--mt-secondary);
}

.pagination .page-list li a:hover {
  background-color: var(--mt-bg-secondary);
  color: var(--mt-text-primary);
}

/* Navigation precedent/suivant */
.pagination a.previous,
.pagination a.next {
  color: var(--mt-text-primary);
  font-weight: 600;
}

.pagination a.previous:hover,
.pagination a.next:hover {
  color: var(--mt-secondary);
}

/* --- Alertes / Notifications --- */
.alert-info {
  background-color: var(--mt-secondary-whitisher);
  color: var(--mt-text-primary);
  border: 1px solid var(--mt-secondary-whitish);
  border-radius: var(--mt-radius-sm);
}

.alert-success {
  background-color: #e8f5e9;
  color: var(--mt-text-primary);
  border: 1px solid var(--mt-success);
  border-radius: var(--mt-radius-sm);
}

.alert-warning {
  background-color: #fff3e0;
  color: var(--mt-text-primary);
  border: 1px solid var(--mt-warning);
  border-radius: var(--mt-radius-sm);
}

.alert-danger {
  background-color: #feeceb;
  color: var(--mt-text-primary);
  border: 1px solid var(--mt-error);
  border-radius: var(--mt-radius-sm);
}

/* --- Sidebar / Facettes --- */
#left-column .block-categories,
#left-column .facet,
#search_filters {
  border: 1px solid var(--mt-grey-light);
  border-radius: var(--mt-radius-md);
  padding: 20px;
  margin-bottom: 15px;
  background-color: var(--mt-bg-root);
}

#left-column .block-categories .h6,
#left-column .facet .h6,
#search_filters .h6 {
  color: var(--mt-text-primary);
  font-weight: 700;
  text-transform: none;
  font-size: 1rem;
}

/* --- Classes utilitaires pour sections personnalisees --- */
.section-light-blue {
  background-color: var(--mt-bg-light-blue);
  border-radius: var(--mt-radius-md);
  padding: 70px 100px;
}

.section-dark {
  background-color: var(--mt-bg-primary);
  color: var(--mt-text-contrast);
  border-radius: var(--mt-radius-md);
  padding: 40px;
}

@media (max-width: 767px) {
  .section-light-blue {
    padding: 30px 20px;
  }

  .section-dark {
    padding: 25px 15px;
  }
}

/* --- Conteneur page --- */
#wrapper {
  background-color: var(--mt-bg-root);
}

#wrapper .container {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Page header */
.page-header h1 {
  color: var(--mt-text-primary);
  font-weight: 700;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--mt-secondary);
  display: inline-block;
}