/* ╔══════════════════════════════════════════════╗
   ║  JJW FOOTER  v3.0 — Playful                   ║
   ╚══════════════════════════════════════════════╝ */

.jft {
    background:var(--jj-white);
    border-top:1px solid var(--jj-border);
    margin-top:40px;
}

.jft__inner {
    max-width:1400px; margin:0 auto;
    padding:48px 32px 32px;
    display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:40px;
}
@media (max-width:768px) {
    .jft__inner { grid-template-columns:1fr; gap:32px; padding:32px 20px 24px; }
}

/* Logo + tagline */
.jft__logo-link { display:inline-block; text-decoration:none; }
.jft__logo-img { height:36px; width:auto; display:block; margin-bottom:12px; }
.jft__logo-text {
    font-family:var(--jj-font); font-size:20px; font-weight:700;
    background:linear-gradient(135deg, var(--jj-blue), var(--jj-pink));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
    margin-bottom:12px; display:inline-block;
}
.jft__tagline { font-family:var(--jj-font); font-size:14px; color:var(--jj-text-light); line-height:1.6; max-width:280px; }

/* Column labels */
.jft__col-label {
    font-family:var(--jj-font); font-size:13px; font-weight:700;
    color:var(--jj-pink); display:block; margin-bottom:14px;
}

/* Nav */
.jft__nav-list { list-style:none; margin:0; padding:0; }
.jft__nav-list li { margin-bottom:8px; }
.jft__nav-list a {
    font-family:var(--jj-font); font-size:14px; font-weight:700;
    color:var(--jj-text-mid); text-decoration:none;
    transition:color 0.2s ease;
}
.jft__nav-list a:hover { color:var(--jj-blue); }

/* Socials */
.jft__socials { display:flex; gap:10px; }
.jft__social-link {
    display:flex; align-items:center; justify-content:center;
    width:40px; height:40px;
    background:var(--jj-blue-light);
    border-radius:var(--jj-radius-sm);
    color:var(--jj-blue);
    transition:all 0.25s var(--jj-ease);
    text-decoration:none;
}
.jft__social-link:hover { background:var(--jj-blue); color:#fff; transform:translateY(-3px); box-shadow:var(--jj-shadow-blue); }
.jft__social-link svg { display:block; stroke:currentColor; fill:none; }

/* Copyright bar */
.jft__bar {
    border-top:1px solid var(--jj-border);
}
.jft__bar-inner {
    max-width:1400px; margin:0 auto;
    padding:16px 32px;
    display:flex; align-items:center; justify-content:space-between;
    font-family:var(--jj-font); font-size:12px; color:var(--jj-text-light);
}
.jft__copy a { color:var(--jj-text-mid); text-decoration:none; }
.jft__copy a:hover { color:var(--jj-blue); }
.jft__bar-links { display:flex; gap:16px; }
.jft__bar-links a { color:var(--jj-text-light); text-decoration:none; transition:color 0.2s ease; }
.jft__bar-links a:hover { color:var(--jj-blue); }
@media (max-width:768px) {
    .jft__bar-inner { flex-direction:column; gap:8px; text-align:center; padding:14px 20px; }
}