/* =========================================================
   SNTS — footer.css
   - Icône FA avec couleur aléatoire (via classes .ls-acc-*)
   - Style footer sobre, zine, cohérent avec base.css
   ========================================================= */

   .site-footer{
    padding-block: clamp(18px, 2.8vh, 44px);
    text-align: center;
    color: var(--text, currentColor);
  }
  
  .site-footer .container{
    width: min(1100px, 100% - clamp(24px, 6vw, 96px));
    margin-inline: auto;
    display: grid;
    gap: clamp(10px, 1.6vh, 16px);
    justify-items: center;
  }
  
  /* Ligne principale */
  .site-footer p{
    margin: 0;
    max-width: 75ch;
    line-height: 1.6;
  }
  
  /* Icône “food” : taille + alignement + couleur (accent) */
  .site-footer .footer-icon{
    display: inline-block;
    font-size: 1.15em;
    vertical-align: -0.12em;
    margin-inline: 0.35ch;
    color: var(--page-accent);
    transition: color var(--speed, 180ms) ease;
  }
  
  /* Nomdu site - retour home */
  .footer-link-name {
    color: var(--page-accent) !important;
    font-weight: 900;
  }
  /* Liens */
  .site-footer a{
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
  }
  .site-footer a:hover{
    color: var(--page-accent);
  }
  .site-footer a:focus-visible{
    outline: 2px solid var(--page-accent);
    outline-offset: 2px;
    border-radius: 6px;
  }
  
  /* Ligne liens + séparateur */
  .site-footer .footer-links{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6ch 1.2ch;
    margin: 0;
  }
  
  .site-footer .footer-link{
    position: relative;
    padding-left: 1.2ch;
  }
  .site-footer .footer-link:not(:first-child)::before{
    content: "•";
    position: absolute;
    left: -3px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--page-accent);
  }
  

/* ========================================
   FOOTER — icône alignée sur l’accent de page
======================================== */

.site-footer .footer-icon{
  color: var(--page-accent);
  transition: color .2s ease;
}


/* =========================================================
   SNTS — Cookie Banner (Complianz)
   ========================================================= */

   .cmplz-cookiebanner {
    background: var(--card) !important;
    border: 2px solid var(--page-accent) !important;
    border-radius: 22px !important;
    box-shadow: var(--shadow-strong) !important;
    padding: 18px 20px !important;
    max-width: min(1200px, calc(100% - 24px)) !important;
    margin: 12px auto !important;
    color: var(--text) !important;
  }
  /* Titre */
  .cmplz-cookiebanner .cmplz-title {
    font-size: 16px !important;
    font-weight: 900 !important;
    margin-bottom: 6px !important;
    color: var(--page-accent) !important;
    text-transform: uppercase !important;
  }
  /* Texte */
  .cmplz-cookiebanner .cmplz-message {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--muted) !important;
    margin-bottom: 12px !important;
  }
  
  /* Liens */
  .cmplz-cookiebanner a {
    color: var(--page-accent) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }
  .cmplz-cookiebanner a:hover {
    text-decoration: underline !important;
  }
  
  /* Zone boutons */
  .cmplz-cookiebanner .cmplz-buttons {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }
  
  /* Boutons génériques */
  .cmplz-btn {
    appearance: none !important;
    border-radius: 999px !important;
    padding: 10px 18px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    border: 2px solid var(--page-accent) !important;
    cursor: pointer !important;
    transition: transform var(--speed), box-shadow var(--speed), background var(--speed) !important;
  }
  
  /* Accepter */
  .cmplz-btn.cmplz-accept {
    background: var(--page-accent) !important;
    color: var(--text) !important;
    box-shadow: var(--shadow) !important;
  }
  .cmplz-btn.cmplz-accept:hover {
    transform: translate(-1px,-1px) !important;
    box-shadow: var(--shadow-strong) !important;
  }
  
  /* Refuser */
  .cmplz-btn.cmplz-deny {
    background: transparent !important;
    color: var(--text) !important;
  }
  .cmplz-btn.cmplz-deny:hover {
    background: var(--card-2) !important;
  }
  
  /* Paramétrer */
  .cmplz-btn.cmplz-view-preferences {
    background: transparent !important;
    color: var(--muted) !important;
  }
  .cmplz-btn.cmplz-view-preferences:hover {
    color: var(--text) !important;
  }
  
  /* Responsive */
  @media (max-width: 720px) {
    .cmplz-cookiebanner {
      border-radius: 18px !important;
      padding: 16px !important;
    }
  
    .cmplz-cookiebanner .cmplz-buttons {
      justify-content: center !important;
    }
  
    .cmplz-btn {
      width: 100%;
      justify-content: center !important;
    }
  }
  

  .cmplz-btn.cmplz-accept {
    background: var(--page-accent) !important;
  }

  #cmplz-manage-consent .cmplz-manage-consent {
    color: var(--page-accent) !important;
    transition: bottom .2s ease !important;
  }
  #cmplz-manage-consent .cmplz-manage-consent:hover {
    bottom: 10px !important;
  }