/**
 * JakToMám — Footer CSS
 * Extracted from _footer.php inline <style> block.
 */

footer {
  background: #13132a; color: rgba(255,255,255,.45);
  font-size: .75rem; padding: 1.1rem 1.5rem; margin-top: auto;
}
footer a { color: rgba(255,255,255,.85); text-decoration: underline; }
footer a:hover { color: #fff; }
.footer-sym {
  display: inline-block; vertical-align: middle; margin-right: .3rem;
  opacity: .5; transition: opacity .4s;
}
.footer-sym svg { display: block; stroke: currentColor; fill: none; stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round; color: rgba(255,255,255,.7); }
.footer-sym.fade { opacity: 0; }
.footer-inner { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: .65rem; text-align: center; }
.footer-disclaimer { font-style: italic; color: rgba(255,255,255,.35); }
.footer-ai { color: rgba(255,255,255,.35); font-size: .73rem; }
.footer-ai strong { color: rgba(255,255,255,.65); font-weight: 600; }
.footer-biz { line-height: 1.7; }
.footer-biz strong { color: rgba(255,255,255,.7); }
.footer-links {
  width: 100%; text-align: center;
  border-top: 1px solid rgba(255,255,255,.08); padding-top: .6rem;
}
.footer-links a { color: rgba(255,255,255,.5); text-decoration: none; }
.footer-links a:hover { color: #fff; }
.footer-links a + a::before {
  content: '|'; margin: 0 .65rem;
  color: rgba(255,255,255,.18); font-weight: 300;
}

/* ── Desktop: toggle hidden, mobile-only content hidden ──────────── */
.footer-toggle { display: none; }
.footer-biz-more .footer-links,
.footer-biz-more .footer-disclaimer,
.footer-biz-more .footer-ai { display: none; }

/* ── Theme toggle in footer ──────────────────────────────────────── */
.theme-switch {
  display: inline-flex; align-items: center; gap: .45rem;
  margin-left: 1rem; vertical-align: middle;
}
.theme-switch-label {
  font-size: .7rem; color: rgba(255,255,255,.4);
  cursor: pointer; user-select: none;
}
.theme-switch-track {
  position: relative; width: 32px; height: 18px;
  background: rgba(255,255,255,.15); border-radius: 0;
  cursor: pointer; transition: background .2s;
  border: 1px solid rgba(255,255,255,.12);
}
.theme-switch-track::after {
  content: ''; position: absolute; top: 2px; left: 2px;
  width: 12px; height: 12px; border-radius: 50%;
  background: rgba(255,255,255,.6); transition: transform .2s;
}
.theme-switch-track.active {
  background: rgba(79,143,232,.5);
}
.theme-switch-track.active::after {
  transform: translateX(14px);
  background: #fff;
}

/* ── Mobile: collapsible footer ────────────────────────────────── */
@media (max-width: 680px) {
  footer { padding: .8rem 1rem; }
  .footer-biz { line-height: 1.6; text-align: center; }
  .footer-biz-compact { display: inline; }
  .footer-toggle {
    display: inline-flex; align-items: left; justify-content: center;
    background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.7);
    font-size: 1rem; cursor: pointer;
    width: 36px; height: 36px; border-radius: 50%;
    margin-left: .6rem;
    vertical-align: middle; transition: transform .2s, background .15s;
  }
  .footer-toggle:hover, .footer-toggle:active { background: rgba(255,255,255,.2); color: #fff; }
  .footer-toggle[aria-expanded="true"] { transform: rotate(180deg); }
  .footer-biz-more {
    display: none;
    margin-top: .6rem;
    padding-top: .6rem;
    border-top: 1px solid rgba(255,255,255,.08);
    color: rgba(255,255,255,.35);
  }
  .footer-biz-more.open { display: block; }
  .footer-biz-more .footer-links,
  .footer-biz-more .footer-disclaimer,
  .footer-biz-more .footer-ai { display: block; }
  .footer-biz-more .footer-links { font-size: .72rem; margin-top: .5rem; }
  .footer-biz-more .footer-disclaimer { margin-top: .5rem; }
  .footer-biz-more .footer-ai { margin-top: .3rem; }
  .footer-desktop-extra { display: none; }

  /* Theme switch below links on mobile */
  .theme-switch { margin-left: 0; margin-top: .5rem; justify-content: center; }
}