/* Extracted public footer styles from inc/footer.php. */
:root {
    color-scheme: light;
    --qn-theme-canvas: #f8f8f8;
    --qn-theme-surface: #ffffff;
    --qn-theme-surface-soft: #f5f8fc;
    --qn-theme-text: #202731;
    --qn-theme-muted: #66717e;
    --qn-theme-border: #dfe5ec;
    --qn-theme-link: #087cf0;
  }
  html[data-theme="dark"] {
    color-scheme: dark;
    --qn-theme-canvas: #0f141b;
    --qn-theme-surface: #171e27;
    --qn-theme-surface-soft: #1c2530;
    --qn-theme-text: #e8eef5;
    --qn-theme-muted: #a9b5c2;
    --qn-theme-border: #303b48;
    --qn-theme-link: #72aefc;
    background: var(--qn-theme-canvas) !important;
  }
  html[data-theme="dark"] body {
    color: var(--qn-theme-text) !important;
    background-color: var(--qn-theme-canvas) !important;
  }
  html[data-theme="dark"] .qn-site-header {
    color: var(--qn-theme-text);
    background: linear-gradient(
      to right,
      rgba(15, 20, 27, 0) 0%,
      #12171e 10%,
      #12171e 90%,
      rgba(15, 20, 27, 0) 100%
    );
    border-bottom: 0;
    box-shadow: none;
  }
  html[data-theme="dark"] .qn-site-header::before,
  html[data-theme="dark"] .qn-site-header::after {
    content: none;
    background: none;
    box-shadow: none;
  }
  html[data-theme="dark"] .qn-header-inner { background: transparent; box-shadow: none; }
  html[data-theme="dark"] .qn-site-header a { color: #fff !important; }
  html[data-theme="dark"] .qn-brand,
  html[data-theme="dark"] .qn-brand:hover,
  html[data-theme="dark"] .qn-brand:focus-visible,
  html[data-theme="dark"] .qn-brand-name,
  html[data-theme="dark"] .qn-nav-link,
  html[data-theme="dark"] .qn-nav-link i { color: var(--qn-theme-text); }
  html[data-theme="dark"] .navbar-search,
  html[data-theme="dark"] .qn-search-panel,
  html[data-theme="dark"] .navbar-hamburger,
  html[data-theme="dark"] .navbar-menu,
  html[data-theme="dark"] .modal-content {
    color: var(--qn-theme-text);
    background: var(--qn-theme-surface);
    border-color: var(--qn-theme-border);
  }
  html[data-theme="dark"] .qn-brand img { box-shadow: none; }
  html[data-theme="dark"] .navbar-search {
    color: #fff;
    background: #171d25;
    border-color: #343d49;
    box-shadow: none;
  }
  html[data-theme="dark"] .navbar-search:hover {
    color: #fff;
    background: #1b222c;
    border-color: #46515f;
    box-shadow: none;
  }
  html[data-theme="dark"] .navbar-search .qn-search-icon {
    color: #fff;
    background: #293340;
    box-shadow: none;
  }
  html[data-theme="dark"] .qn-nav-link:hover,
  html[data-theme="dark"] .qn-nav-link[aria-current="page"] {
    color: #fff !important;
    border-bottom-color: #fff;
  }
  html[data-theme="dark"] .qn-nav-link:hover i,
  html[data-theme="dark"] .qn-nav-link[aria-current="page"] i { color: #fff; }
  html[data-theme="dark"] .qn-nav-link.btn-publish,
  html[data-theme="dark"] .qn-nav-link.btn-publish:hover {
    color: #fff !important;
    background: #1b222c;
    border: 1px solid #46515f;
    box-shadow: none;
  }
  html[data-theme="dark"] .qn-nav-link.btn-publish i,
  html[data-theme="dark"] .qn-nav-link.btn-publish:hover i { color: #fff !important; }
  html[data-theme="dark"] .navbar-hamburger {
    color: #fff;
    background: #171d25;
    border-color: #46515f;
    box-shadow: none;
  }
  html[data-theme="dark"] .qn-search-panel { border-color: #343d49; box-shadow: none; }
  html[data-theme="dark"] .container,
  html[data-theme="dark"] .content,
  html[data-theme="dark"] .card,
  html[data-theme="dark"] .profile-header,
  html[data-theme="dark"] .content-section,
  html[data-theme="dark"] .pin-card,
  html[data-theme="dark"] .post-item,
  html[data-theme="dark"] .nav-group,
  html[data-theme="dark"] .module,
  html[data-theme="dark"] .ad-section,
  html[data-theme="dark"] .right-sidebar,
  html[data-theme="dark"] .password-container,
  html[data-theme="dark"] .custom-modal,
  html[data-theme="dark"] .group-card {
    color: var(--qn-theme-text);
    background-color: var(--qn-theme-surface) !important;
    border-color: var(--qn-theme-border) !important;
    box-shadow: none !important;
  }
  html[data-theme="dark"] h1,
  html[data-theme="dark"] h2,
  html[data-theme="dark"] h3,
  html[data-theme="dark"] h4,
  html[data-theme="dark"] h5,
  html[data-theme="dark"] h6,
  html[data-theme="dark"] .news-title,
  html[data-theme="dark"] .brand,
  html[data-theme="dark"] .post-summary-title,
  html[data-theme="dark"] .pin-target h2 { color: var(--qn-theme-text) !important; }
  html[data-theme="dark"] p,
  html[data-theme="dark"] li,
  html[data-theme="dark"] dt,
  html[data-theme="dark"] .news-excerpt,
  html[data-theme="dark"] .page-intro,
  html[data-theme="dark"] .news-meta,
  html[data-theme="dark"] .page-stats,
  html[data-theme="dark"] .user-email { color: var(--qn-theme-muted); }
  html[data-theme="dark"] a:not(.btn):not(.qn-brand):not(.brand) { color: var(--qn-theme-link); }
  html[data-theme="dark"] input,
  html[data-theme="dark"] select,
  html[data-theme="dark"] textarea,
  html[data-theme="dark"] .form-control,
  html[data-theme="dark"] .input-group-text {
    color: var(--qn-theme-text);
    background-color: #111821;
    border-color: var(--qn-theme-border);
  }
  html[data-theme="dark"] input::placeholder,
  html[data-theme="dark"] textarea::placeholder { color: #8794a3; }
  html[data-theme="dark"] table,
  html[data-theme="dark"] .post-table,
  html[data-theme="dark"] .post-table th,
  html[data-theme="dark"] .post-table td {
    color: var(--qn-theme-text) !important;
    background-color: transparent !important;
    border-color: var(--qn-theme-border) !important;
  }
  html[data-theme="dark"] .post-row:hover,
  html[data-theme="dark"] .post-summary,
  html[data-theme="dark"] .pin-summary > div,
  html[data-theme="dark"] .pin-cost { background: var(--qn-theme-surface-soft) !important; }
  html[data-theme="dark"] .nav-group a {
    color: #fff !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
  html[data-theme="dark"] .nav-group a:hover,
  html[data-theme="dark"] .nav-group a:focus-visible {
    color: #fff !important;
    background: #242d38 !important;
    border-color: #46515f !important;
  }
  html[data-theme="dark"] .nav-group a.active {
    color: #fff !important;
    background: #0d6efd !important;
    border-color: #0d6efd !important;
  }
  html[data-theme="dark"] hr,
  html[data-theme="dark"] .news-card,
  html[data-theme="dark"] .news-feed,
  html[data-theme="dark"] .site-links,
  html[data-theme="dark"] .page-stats { border-color: var(--qn-theme-border) !important; }
  body.qn-footer-stick {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
  body.qn-footer-stick > .qn-site-footer {
    margin-top: auto !important;
    flex-shrink: 0;
  }
  .qn-site-footer {
    width: 100%;
    box-sizing: border-box;
    padding: 22px 16px 18px !important;
    color: var(--qn-theme-muted);
    background: transparent !important;
    text-align: center;
  }
  .qn-site-footer .footer-links {
    width: 100%;
    margin: 0 auto 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.9;
    text-align: center;
  }
  .qn-site-footer .footer-links a {
    margin: 0 5px;
    color: var(--qn-theme-link) !important;
    text-decoration: none;
  }
  .qn-site-footer .footer-links a:hover,
  .qn-site-footer .footer-links a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
  .qn-site-footer .footer-links .community-link { color: #d76843 !important; font-weight: 700; }
  .qn-footer-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: var(--qn-theme-muted);
    font-size: 14px;
  }
  .qn-theme-control {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--qn-theme-muted);
    font-size: 13px;
  }
  .qn-theme-control i { color: var(--qn-theme-link); }
  .qn-theme-select {
    min-width: 86px;
    height: 38px;
    padding: 0 30px 0 11px;
    color: var(--qn-theme-text);
    background-color: var(--qn-theme-surface);
    border: 1px solid var(--qn-theme-border);
    border-radius: 8px;
    font: inherit;
    cursor: pointer;
  }
  .qn-theme-select:focus-visible { outline: 3px solid rgba(55,121,243,.24); outline-offset: 2px; }
  @media (max-width: 640px) {
    .qn-site-footer { padding-right: 14px !important; padding-left: 14px !important; }
    .qn-footer-meta { flex-direction: column; gap: 8px; }
    .qn-theme-select { height: 42px; }
  }