<?php
$siteName   = $siteName   ?? getSiteName();
$themeColor = $themeColor ?? getSetting('theme_color','#6366f1');
$rgbColor   = $rgbColor   ?? '99,102,241';
$year       = date('Y');
?>
<style>
.ft{
  margin-left:0;
  padding:14px 18px;
  border-top:1px solid var(--bdr);
  background:var(--surf);
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:8px;
}
.ft-left{
  display:flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:600;color:var(--txt3);
}
.ft-left i{ font-size:12px;color:var(--a); }
.ft-right{
  display:flex;align-items:center;gap:8px;
  font-size:11px;font-weight:600;color:var(--txt3);
}

/* ── DALITECH glowing brand link ── */
.ft-brand{
  display:inline-flex;align-items:center;gap:5px;
  text-decoration:none;font-weight:800;font-size:12px;
  color:transparent;
  background:linear-gradient(90deg,<?= $themeColor ?>,#ec4899,<?= $themeColor ?>);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:ftShine 2.4s linear infinite;
  position:relative;cursor:pointer;
}
.ft-brand::after{
  content:'';position:absolute;bottom:-2px;left:0;right:0;height:1.5px;
  background:linear-gradient(90deg,<?= $themeColor ?>,#ec4899);
  border-radius:2px;
  transform:scaleX(0);transform-origin:left;
  transition:transform .25s ease;
}
.ft-brand:hover::after{ transform:scaleX(1); }
.ft-brand:hover{ filter:brightness(1.25); }

/* Pulsing dot */
.ft-dot{
  width:6px;height:6px;border-radius:50%;flex-shrink:0;
  background:<?= $themeColor ?>;
  box-shadow:0 0 0 0 rgba(<?= $rgbColor ?>,.7);
  animation:ftPulse 1.6s ease-out infinite;
}
@keyframes ftPulse{
  0%  { box-shadow:0 0 0 0   rgba(<?= $rgbColor ?>,.7); }
  70% { box-shadow:0 0 0 6px rgba(<?= $rgbColor ?>,.0); }
  100%{ box-shadow:0 0 0 0   rgba(<?= $rgbColor ?>,.0); }
}
@keyframes ftShine{
  0%  { background-position:200% center; }
  100%{ background-position:  0% center; }
}

/* ── WhatsApp button ── */
.ft-wa{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:50%;
  background:#25d366;
  text-decoration:none;flex-shrink:0;
  box-shadow:0 0 0 0 rgba(37,211,102,.6);
  animation:waPulse 2s ease-out infinite;
  transition:transform .18s,filter .18s;
}
.ft-wa:hover{ transform:scale(1.18);filter:brightness(1.08); }
@keyframes waPulse{
  0%  { box-shadow:0 0 0 0   rgba(37,211,102,.6); }
  70% { box-shadow:0 0 0 8px rgba(37,211,102,.0); }
  100%{ box-shadow:0 0 0 0   rgba(37,211,102,.0); }
}

/* ── Heart beat ── */
.ft-heart{
  color:#ef4444;font-size:10px;
  animation:hbeat .9s ease infinite;
}
@keyframes hbeat{
  0%,100%{ transform:scale(1);   }
  50%    { transform:scale(1.35); }
}

@media(max-width:480px){
  .ft{ flex-direction:column;align-items:center;text-align:center;gap:5px;padding:12px 14px; }
}
</style>

<div class="ft">
  <div class="ft-left">
    <i class="fa-solid fa-bolt-lightning"></i>
    &copy; <?= $year ?> <?= htmlspecialchars($siteName) ?>. All rights reserved.
  </div>
  <div class="ft-right">
    Made with <i class="fa-solid fa-heart ft-heart"></i> by
    <a href="https://t.me/dalitech" target="_blank" rel="noopener" class="ft-brand">
      <span class="ft-dot"></span>
      DALITECH
    </a>
    <a href="https://t.me/dalitech" target="_blank" rel="noopener" class="ft-wa" title="Chat on WhatsApp">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="12" height="12">
        <path fill="#fff" d="M4.9 43.3 7.6 33.5A19.4 19.4 0 1 1 14.5 40.4Z"/>
        <path fill="#25d366" d="M24 5.5A18.5 18.5 0 0 0 7.1 33.1L5.1 42.9l9.9-2.6A18.5 18.5 0 1 0 24 5.5Z"/>
        <path fill="#fff" fill-rule="evenodd" d="M32.8 27.7c-.4-.2-2.6-1.3-3-1.5-.4-.1-.7-.2-1 .2s-1.1 1.4-1.4 1.7c-.2.3-.5.3-.9.1-.4-.2-1.8-.7-3.5-2.2-1.3-1.1-2.1-2.5-2.4-3-.2-.4 0-.7.2-.9l.7-.8c.2-.3.3-.5.4-.8 0-.3 0-.6-.1-.8-.2-.3-.9-2.3-1.3-3.2-.3-.8-.7-.7-1-.7h-.8c-.3 0-.8.1-1.2.5-.4.5-1.5 1.4-1.5 3.5s1.5 4 1.7 4.3c.2.2 3 4.7 7.4 6.5 1 .4 1.8.7 2.4.9 1 .3 2 .3 2.8.2.8-.1 2.6-1.1 3-2.1.4-1 .4-1.9.3-2.1-.2-.3-.5-.4-.9-.6Z"/>
      </svg>
    </a>
  </div>
</div>
</div><!-- closes .mc from side.php -->
</body>
</html>