/* ============================
   FOOTER AURALÉA – MODE JOUR / NUIT
   ============================ */

:root {
  /* Mode clair */
  --footer-services-bg: #f7f1e8;
  --footer-services-border: #e2d8c8;
  --footer-services-title: #3f0a10;
  --footer-services-text: #6b5e52;
  --footer-services-icon: #5c0f17;

  --footer-bg: #3f0a10;
  --footer-title: #d4af37;
  --footer-text: #cfc6ba;
  --footer-link: #cfc6ba;
  --footer-link-hover: #d4af37;
  --footer-separator: rgba(255, 255, 255, 0.15);

  --footer-btn-bg: #d4af37;
  --footer-btn-text: #3f0a10;
}

/* 🌙 Mode nuit */
body.dark-mode {
  --footer-services-bg: #1c1c1c;
  --footer-services-border: #2a2a2a;
  --footer-services-title: #e6c766;
  --footer-services-text: #b5b5b5;
  --footer-services-icon: #e6c766;

  --footer-bg: #0f0f0f;
  --footer-title: #e6c766;
  --footer-text: #b5b5b5;
  --footer-link: #b5b5b5;
  --footer-link-hover: #f0d87a;
  --footer-separator: rgba(255, 255, 255, 0.08);

  --footer-btn-bg: #e6c766;
  --footer-btn-text: #0f0f0f;
}

/* ===== Bande services ===== */
.footer-services {
  background-color: var(--footer-services-bg);
  border-top: 1px solid var(--footer-services-border);
  border-bottom: 1px solid var(--footer-services-border);
}

.footer-services i {
  color: var(--footer-services-icon);
}

.footer-services h6 {
  color: var(--footer-services-title);
  font-weight: 600;
}

.footer-services p {
  color: var(--footer-services-text);
}

/* ===== Footer principal ===== */
.footer-main {
  background-color: var(--footer-bg);
}

.footer-main h6 {
  color: var(--footer-title);
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* ===== Liens ===== */
.footer-link {
  color: var(--footer-link);
  text-decoration: none;
}

.footer-link:hover {
  color: var(--footer-link-hover);
  text-decoration: underline;
}

/* ===== Newsletter ===== */
.footer-main input {
  background-color: transparent;
  border: 1px solid var(--footer-text);
  color: var(--footer-text);
}

.footer-main input::placeholder {
  color: var(--footer-text);
}

.footer-main button {
  background-color: var(--footer-btn-bg);
  border: none;
  color: var(--footer-btn-text);
  font-weight: 600;
}

.footer-main button:hover {
  opacity: 0.9;
}

/* ===== Réseaux sociaux ===== */
.footer-social {
  color: var(--footer-text);
  font-size: 1.2rem;
  margin-left: 15px;
  transition: color 0.3s ease;
}

.footer-social:hover {
  color: var(--footer-link-hover);
}

/* ===== Séparateur & copyright ===== */
.footer-main hr {
  border-color: var(--footer-separator);
}

.footer-main span {
  color: var(--footer-text);
}