{"version":3,"file":"set-array.d.ts","sourceRoot":"","sources":["../src/set-array.ts"],"names":[],"mappings":"AAAA,KAAK,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpC;;;;;;;GAOG;AACH,qBAAa,QAAQ,CAAC,CAAC,SAAS,GAAG,GAAG,GAAG;IACvC,QAAgB,QAAQ,CAAgC;IAChD,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;;CAM7B;AAeD;;GAEG;AACH,wBAAgB,GAAG,CAAC,CAAC,SAAS,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,SAAS,CAElF;AAED;;;GAGG;AACH,wBAAgB,GAAG,CAAC,CAAC,SAAS,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,MAAM,CAStE;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,CAAC,SAAS,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAM5D;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAYvE"}                                                                                                                                                                                                                                                                            0;
    padding-left: 1.2rem;
    columns: 2;
    column-gap: 2rem;
}
.legal-toc li {
    margin-bottom: 0.4rem;
    break-inside: avoid;
}
.legal-toc a {
    color: #334155;
    text-decoration: none;
    transition: color 0.2s;
}
.legal-toc a:hover {
    color: #0d9488;
    text-decoration: underline;
}
.legal-page section {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}
.legal-page section:last-of-type {
    border-bottom: none;
}
.legal-page h2 {
    font-size: 1.4rem;
    color: #0f172a;
    margin: 0 0 1rem 0;
    padding-top: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.legal-page h3 {
    font-size: 1.15rem;
    color: #334155;
    margin: 1.5rem 0 0.8rem 0;
    padding-left: 0.5rem;
    border-left: 3px solid #0d9488;
}
.legal-page ul, .legal-page ol {
    padding-left: 1.5rem;
    margin: 0.8rem 0;
}
.legal-page li {
    margin-bottom: 0.5rem;
}
.legal-page p {
    margin: 0.8rem 0;
}
.section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #0d9488;
    color: white;
    border-radius: 50%;
    font-size: 0.85rem;
    font-weight: 700;
    flex-shrink: 0;
}
.legal-address {
    background: #f8fafc;
    padding: 1.25rem 1.5rem;
    border-radius: 10px;
    font-style: normal;
    border: 1px solid #e2e8f0;
    margin: 1rem 0;
    line-height: 1.8;
}
.legal-address strong {
    color: #0d9488;
    font-size: 1.05rem;
}
.legal-info-box {
    background: #f0fdfa;
    border: 1px solid #99f6e4;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin: 1rem 0;
}
.legal-info-box strong {
    color: #0d9488;
}
.legal-warning-box {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin: 1rem 0;
}
.legal-warning-box strong {
    color: #dc2626;
}
.legal-highlight {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin: 1.5rem 0;
    border-left: 4px solid #f59e0b;
}
.legal-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 2px solid #e2e8f0;
}
.legal-nav a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    background: #f1f5f9;
    color: #334155;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s;
}
.legal-nav a:hover {
    background: #0d9488;
    color: white;
}
.cgv-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}
.cgv-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 1.25rem;
}
.cgv-card h4 {
    margin: 0 0 0.75rem 0;
    color: #0f172a;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.cgv-card p {
    margin: 0 0 0.75rem 0;
    font-size: 0.9rem;
    color: #64748b;
}
.cgv-card ul {
    margin: 0.5rem 0 0 0;
    padding-left: 1.2rem;
    font-size: 0.9rem;
}
.cgv-card li {
    margin-bottom: 0.3rem;
    color: #475569;
}
.contact-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}
.contact-card {
    background: linear-gradient(135deg, #f0fdfa 0%, #e0f2fe 100%);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    text-align: center;
}
.contact-card .icon {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.contact-card a {
    color: #0d9488;
    text-decoration: none;
    font-weight: 500;
}
.contact-card a:hover {
    text-decoration: underline;
}
@media (max-width: 768px) {
    .legal-page { font-size: 14px; }
    .legal-page h1 { font-size: 1.6rem; }
    .legal-toc { padding: 1rem 1.25rem; }
    .legal-toc ol { columns: 1; }
    .legal-page h2 { font-size: 1.2rem; }
    .legal-address { padding: 1rem; }
}
</style>

<main class="wrap" style="padding-top:40px;padding-bottom:60px;">
<article class="legal-page">


  <h1>⚖️ Mentions Légales</h1>
  <p class="legal-updated">Dernière mise à jour : janvier 2026</p>

  <nav class="legal-toc">
    <h2>📑 Sommaire</h2>
    <ol>
      <li><a href="#s1">Éditeur du site</a></li>
      <li><a href="#s2">Directeur de la publication</a></li>
      <li><a href="#s3">Hébergement</a></li>
      <li><a href="#s4">Propriété intellectuelle</a></li>
      <li><a href="#s5">Liens hypertextes</a></li>
      <li><a href="#s6">Limitation de responsabilité</a></li>
      <li><a href="#s7">Conditions générales de vente</a></li>
      <li><a href="#s8">Droit applicable</a></li>
      <li><a href="#s9">Règlement des litiges</a></li>
      <li><a href="#s10">Contact</a></li>
    </ol>
  </nav>

  <section id="s1">
    <h2><span class="section-icon">1</span> Éditeur du site</h2>
    <address class="legal-address">
      <strong>🏢 Swole Youth ASBL</strong><br>
      Association Sans But Lucratif de droit belge<br><br>
      📋 N° d'entreprise : <strong>BE 1004.693.732</strong><br>
      📍 Siège social : Bruxelles, Belgique<br>
      📧 Email : <a href="mailto:info@swoleyouth.com">info@swoleyouth.com</a><br>
      📞 Téléphone : 0499 40 73 73
    </address>
  </section>

  <section id="s2">
    <h2><span class="section-icon">2</span> Directeur de la publication</h2>
    <p>Le directeur de la publication est le représentant légal de l'ASBL Swole Youth.</p>
    <div class="legal-info-box">
      <strong>📌 Responsabilité éditoriale :</strong> Le directeur de la publication est responsable du contenu publié sur ce site conformément à la législation belge.
    </div>
  </section>

  <section id="s3">
    <h2><span class="section-icon">3</span> Hébergement</h2>
    <address class="legal-address">
      <strong>🖥️ OVH SAS</strong><br><br>
      📍 2 rue Kellermann<br>
      59100 Roubaix, France<br>
      📞 Téléphone : +33 9 72 10 10 07<br>
      🌐 <a href="https://www.ovh.com" target="_blank" rel="noopener">www.ovh.com</a>
    </address>
  </section>

  <section id="s4">
    <h2><span class="section-icon">4</span> Propriété intellectuelle</h2>
    <p>L'ensemble du contenu de ce site (textes, images, logos, graphismes, vidéos) est la propriété exclusive de <strong>Swole Youth ASBL</strong> ou de ses partenaires et est protégé par les lois belges et internationales relatives à la propriété intellectuelle.</p>
    <div class="legal-warning-box">
      <strong>⚠️ Interdictions :</strong> Toute reproduction, représentation, modification ou exploitation non autorisée du contenu est interdite et pourra faire l'objet de poursuites judiciaires.
    </div>
  </section>

  <section id="s5">
    <h2><span class="section-icon">5</span> Liens hypertextes</h2>
    <p>Le site peut contenir des liens vers d'autres sites internet. Swole Youth ASBL n'exerce aucun contrôle sur ces sites externes et décline toute responsabilité quant à leur contenu ou leurs pratiques en matière de protection des données.</p>
  </section>

  <section id="s6">
    <h2><span class="section-icon">6</span> Limitation de responsabilité</h2>
    <p>Swole Youth ASBL s'efforce d'assurer l'exactitude des informations diffusées sur ce site. Toutefois, nous ne pouvons garantir l'exactitude, la précision ou l'exhaustivité des informations.</p>
    <div class="legal-highlight">
      <strong>📋 Nous déclinons toute responsabilité pour :</strong>
      <ul style="margin-bottom:0">
        <li>Toute imprécision ou omission dans les informations publiées</li>
        <li>Tout dommage résultant d'une intrusion frauduleuse d'un tiers</li>
        <li>Tout dommage direct ou indirect résultant de l'utilisation du site</li>
        <li>L'indisponibilité temporaire du site pour maintenance</li>
      </ul>
    </div>
  </section>

  <section id="s7">
    <h2><span class="section-icon">7</span> Conditions générales de vente</h2>
    <div class="cgv-cards">
      <div class="cgv-card">
        <h4>🎯 Inscriptions aux activités</h4>
        <p>Les inscriptions aux activités sont soumises à disponibilité. Le paiement valide l'inscription.</p>
        <p><strong>Politique d'annulation :</strong></p>
        <ul>
          <li>✅ Plus de 14 jours avant : remboursement intégral</li>
          <li>⚠️ Moins de 14 jours : remboursement partiel selon les cas</li>
          <li>✅ Annulation par Swole Youth : remboursement intégral</li>
        </ul>
      </div>
      <div class="cgv-card">
        <h4>🛒 Boutique en ligne</h4>
        <p>Les prix sont indiqués en euros (EUR) toutes taxes comprises.</p>
        <p>Le paiement s'effectue via <strong>Stripe</strong> (carte bancaire, Bancontact, etc.).</p>
        <p>Conformément à la législation européenne, vous disposez d'un délai de <strong>14 jours</strong> pour exercer votre droit de rétractation.</p>
      </div>
    </div>
    <div class="legal-info-box">
      <strong>📋 Pour plus de détails :</strong> Consultez notre <a href="privacy#remboursement">politique de remboursement complète</a>.
    </div>
  </section>

  <section id="s8">
    <h2><span class="section-icon">8</span> Droit applicable</h2>
    <p>Le présent site et ses mentions légales sont régis par le <strong>droit belge</strong>. En cas de litige, les tribunaux de <strong>Bruxelles</strong> seront seuls compétents.</p>
  </section>

  <section id="s9">
    <h2><span class="section-icon">9</span> Règlement des litiges</h2>
    <p>Conformément à la réglementation européenne, vous pouvez recourir à la plateforme de Règlement en Ligne des Litiges (RLL) :</p>
    <div class="legal-info-box">
      <strong>🔗 Plateforme ODR :</strong><br>
      <a href="https://ec.europa.eu/consumers/odr" target="_blank" rel="noopener">https://ec.europa.eu/consumers/odr</a>
    </div>
    <p>Nous vous encourageons à nous contacter directement avant d'initier une procédure de règlement des litiges.</p>
  </section>

  <section id="s10">
    <h2><span class="section-icon">10</span> Contact</h2>
    <p>Pour toute question concernant les mentions légales ou le site :</p>
    <div class="contact-cards">
      <div class="contact-card">
        <div class="icon">📧</div>
        <a href="mailto:info@swoleyouth.com">info@swoleyouth.com</a>
      </div>
      <div class="contact-card">
        <div class="icon">📞</div>
        <a href="tel:+32499407373">0499 40 73 73</a>
      </div>
      <div class="contact-card">
        <div class="icon">📸</div>
        <a href="https://www.instagram.com/swoleyouth/" target="_blank" rel="noopener">@swoleyouth</a>
      </div>
    </div>
  </section>

  <nav class="legal-nav">
    <a href="privacy">📋 Politique de confidentialité</a>
    <a href="cookies">🍪 Politique cookies</a>
  </nav>

</article>
</main>
</main>

<footer class="site-footer">
  <div class="footer-inner">
    <!-- Main grid -->
    <div class="footer-grid">
      <!-- Brand column -->
      <div class="footer-brand">
        <div class="footer-logo">
          <img src="/assets/logo.jpg" alt="Swole Youth" width="48" height="48">
          <span class="footer-logo-text">Swole Youth</span>
        </div>
        <address class="footer-address">
          <div class="footer-info-row">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M22 7l-10 5L2 7"/></svg>
            <a href="mailto:info@swoleyouth.com">info@swoleyouth.com</a>
          </div>
          <div class="footer-info-row">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.362 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0122 16.92z"/></svg>
            <a href="tel:+32499407373">0499 40 73 73</a>
          </div>
          <div class="footer-info-row">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>
            <span>Bruxelles, Belgique</span>
          </div>
          <div class="footer-info-row footer-info-company">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16"/><path d="M1 21h22"/><path d="M9 7h1"/><path d="M9 11h1"/><path d="M9 15h1"/><path d="M14 7h1"/><path d="M14 11h1"/><path d="M14 15h1"/></svg>
            <span>BE 1004.693.732</span>
          </div>
        </address>
      </div>

      <!-- Social column -->
      <div class="footer-col">
        <h4 class="footer-title">Suivez-nous</h4>
        <div class="footer-social">
          <a href="https://www.instagram.com/swoleyouth/" target="_blank" rel="noopener noreferrer" class="social-link" title="Instagram">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
          </a>
          <a href="https://www.tiktok.com/@swole.youth" target="_blank" rel="noopener noreferrer" class="social-link" title="TikTok">
            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-5.2 1.74 2.89 2.89 0 012.31-4.64 2.93 2.93 0 01.88.13V9.4a6.84 6.84 0 00-1-.05A6.33 6.33 0 005 20.1a6.34 6.34 0 0010.86-4.43v-7a8.16 8.16 0 004.77 1.52v-3.4a4.85 4.85 0 01-1-.1z"/></svg>
          </a>
          <a href="https://www.youtube.com/@SwoleYouth" target="_blank" rel="noopener noreferrer" class="social-link" title="YouTube">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22.54 6.42a2.78 2.78 0 00-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 00-1.94 2A29 29 0 001 11.75a29 29 0 00.46 5.33A2.78 2.78 0 003.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 001.94-2 29 29 0 00.46-5.25 29 29 0 00-.46-5.33z"/><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" fill="currentColor" stroke="none"/></svg>
          </a>
          <a href="https://linktr.ee/swoleyouth" target="_blank" rel="noopener noreferrer" class="social-link" title="Linktree">
            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M7.953 15.066l-.038-2.044 3.35-3.183-3.2-3.183 1.469-1.4 3.2 3.183 3.2-3.183 1.47 1.4-3.2 3.183 3.35 3.183-.038 2.044-3.312-3.145v6.079h-2.25v-6.079z"/></svg>
          </a>
        </div>
        <a href="https://chat.whatsapp.com/HPbGzmtNKvnErJG8gPnRsw" target="_blank" rel="noopener noreferrer" class="whatsapp-link">
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
          <span>Groupe WhatsApp parents</span>
        </a>
      </div>

      <!-- Staff column -->
      <div class="footer-col">
        <h4 class="footer-title">Connexion bénévole</h4>
        <a class="footer-staff-btn" href="/login.php">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" y1="12" x2="3" y2="12"/></svg>
          <span>Espace bénévole</span>
        </a>
        <p class="footer-staff-note">Accès animateurs / staff.</p>
      </div>

      <!-- Legal column -->
      <div class="footer-col">
        <h4 class="footer-title">Légal</h4>
        <ul class="footer-links">
          <li><a href="/legal.php">Mentions légales</a></li>
          <li><a href="/privacy.php">Confidentialité</a></li>
          <li><a href="/cookies.php">Cookies</a></li>
        </ul>
      </div>
    </div>

    <!-- Bottom bar -->
    <div class="footer-bottom">
      <p class="footer-copy">&copy; <span id="year"></span> Swole Youth ASBL/VZW &mdash; Tous droits réservés</p>
    </div>
  </div>
</footer>

<style>
/* ===== Modern Footer 2025 ===== */
.site-footer {
  --ftr-bg: #0f172a;
  --ftr-bg-alt: #1e293b;
  --ftr-text: #e2e8f0;
  --ftr-text-muted: #94a3b8;
  --ftr-accent: #22d3ee;
  --ftr-accent-hover: #67e8f9;
  --ftr-border: rgba(255,255,255,0.08);
  --ftr-radius: 12px;

  background: var(--ftr-bg);
  color: var(--ftr-text);
  margin-top: auto;
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px 24px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 40px;
}

@media (max-width: 900px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}

@media (max-width: 600px) {
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .footer-inner {
    padding: 32px 16px 20px;
  }
}

/* Brand section */
.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-logo {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer-logo img {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  object-fit: cover;
}

.footer-logo-text {
  font-size: 20px;
  font-weight: 700;
  color: white;
  letter-spacing: -0.02em;
}

.footer-address {
  font-style: normal;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-info-row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--ftr-text-muted);
}

.footer-info-row svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  opacity: 0.7;
}

.footer-info-row a {
  color: var(--ftr-text);
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-info-row a:hover {
  color: var(--ftr-accent);
}

.footer-info-company {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid var(--ftr-border);
  font-size: 13px;
}

/* Columns */
.footer-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-title {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ftr-text-muted);
  margin: 0;
}

/* Social links */
.footer-social {
  display: flex;
  gap: 8px;
}

.social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--ftr-bg-alt);
  color: var(--ftr-text);
  transition: all 0.2s ease;
}

.social-link:hover {
  background: var(--ftr-accent);
  color: var(--ftr-bg);
  transform: translateY(-2px);
}

.social-link svg {
  width: 20px;
  height: 20px;
}

/* WhatsApp link */
.whatsapp-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #25d366;
  color: white;
  border-radius: var(--ftr-radius);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.2s ease;
  width: fit-content;
}

.whatsapp-link:hover {
  background: #20bd5a;
  transform: translateY(-2px);
}

.whatsapp-link svg {
  width: 18px;
  height: 18px;
}

/* Staff button */
.footer-staff-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  background: transparent;
  border: 1px solid var(--ftr-accent);
  color: var(--ftr-accent);
  border-radius: var(--ftr-radius);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
  width: fit-content;
}

.footer-staff-btn:hover {
  background: var(--ftr-accent);
  color: var(--ftr-bg);
  transform: translateY(-2px);
}

.footer-staff-btn svg {
  width: 18px;
  height: 18px;
}

.footer-staff-note {
  font-size: 12px;
  color: var(--ftr-text-muted);
  margin: 0;
  line-height: 1.5;
}

/* Links list */
.footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-links a {
  color: var(--ftr-text);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.footer-links a:hover {
  color: var(--ftr-accent);
}

.footer-links a::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--ftr-text-muted);
  transition: background 0.2s ease;
}

.footer-links a:hover::before {
  background: var(--ftr-accent);
}

/* Bottom bar */
.footer-bottom {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid var(--ftr-border);
  text-align: center;
}

.footer-copy {
  font-size: 13px;
  color: var(--ftr-text-muted);
  margin: 0;
}

/* Light mode overrides */
.light .site-footer,
:not(.dark) .site-footer {
  --ftr-bg: #f8fafc;
  --ftr-bg-alt: #e2e8f0;
  --ftr-text: #1e293b;
  --ftr-text-muted: #64748b;
  --ftr-accent: #0891b2;
  --ftr-accent-hover: #0e7490;
  --ftr-border: rgba(0,0,0,0.08);
}

.light .footer-logo-text,
:not(.dark) .footer-logo-text {
  color: #1e293b;
}

.light .social-link:hover,
:not(.dark) .social-link:hover {
  color: white;
}

.light .footer-staff-btn:hover,
:not(.dark) .footer-staff-btn:hover {
  color: white;
}
</style>

<script>
  (function(){ var y=document.getElementById('year'); if(y) y.textContent=(new Date()).getFullYear(); })();
</script>
<script src="/script.js"></script>
<script src="/assets/js/cookie-consent.js"></script>
</body>
</html>