/* ==========================================================================
   La Petite Fontaine — Module de couleurs (colors.css)
   Ratios WCAG 2.1 vérifiés — AA minimum exigé (4.5:1 texte normal)
   ========================================================================== */

/* ==========================================================================
   1. Corps de page
   ========================================================================== */

body {
  /* Brun très foncé et chaud — contraste 13.5:1 sur blanc → AAA */
  color: #352820;
  background: #fff;
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #fff;
}

/* ==========================================================================
   2. Onglets Drupal (tabs)
   ========================================================================== */

.tabs ul.primary li a.is-active {
  background-color: #fff;
}

.tabs ul.primary li.is-active a {
  background-color: #fff;
  border-bottom-color: #fff;
}

/* ==========================================================================
   3. Barres de navigation
   ========================================================================== */

/* Barre supérieure (langue, connexion…) — fond blanc */
#navbar-top {
  background-color: #fff;
}

/* Barre principale — fond brun acajou (logo)
   Texte et liens en brun-creme : ratio 11.52:1 sur acajou → AAA */
#navbar-main {
  background-color: #46140d;
}

/* ==========================================================================
   4. Liens généraux (corps de texte, sidebar, footer)
   Brun-roux #8b3a20 : ratio 7.71:1 sur blanc → AAA
   Brun-acajou #46140d au survol : ratio 15.37:1 sur blanc → AAA
   ========================================================================== */

a,
.link {
  color: #8b3a20;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #46140d;
}

a:active,
.link:active {
  color: #46140d;
}

/* ==========================================================================
   5. Liens du menu déroulant
   ========================================================================== */

.nav-item .dropdown-item a.active {
  color: #fff;
}

/* ==========================================================================
   6. Nav-links (menus principaux sur fond blanc)
   Vert-fougère #5c6b3a : ratio 5.80:1 sur blanc → AA ✓
   Vert-ardenne #4a5c32 au survol : ratio 7.32:1 sur blanc → AAA ✓
   (L'ancien #8f997d n'atteignait que 2.99:1 → échec AA)
   ========================================================================== */

.nav-link {
  color: #5c6b3a;
  font-size: 1.1em;
}

.nav-link:hover,
.nav-link:focus {
  color: #4a5c32;
}

/* ==========================================================================
   7. Menus région en-tête (sur fond acajou #46140d)
   Brun-creme #f0ddb8 : ratio 11.52:1 sur acajou → AAA
   Au survol brun-pale #e8c99a : ratio 9.70:1 sur acajou → AAA
   ========================================================================== */

.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 {
  color: #f0ddb8;
}

.region-header a:hover,
.region-header a:focus {
  color: #e8c99a;
}

/* ==========================================================================
   8. Menu secondaire (sélecteur de langue — sur fond blanc)
   Brun-roux #8b3a20 : ratio 7.71:1 sur blanc → AAA
   ========================================================================== */

.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #8b3a20;
}

.region-secondary-menu .menu-item a:hover,
.region-secondary-menu .menu-item a:focus {
  color: #46140d;
}

/* ==========================================================================
   9. Pagination
   Brun-acajou #46140d sur blanc : ratio 15.37:1 → AAA
   Blanc sur brun-acajou (page active) : ratio 15.37:1 → AAA
   ========================================================================== */

.page-item.active .page-link {
  background-color: #46140d;
  border-color:     #46140d;
  color: #fff;
}

.page-link {
  color: #8b3a20;
}

.page-link:hover {
  color: #46140d;
}

/* ==========================================================================
   10. Bouton primaire Bootstrap
   Blanc sur brun-acajou : ratio 15.37:1 → AAA
   ========================================================================== */

.btn-primary {
  background-color: #46140d;
  border-color:     #46140d;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #8b3a20;
  border-color:     #8b3a20;
  color: #fff;
}

/* ==========================================================================
   11. Sidebar
   Fond creme-ardennais #f5edd8 — neutre et chaud, coordonné à la palette
   ========================================================================== */

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

/* ==========================================================================
   12. Pied de page
   ========================================================================== */

.site-footer {
  background: #fff;
}

/* ==========================================================================
   13. Formulaire de couleurs Drupal (RTL — ne pas modifier)
   ========================================================================== */

[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}