@import 'variables';
@import 'colors';

@import 'loader';
@import 'tooltips';
@import 'fieldset';

// Polices CHELS (Google Fonts)
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600;700&family=Lato:wght@300;400;700&display=swap');

// Override Bootstrap font avant import
$font-family-sans-serif: $font-family-base;

@import "~bootstrap/scss/bootstrap";
@import "~bootstrap-icons/font/bootstrap-icons.css";

@import "~datatables.net-bs5/css/dataTables.bootstrap5.min.css";

// Typographie CHELS
body {
  font-family: $font-family-base;
}

h1, h2, h3, h4, h5, h6,
.navbar-brand,
.card-title,
legend {
  font-family: $font-family-heading;
  font-weight: 600;
}

// Navbar CHELS
.navbar {
  background-color: #fff !important;
  border-bottom: 3px solid $primary-screen;
}

.navbar-brand {
  color: $primary-screen !important;
  font-weight: 700;
  letter-spacing: 1px;
}

.navbar-brand img {
  height: 40px;
}

// Footer bandeau établissements
.footer-chels {
  background-color: #f8f9fa;
  border-top: 3px solid $primary-screen;
  padding: 1.5rem 0 1rem;
}

.footer-chels .footer-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}

.footer-chels .footer-logos img {
  height: 40px;
  max-width: 100px;
  object-fit: contain;
  filter: grayscale(30%);
  transition: filter 0.2s;
}

.footer-chels .footer-logos img:hover {
  filter: grayscale(0%);
}

// Cards style CHELS
.card {
  border-radius: 0.5rem;
}

.card-header {
  font-family: $font-family-heading;
}

// Progress bar CHELS
.progress-bar {
  background-color: $primary-screen !important;
}