/**
 * @file
 * Couleurs principales du thème — Variables CSS et règles de couleur uniquement
 * Tous les styles (bordures, ombres, polices, etc.) sont dans style.css
 */

:root {
  /* Couleurs principales */
  --ap-green: #153C3D;
  --ap-green-light: #649883;
  --ap-green-gradient: linear-gradient(#649883, #007D2F 40%, #153C3D);
  --ap-text-light: #f5f5f5;
  --ap-text-dark: #111;

  /* Couleurs Bootstrap personnalisées */
  --bs-primary: var(--ap-green);
  --bs-primary-rgb: 21, 60, 61;
  --bs-primary-hover: var(--ap-green-light);
  --bs-primary-hover-rgb: 100, 152, 131;

  --bs-secondary: #EEE;
  --bs-secondary-rgb: 238, 238, 238;

  --bs-light: #fff;
  --bs-light-rgb: 255, 255, 255;

  --bs-dark: #292929;
  --bs-dark-rgb: 41, 41, 41;

  --bs-body-color: #3b3b3b;
  --bs-body-bg: var(--bs-light); /* ✅ Fond blanc pour meilleure lisibilité */

  --bs-link-color: var(--ap-green);
  --bs-link-hover-color: var(--ap-green-light);

  --bs-btn-primary-bg: var(--ap-green-light);
  --bs-btn-primary-border: var(--ap-green);
  --bs-btn-primary-hover-bg: var(--ap-green);
  --bs-btn-primary-hover-border: var(--ap-green-light);

  --bs-btn-info-bg: var(--ap-green);
  --bs-btn-info-border: var(--ap-green-light);
  --bs-btn-info-hover-bg: var(--ap-green-light);
  --bs-btn-info-hover-border: var(--ap-green);

  --bs-alert-success-bg: var(--ap-green-light);
  --bs-alert-success-border: var(--ap-green);

  --bs-text-muted: #055A8E;
}

/* ========== BODY ========== */

body {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
}

/* ========== TITRES ========== */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--ap-green);
}
.view-faq h3 {
  border-bottom: solid 1px var(--ap-green);
}

/* ========== LIENS ========== */

a,
.link,
.view-header,
.navbar-brand {
  color: var(--bs-link-color);
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: var(--bs-link-hover-color);
}

a:active,
.link:active {
  color: var(--bs-link-hover-color);
  background-color: var(--ap-green);
  border: 1px solid var(--ap-green);
  border-radius: 5px;
}

/* ========== NAVBAR ========== */

#navbar-top {
  background-color: #055a8e; /* Couleur spécifique — à conserver */
}

#navbar-main,
.site-footer {
  background-color: var(--bs-secondary) !important;
}

.navbar-brand:hover {
  color: var(--ap-green-light);
  background-color: transparent;
}

.nav-link,
.navbar-dark .nav-link {
  color: var(--ap-green);
}

.nav-link:hover,
.nav-link:focus {
  color: var(--ap-green-light);
}

/* ========== MENU PRINCIPAL — ACTIVE & HOVER ========== */

/* Lien actif (is-active, active, aria-current) — CORRECTION OVERRIDE BOOTSTRAP */
.nav-link.is-active,
.nav-link.active,
.nav-link[aria-current="page"],
.bg-primary .navbar-nav .nav-link.active,
.bg-primary .navbar-nav .nav-link:focus,
.bg-primary .navbar-nav .show > .nav-link {
  color: var(--ap-green-light) !important;
  background-color: transparent !important;
  border-bottom: 2px solid var(--ap-green-light) !important;
}
.bg-primary .navbar-nav .nav-link:hover {
  color: var(--bs-light) !important;
  background-color: transparent !important;
  border-bottom: 2px solid var(--ap-green-light) !important;
}

/* Lien actif dans un dropdown */
.dropdown-item a.is-active,
.dropdown-item a.active,
.dropdown-item a[aria-current="page"] {
  color: var(--ap-green-light) !important;
  background-color: transparent !important;
  border-bottom: 2px solid var(--ap-green-light) !important;
}

/* Survol d'un item de dropdown */
.dropdown-item:hover,
.dropdown-item a:hover {
  color: #fff !important;
  background-color: var(--ap-green) !important;
}

/* Survol d'un item de menu principal */
.nav-item:hover .nav-link {
  color: var(--ap-green-light) !important;
}

/* ========== TABS ========== */

.tabs ul.primary li a.is-active {
  background-color: var(--bs-light);
}

.tabs ul.primary li.is-active a {
  background-color: var(--bs-light);
  border-bottom-color: var(--bs-light);
}

/* ========== PAGINATION ========== */

.page-item.active .page-link {
  background-color: var(--ap-green-light);
  border-color: var(--ap-green-light);
}

.page-link,
.page-link:hover {
  color: var(--ap-green-light);
}

/* ========== SIDEBAR ========== */

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}

/* ========== FOOTER ========== */

.site-footer .content {
  color: var(--ap-green);
  background: var(--bs-secondary);
  border-top: solid 2px var(--ap-green);
}

.site-footer .content a {
  color: var(--ap-green-light);
}

.site-footer .content a:hover {
  color: var(--ap-green-light);
  text-decoration: none;
}

/* ========== HEADER ========== */

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #fffeff;
}

.header {
  border-bottom: solid 2px var(--ap-green);
}

/* ========== ALERTES ========== */

.alert-success {
  background-color: var(--bs-alert-success-bg);
  border-color: var(--bs-alert-success-border);
}

/* ========== TABLES ========== */

.table-striped > tbody > tr:nth-of-type(odd) {
  color: var(--ap-green);
}

.table-striped > tbody > tr:nth-of-type(odd) h3,
.table-striped > tbody > tr:nth-of-type(odd) h4 {
  color: var(--ap-green);
  background-color: var(--bs-light);
  margin-top: 10px;
  padding: 10px 20px;
}

.table-menu td {
  background-color: var(--bs-light);
  color: var(--ap-green);
  padding: 10px 10px;
  text-align: center;
}

.table-menu a {
  background-color: var(--bs-light);
  color: var(--ap-green);
  box-shadow: 2px 2px;
}

.table-menu a:hover,
.table-menu a:focus {
  background-color: var(--ap-green);
  color: var(--bs-light);
}

table tr th,
table tr th a,
table tr th a:hover,
table tr th a:focus {
  color: var(--bs-text-dark);
}

/* ========== TEXT MUTE ========== */

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-text-muted) !important;
}

/* ========== DROPDOWN ========== */

.nav-item .dropdown-item.active,
.nav-item .dropdown-item:active {
  background-color: transparent;
  border: none;
}

.nav-item .dropdown-item a,
.nav-item .dropdown-item a.active,
.nav-item .dropdown-item a.active:hover {
  color: var(--ap-green);
  background-color: transparent;
}

.nav-item .dropdown-item:hover,
.nav-item .dropdown-item a:hover {
  color: #fff;
  background-color: var(--ap-green);
}

/* ========== NAV-ITEM ========== */

.nav-item:active {
  background-color: var(--ap-green);
  border: 1px solid var(--ap-green);
  border-radius: 10px;
}

.nav-item:hover {
  background-color: #1A3C3D;
  border: 1px solid #1A3C3D;
  border-radius: 10px;
}

/* ========== BTN-INFO ========== */

.btn-info {
  color: #fff;
  background-color: var(--ap-green);
  border-color: var(--ap-green-light);
}

.btn-info:hover {
  background-color: var(--ap-green-light);
  border-color: var(--ap-green);
}

.btn-primary a,
.btn-info a {
  color: #fff;
  text-decoration: none;
}

.btn-primary a:hover,
.btn-primary a:focus,
.btn-info a:hover,
.btn-info a:focus {
  color: #ddd;
}

/* ========== ICÔNES (MAISON, ENVELOPPE) DANS HEADER & FOOTER ========== */

/* Pour les icônes dans le header (fond #EEE) */
.region-header .nav-link i,
.region-header .nav-link svg,
.region-header .nav-link img {
  color: var(--ap-green) !important;
  fill: var(--ap-green) !important;
}

/* Pour les icônes dans le footer (fond #EEE) */
.site-footer .content .nav-link i,
.site-footer .content .nav-link svg,
.site-footer .content .nav-link img {
  color: var(--ap-green) !important;
  fill: var(--ap-green) !important;
}