.sf-footer {
background: var(--footer-bg, #111827);
color: var(--footer-foreground, #9CA3AF);
padding: 56px 24px 32px;
text-align: center;
border-top: 1px solid var(--border);
}
.sf-footer a { color: var(--footer-foreground, #9CA3AF); text-decoration: none; }
.sf-footer a:hover { color: var(--primary); }
.sf-footer__brand {
margin-bottom: 32px;
padding-bottom: 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.sf-footer__brand-info {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.sf-footer__logo {
max-height: 36px;
width: auto;
}
.sf-footer__brand-name {
font-size: 20px;
font-weight: 700;
color: var(--footer-foreground, #E5E7EB);
}
.sf-footer__brand-desc {
font-size: 14px;
color: var(--footer-foreground, #9CA3AF);
opacity: 0.7;
max-width: 400px;
line-height: 1.6;
}
.sf-footer__nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 8px 24px;
margin-bottom: 24px;
}
.sf-footer__nav-link {
font-size: 14px;
opacity: 0.8;
transition: opacity 0.2s, color 0.2s;
}
.sf-footer__nav-link:hover { opacity: 1; color: var(--primary); }
.sf-footer__nav--compact {
gap: 6px 16px;
margin-bottom: 16px;
}
.sf-footer__nav--compact .sf-footer__nav-link { font-size: 12px; }
.sf-footer__divider {
height: 1px;
background: rgba(255, 255, 255, 0.08);
margin: 0 auto 24px;
max-width: 600px;
}
.sf-footer__compliance {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.sf-footer__compliance--compact { gap: 8px; }
.sf-footer__badges {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 8px;
}
.sf-footer__age-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
border: 2px solid currentColor;
font-size: 14px;
font-weight: 800;
color: var(--accent, #F59E0B);
}
.sf-footer__age-badge--sm {
width: 28px;
height: 28px;
font-size: 11px;
}
.sf-footer__compliance-badge {
font-size: 12px;
opacity: 0.6;
}
.sf-footer__disclaimer {
font-size: 12px;
opacity: 0.5;
max-width: 600px;
line-height: 1.6;
}
.sf-footer__disclaimer--sm {
font-size: 11px;
opacity: 0.4;
}
.sf-footer__copy {
font-size: 13px;
opacity: 0.6;
}
.sf-footer__brand-lockup {
display: inline-flex;
align-items: center;
gap: 12px;
}
.sf-footer__brand-lockup .sf-footer__brand-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
flex-shrink: 0;
filter: drop-shadow(0 2px 6px rgba(var(--accent-rgb), 0.45));
}
.sf-footer__brand-lockup .sf-footer__brand-icon svg { width: 100%; height: 100%; }
.sf-footer__brand-lockup .sf-footer__brand-text {
background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 55%, #fff) 0%, var(--accent) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
font-size: 22px;
font-weight: 800;
letter-spacing: 1px;
}
@media (max-width: 768px) {
.sf-footer { padding: 40px 24px 24px; }
.sf-footer__badges { gap: 12px; }
}
.sf-footer--gradient-top::before {
content: '';
display: block;
height: 2px;
background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent);
opacity: 0.5;
}
.sf-footer--link-glow a {
transition: color 0.2s ease, text-shadow 0.2s ease;
}
.sf-footer--link-glow a:hover {
color: var(--primary);
text-shadow: 0 0 8px rgba(var(--primary-rgb), 0.3);
}
.sf-footer--badge-glow .sf-footer__compliance-badge {
box-shadow: 0 0 8px rgba(var(--primary-rgb), 0.15);
transition: box-shadow 0.3s ease;
}
.sf-footer--badge-glow .sf-footer__compliance-badge:hover {
box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.25);
}
.sf-footer--age-neon .sf-footer__age-badge {
box-shadow:
0 0 8px rgba(var(--destructive-rgb, 239,68,68), 0.3),
inset 0 0 6px rgba(var(--destructive-rgb, 239,68,68), 0.15);
}
.sf-footer--glass {
background: rgba(var(--background-rgb, 10,10,20), 0.7);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
}
.sf-footer--gradient-bg {
background: linear-gradient(
180deg,
var(--background),
color-mix(in srgb, var(--background), var(--primary) 5%)
);
}
.sf-footer--social-glow .sf-footer__social a {
transition: transform 0.3s ease, color 0.3s ease, text-shadow 0.3s ease;
}
.sf-footer--social-glow .sf-footer__social a:hover {
transform: translateY(-3px);
color: var(--primary);
text-shadow: 0 0 10px rgba(var(--primary-rgb), 0.4);
}
.sf-footer--minimal {
background: transparent;
border-top: 1px solid var(--border);
color: var(--muted-foreground);
padding: 24px;
text-align: center;
}
.sf-footer--minimal .sf-footer__links {
gap: 4px 16px;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid var(--border);
}
.sf-footer--minimal .sf-footer__links a { font-size: 12px; }