/* ============================================================================ Shining Awards — Footer A branded pre-footer CTA band (injected in shining/footer.php via the theme's TieLabs/before_footer hook) plus a polish pass on Jannah's copyright strip. Token-driven, responsive, reduced-motion safe. Loaded after skin.css. ============================================================================ */ /* ── Pre-footer CTA band ──────────────────────────────────────────────────*/ .sa-prefooter { position: relative; overflow: hidden; background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--sa-violet) 16%, transparent), transparent 60%), var(--sa-bg-2); border-top: 1px solid var(--sa-border); } /* gradient hairline riding the top edge */ .sa-prefooter::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--sa-gradient); opacity: .85; } .sa-prefooter__inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; padding: 3rem 0; } .sa-prefooter__copy { flex: 1 1 340px; min-width: 0; } .sa-prefooter__eyebrow { display: inline-flex; align-items: center; gap: .5rem; margin: 0 0 .6rem; font-family: var(--sa-font-display); font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--sa-text-dim); } .sa-prefooter__spark { width: 1em; height: 1em; color: var(--sa-heart); } .sa-prefooter__title { margin: 0 0 .5rem; font-family: var(--sa-font-display); font-weight: 700; line-height: 1.08; font-size: clamp(1.7rem, 3.4vw, 2.7rem); } .sa-prefooter__sub { margin: 0; max-width: 46ch; color: var(--sa-text-muted); font-size: 1.02rem; line-height: 1.55; } .sa-prefooter__actions { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; } .sa-prefooter__cta { display: inline-flex; align-items: center; gap: .1rem; padding: .85em 1.9em; border-radius: var(--sa-radius-pill); background: var(--sa-gradient); color: var(--sa-on-accent) !important; font-family: var(--sa-font-display); font-weight: 700; font-size: 1.02rem; letter-spacing: .03em; text-transform: uppercase; box-shadow: 0 12px 30px -10px var(--sa-violet), inset 0 0 0 1px rgba(255, 255, 255, .18); transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } .sa-prefooter__cta:hover { transform: translateY(-2px); filter: saturate(1.08); box-shadow: 0 16px 38px -10px var(--sa-violet), inset 0 0 0 1px rgba(255, 255, 255, .24); color: var(--sa-on-accent) !important; } .sa-prefooter__cta span { transition: transform .18s ease; } .sa-prefooter__cta:hover span { transform: translateX(3px); } /* Stack cleanly on small screens. */ @media (max-width: 782px) { .sa-prefooter__inner { padding: 2.2rem 0; gap: 1.4rem; } .sa-prefooter__actions { align-items: stretch; width: 100%; } .sa-prefooter__cta { justify-content: center; } } /* ══ The footer body ══════════════════════════════════════════════════════ Rendered by shining_footer_body() into Jannah's