/* UI Footer Component */

.ui-footer{position:relative;z-index:40;margin-top:var(--space-6);
  /* Match secondary navbar background */
  background:
    radial-gradient(520px 140px at 50% -32px, rgba(250,204,21,.10), transparent 65%),
    radial-gradient(320px 110px at 15% 0, rgba(217,119,6,.08), transparent 70%),
    radial-gradient(320px 110px at 85% 0, rgba(250,204,21,.08), transparent 70%),
    linear-gradient(
      to bottom,
      rgba(3,6,15,.92) 0%,
      rgba(6,10,20,.78) 60%,
      rgba(8,12,22,.66) 100%
    );
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 -2px 16px rgba(0,0,0,.35)}

.ui-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(250,204,21,.55) 18%, var(--gold-500) 50%, rgba(250,204,21,.55) 82%, transparent 100%);
  opacity:.75;pointer-events:none;z-index:1}
.ui-footer::after{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);
  background:linear-gradient(135deg, var(--gold-400), var(--gold-600));border-radius:2px;box-shadow:0 0 6px rgba(250,204,21,.25);pointer-events:none;z-index:2}

.ui-footer .footer-glow{display:none}

.ui-footer .footer-main{display:grid;gap:var(--space-5);padding-top:calc(var(--space-6) + var(--space-3));padding-bottom:var(--space-5);grid-template-areas:'brand' 'links'}
@media (min-width:48rem){.ui-footer .footer-main{grid-template-columns:1fr 1fr;grid-template-areas:'brand links';align-items:start;column-gap:var(--space-6)}}

.ui-footer .back-to-top{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);display:flex;justify-content:center;z-index:3}
.ui-footer .scroll-top-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;color:#fff;text-decoration:none;
  background:linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.06));backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px rgba(0,0,0,.35)}

.ui-footer .footer-brand{grid-area:brand;text-align:center}
.ui-footer .footer-brand .footer-logo{max-width:200px;height:auto;margin-inline:auto}
.ui-footer .footer-brand .brand-text{font-size:1.25rem}
.ui-footer .footer-brand .brand-description{color:var(--muted)}
.ui-footer .brand-stats{margin-top:var(--space-3);justify-content:center}
@media (min-width:48rem){
  .ui-footer .footer-brand{text-align:left;justify-self:start}
  .ui-footer .brand-stats{justify-content:flex-start}
}

/* Footer stats: support up to 3 stat items with responsive grid */
.ui-footer .brand-stats.stats{display:grid;gap:var(--space-4);align-items:end}
@media (max-width:24rem){.ui-footer .brand-stats.stats{grid-template-columns:1fr;justify-items:center}}
@media (min-width:24.0625rem) and (max-width:48rem){.ui-footer .brand-stats.stats{grid-template-columns:repeat(2, minmax(0,1fr));justify-items:center}}
@media (min-width:48.0625rem){.ui-footer .brand-stats.stats{grid-template-columns:repeat(3, minmax(0,1fr));justify-items:start}}

.ui-footer .footer-links{grid-area:links;display:flex;gap:var(--col-gap, var(--space-4));justify-content:center;align-items:flex-start;text-align:left;padding-bottom:var(--space-5)}
.ui-footer .footer-links .link-column{position:relative;padding-inline:var(--space-3)}
/* Mobile vertical separators between columns, centered in the gap */
.ui-footer .footer-links .link-column + .link-column::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--col-gap, var(--space-4)) / -2);width:1px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));opacity:.6;pointer-events:none}
@media (min-width:48rem){
  .ui-footer .footer-links{display:grid;grid-template-columns:repeat(3,1fr);justify-items:start;text-align:left;justify-self:end;position:relative;width:max-content}
  /* Disable mobile separators on desktop layout */
  .ui-footer .footer-links .link-column + .link-column::before{display:none}
  .ui-footer .footer-links .link-column:first-child{justify-self:start;text-align:left}
  .ui-footer .footer-links .link-column{padding-bottom:var(--space-4)}
}
.ui-footer .link-column .column-title{display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:500;line-height:1;margin-bottom:var(--space-3)}
.ui-footer .link-column .title-icon{width:20px;height:20px}
.ui-footer .link-column .footer-link{color:#dfe9ff;text-decoration:none;font-size:inherit;line-height:1.6}
.ui-footer .link-column .footer-link:hover{color:#ffffff}
/* (separator removed) rely on normal flow spacing */
/* Spacing between items (no separators) */
.ui-footer .link-column ul[role='list'] li+li{margin-top:var(--space-2)}

.ui-footer .footer-social{padding-block:var(--space-4);margin-top:var(--space-5)}
.ui-footer .social-divider{height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent)}
.ui-footer .social-links{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;align-items:center}
.ui-footer .social-link{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(180deg, rgba(14,23,44,.85), rgba(23,32,55,.85));border:1px solid rgba(255,255,255,.18)}
.ui-footer .social-link img{width:22px;height:22px}

.ui-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-4)}
.ui-footer .footer-bottom .copyright{color:var(--muted)}
.ui-footer .footer-bottom .footer-decoration{opacity:.8}