/*
 * n14.ru — overrides on top of Quark 2 (loaded last, replaces quark2/css/custom.css)
 * Colors from the old "Underground" template: dark header bar, navy links
 * (#003366, set as accent-color in n14.yaml), orange hover, PT Sans Narrow.
 */

@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url('../fonts/PT_Sans-Narrow.ttf') format('truetype');
}

:root {
  --n14-header-top: #2f2f30;
  --n14-header-bottom: #0e0d0e;
  --n14-hover: #ff6600;
  --n14-red: #cc0000;
  --n14-narrow: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
}

:root[data-theme="dark"] {
  --q2-link: #8fb8e8;
}

/* links: navy, orange on hover like the old site */
a:hover,
.n14-card figcaption a:hover {
  color: var(--n14-hover);
}

h1, h2, h3,
.blog-page-header h1,
.n14-brand {
  font-family: var(--n14-narrow);
  font-weight: normal;
  letter-spacing: -0.5px;
}

/* header: the old dark bar, always dark in both color modes */
#header,
body.header-fixed #header {
  background: linear-gradient(var(--n14-header-top), var(--n14-header-bottom));
  border-bottom-color: #000;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#header .dropmenu > ul > li > a,
#header .theme-toggle {
  color: #fff;
}

#header .dropmenu > ul > li > a:hover:not(.active) {
  background: rgba(255, 255, 255, 0.12);
  color: var(--n14-hover);
}

.mobile-menu .button_container span {
  background: #fff;
}

.navbar-section.logo {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  min-width: 0;
}

.n14-brand,
.n14-brand:hover {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.n14-brand:hover {
  color: var(--n14-hover);
}

.n14-slogan {
  color: #fff;
  font-size: 0.9rem;
  text-decoration: none;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.n14-slogan:hover {
  color: var(--n14-hover);
  opacity: 1;
}

/* old comments under converted posts */
.n14-old-comments {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--q2-divider);
}

.n14-comment {
  margin-bottom: 1rem;
}

.n14-comment time {
  color: var(--q2-text-muted);
  font-size: 0.85em;
}