/**
 * footer.css — Site footer.
 *
 * Part of the KWL360 split stylesheet. Load order lives in
 * functions.php; responsive.css loads next-to-last so its rules
 * reliably win the cascade against every file before it.
 * @package KWL360
 */

/* -----------------------------------------------------------------------
   11. Footer
   -------------------------------------------------------------------- */
.kwl-footer{ background: var(--kwl-ink); color: rgba(255,255,255,.72); margin-top: 0; }
[data-kwl-theme="dark"] .kwl-footer{ background: #060b16; }
.kwl-footer-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 56px 24px 36px; }
.kwl-footer-logo{ font-size: 1.6rem; margin-bottom: 12px; display: block; }
.kwl-footer-about p{ color: rgba(255,255,255,.6); font-size: .9rem; }
.kwl-footer-social{ display: flex; gap: 10px; margin-top: 16px; }
.kwl-footer-title{ color: #fff; font-size: .95rem; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 16px; }
.kwl-footer-links li{ margin-bottom: 10px; }
.kwl-footer-links a:hover{ color: var(--kwl-accent); }
.kwl-footer-contact{ font-size: .9rem; }
.kwl-footer-bottom{ border-top: 1px solid rgba(255,255,255,.1); }
.kwl-footer-bottom-inner{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; min-height: 48px; padding: 8px 24px; font-size: .8rem; color: rgba(255,255,255,.5); }