/*
|--------------------------------------------------------------------------
| FOOTER DCLIK 
|--------------------------------------------------------------------------
*/

/* Variables (palette DCLIK) */
#footer-dclik {
  --text:#ffffff;
  --muted:#d9d9ff;
  --link:#a783ff;
  --link-hover:#7b23f4;
  --btn:#222edb;
  --btn-secondary:#04ee91;
  --badge:#ffad00;
}

/* Wrapper */
#footer-dclik {
  /* Gradient bleu / violet / noir */
  background: linear-gradient(
    180deg,
    #0d122b 0%,
    #131a3a 50%,
    #090b14 100%
  );
  color:var(--text);
  font-family:system-ui, Inter, sans-serif;
  padding-top:60px;
  padding-bottom:60px;
}

/* Conteneur large */
#footer-dclik .dclik-wrap {
  max-width:1400px;
  margin:auto;
  padding:0 20px;
}

/* Grid générale */
#footer-dclik .dclik-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:40px;
}

/* Colonnes */
#footer-dclik .dclik-grid > * {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}

/* Titres */
#footer-dclik .dclik-title {
  font-size:1.25rem;
  font-weight:700;
  margin-bottom:14px;
  color:var(--text);
}

/* Paragraphes */
#footer-dclik .dclik-text {
  font-size:1rem;
  line-height:1.6;
  color:var(--muted);
  margin-bottom:10px;
}

/* Liens */
#footer-dclik a {
  color:var(--link);
  text-decoration:none;
}
#footer-dclik a:hover {
  color:var(--link-hover);
  text-decoration:underline;
}

/* Liste de liens */
#footer-dclik nav ul {
  list-style:none;
  padding:0;
  margin:0;
}
#footer-dclik nav li {
  margin-bottom:8px;
}

/* CTA boutons */
#footer-dclik .dclik-cta-group {
  width:100%;
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:10px;
}
#footer-dclik .dclik-cta-button {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:14px 18px;
  border-radius:12px;
  font-weight:700;
  width:100%;
  cursor:pointer;
  border:none;
  color:#fff;
  background:var(--btn);
  transition:.2s ease;
}
#footer-dclik .dclik-cta-button:hover {
  background:#2836ff;
}
#footer-dclik .dclik-cta-secondary {
  background:var(--btn-secondary);
  color:#0F0122;
}
#footer-dclik .dclik-cta-secondary:hover {
  filter:brightness(1.1);
}

/* Formulaire newsletter */
#footer-dclik .dclik-input {
  width:100%;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.06);
  color:#fff;
  margin-top:8px;
  font-size:1rem;
}
#footer-dclik .dclik-input::placeholder {
  color:#d9d9ff;
  opacity:.75;
}

/* Bloc Avis Google (structure) */
#footer-dclik .dclik-avis-block {
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:flex-start;
  width:100%;
}

/* Badge avis – version blindée */
#footer-dclik .dclik-badge {
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  padding:8px 16px;
  border-radius:40px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.15);
  font-weight:700;
  font-size:1rem;
  line-height:1;
  white-space:nowrap;
  color:var(--badge);
  margin:0; /* important pour éviter les décalages */
}

/* Texte de l'avis */
#footer-dclik .dclik-avis-text {
  font-size:1.05rem;
  line-height:1.7;
  color:var(--muted);
  margin:0;
}

/* Social icons */
#footer-dclik .dclik-social {
  display:grid;
  grid-template-columns:repeat(3,44px);
  gap:14px;
  margin-top:14px;
}
#footer-dclik .dclik-social a {
  display:flex;
  width:44px;
  height:44px;
  border-radius:12px;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  color:#fff;
}
#footer-dclik .dclik-social svg {
  width:22px;
  height:22px;
  fill:#fff !important;
  display:block;
}

/* Sous-footer */
#footer-dclik .dclik-sub {
  margin-top:50px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.15);
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  font-size:.95rem;
  color:var(--muted);
}

/* Responsive */
@media(max-width:1024px){
  #footer-dclik .dclik-grid {
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  #footer-dclik .dclik-grid {
    grid-template-columns:1fr;
    gap:30px;
  }
  #footer-dclik .dclik-cta-button {
    width:100%;
  }
  #footer-dclik .dclik-social {
    grid-template-columns:repeat(3,1fr);
  }
}

/* Accessibilité : texte seulement pour les lecteurs d'écran */
#footer-dclik .sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

															/* CTA : couleurs de texte fixes (hover compris) */
#footer-dclik .dclik-cta-button,
#footer-dclik .dclik-cta-button:visited {
  color:#ffffff;
  text-decoration:none;
}

#footer-dclik .dclik-cta-button:hover,
#footer-dclik .dclik-cta-button:focus {
  color:#ffffff;
  text-decoration:none;
}

/* Variante Google Maps / Avis (texte noir) */
#footer-dclik .dclik-cta-secondary,
#footer-dclik .dclik-cta-secondary:visited {
  color:#0F0122;
  text-decoration:none;
}

#footer-dclik .dclik-cta-secondary:hover,
#footer-dclik .dclik-cta-secondary:focus {
  color:#0F0122;
  text-decoration:none;
}