/* ============================================================
   AgentiLoop Agent! — shared site footer
   Linked by every page AFTER its main stylesheet.
   Self-contained: defines its own colors so it renders identically
   on every page regardless of the base stylesheet.
   ============================================================ */

.footer {
    --footer-bg: #0b1120;
    --footer-line: rgba(255, 255, 255, 0.07);
    --footer-text: #e8ecf4;
    --footer-dim: #9aa5bd;
    --footer-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif;
    border-top: 1px solid var(--footer-line);
    padding: 44px 0;
    text-align: center;
    background: var(--footer-bg);
    font-family: var(--footer-font);
    line-height: 1.6;
}
.footer .container {
    width: auto;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px;
}
.footer .footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 26px;
    margin-bottom: 18px;
}
.footer .footer-links a {
    color: var(--footer-dim);
    text-decoration: none;
    font-size: 0.88rem;
    transition: color 0.15s ease;
}
.footer .footer-links a:hover { color: var(--footer-text); }
.footer .footer-tagline { margin: 0; font-size: 0.82rem; color: var(--footer-dim); font-weight: 300; }
.footer .footer-tagline a { color: var(--footer-dim); text-decoration: none; border-bottom: 1px solid var(--footer-line); transition: color 0.15s ease; }
.footer .footer-tagline a:hover { color: var(--footer-text); }

/* Old-school hit counter (counter.js) — sits just above the footer.
   counter.js inserts it immediately with placeholder digits, so its height
   is reserved up front; it stays invisible until the count arrives. */
.hit-counter {
    margin: 0;
    padding: 20px 24px;
    min-height: 1.6rem;
    text-align: center;
    font: 0.78rem/1.6 -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif;
    color: #9aa5bd;
    visibility: hidden;
}
.hit-counter.loaded { visibility: visible; }
.hit-counter-digits {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    vertical-align: middle;
    background: #000;
    border: 2px outset #6b7280;
}
.hit-counter-digits span {
    display: inline-block;
    width: 1.1em;
    padding: 1px 0;
    font: bold 1rem/1.2 'Courier New', Courier, monospace;
    text-align: center;
    color: #39ff14;
    text-shadow: 0 0 4px rgba(57, 255, 20, 0.7);
    background: linear-gradient(#1a1a1a, #000 50%, #1a1a1a);
    border: 1px solid #333;
}