@layer reset, base, page, header, footer;

@layer footer {
/* ===== Footer ultra-minimal (visibilité renforcée) ===== */
.site-footer-min{
  background: #0b3d91;
  color: #fff;
  text-align: center;
  padding: 12px 14px;              /* un peu plus haut */
}

.site-footer-min small{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;                       /* espace régulier entre liens */
  font-size: 1rem;                 /* plus grand */
  font-weight: 600;                /* un peu plus épais */
}

.site-footer-min a{
  color: #fff !important;          /* blanc forcé */
  text-decoration: none;
}
.site-footer-min a:hover{
  text-decoration: underline;
}

/* Option : un peu plus petit sur très petits écrans */
@media (max-width: 360px){
  .site-footer-min small{ font-size: .95rem; gap: 8px; }
}


/* Footer harmonisé vert comme la bannière */
.site-footer-min, footer {
  background-color: #0b7a3e;
  color: #fff;
  text-align: center;
  padding: 30px 0; /* hauteur augmentée */
  width: 100%;
  font-size: 0.95em;
  letter-spacing: 0.3px;
}

.site-footer-min a, footer a {
  color: #fff;
  text-decoration: none;
}

.site-footer-min a:hover, footer a:hover {
  text-decoration: underline;
}



/* Footer vert harmonisé */

/* Footer vert harmonisé avec bannière */
footer,
.site-footer-min {
  background-color: #0b7a3e;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  width: 100%;
  font-size: 0.95em;
  letter-spacing: 0.3px;
}
footer a, .site-footer-min a {
  color: #fff;
  text-decoration: none;
}
footer a:hover, .site-footer-min a:hover {
  text-decoration: underline;
}


}