// customize some Bootstrap variables

$primary: #3d6c8a;
$secondary: #2a3443;
$violet: #870797;
@import "~bootstrap/scss/bootstrap";
@import "bootstrap-icons/font/bootstrap-icons";

:root {
  --bs-primary: $primary;
  --bs-link-color: $primary;
  --bs-link-hover-color: $secondary;
  --bs-navbar-color: $primary;
  --bs-navbar-hover-color: $secondary;
  --bs-btn-hover-bg: $secondary;
  //--bs-link-color-rgb: $secondary;
}
p, table, th, td {
    color: $secondary !important;
}
.btn.btn-sm.btn-primary, .btn.btn-primary {
    color: #fff;
}
.btn:hover {
  background-color: $secondary;
  border-color: $secondary;
  color: #fff;
}

.buttons-colvis, .buttons-html5 {
  background-color: $primary !important;
  color: #fff !important;
  border: none !important;
}
.buttons-colvis:hover, .buttons-html5:hover {
  background-color: $secondary !important;
  color: #fff !important;
  border: none !important;
}
.text.text-violet {
  color: $violet;
}
.text-bg-violet {
  background-color: $violet !important;
}

.navbar-nav .nav-link, .navbar-brand {
  color: $primary; /* ta couleur primaire */
}

#title-link:hover {
  color: $primary !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:active {
  color: $secondary; /* couleur au survol ou actif */
}

body {
  background-color: whitesmoke;
  color: $primary;
}
body.force-scroll {
  min-height: 101vh !important;
}

a:hover {
  color: $secondary;
}

#navbar-container {
  padding: 0;
}

nav {
  border-bottom: 1px solid $primary;
}
.navbar>.nav-link {
  color: $primary !important;
}

// Visionneuse
.document-link {
    cursor: pointer;
    transition: all 0.2s ease;
}

.document-link:hover {
    color: $primary !important;
    font-weight: 500;
}

.document-link.active {
    color: $primary !important;
    font-weight: 600;
}

#document-viewer img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

#document-viewer embed {
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

// Badge warning with black text for better readability
.badge.bg-warning {
    color: #000 !important;
}

// Footer
footer {
  background-color: $secondary;
  height: 50px;
  margin-top: auto;
}