/*
 * Silent Guardian site-wide atmosphere
 * Lightweight visual layer: CSS only, no external assets or webfonts.
 */
:root {
  --sg-ink: #060914;
  --sg-ink-2: #09101f;
  --sg-panel: #0d1728;
  --sg-panel-2: #111e33;
  --sg-line: rgba(137, 196, 255, 0.16);
  --sg-line-strong: rgba(121, 230, 255, 0.34);
  --sg-text: #d8e5f4;
  --sg-muted: #9fb0c6;
  --sg-bright: #f7f9ff;
  --sg-cyan: #79e6ff;
  --sg-cyan-soft: #b7f3ff;
  --sg-shadow: 0 18px 55px rgba(0, 0, 0, 0.28);
}

html { background: var(--sg-ink); }
body {
  background: var(--sg-ink);
  color: var(--sg-text);
}

/* Header / navigation */
.site-header,
.site-header-wrap,
.site-main-header-wrap,
.site-header-row-container-inner,
#mobile-header {
  background: rgba(6, 9, 20, 0.96) !important;
}
.site-header {
  border-bottom: 1px solid var(--sg-line);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
}
.site-title,
.site-title a,
.site-branding a.brand {
  color: var(--sg-bright) !important;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 0.035em;
}
.main-navigation .primary-menu-container > ul > li > a,
.mobile-navigation a,
.menu-toggle-open,
.menu-toggle-close {
  color: #c7d6e8 !important;
}
.main-navigation .primary-menu-container > ul > li > a:hover,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a,
.mobile-navigation a:hover,
.mobile-navigation .current-menu-item > a {
  color: var(--sg-cyan) !important;
}
.main-navigation .primary-menu-container > ul > li.current-menu-item > a {
  box-shadow: inset 0 -2px 0 var(--sg-cyan);
}
.popup-drawer .drawer-inner {
  background: #08101e !important;
  border-left: 1px solid var(--sg-line);
}

/* Site background and page-title areas */
body:not(.home) #inner-wrap,
body:not(.home) .content-area,
body:not(.home) .content-container,
body:not(.home) .site-main {
  background: var(--sg-ink);
}
body:not(.home) .entry-hero,
body:not(.home) .page-hero-section,
body:not(.home) .entry-hero-container-inner {
  background:
    radial-gradient(circle at 18% 24%, rgba(41, 205, 238, 0.12), transparent 28%),
    radial-gradient(circle at 82% 20%, rgba(75, 90, 220, 0.13), transparent 30%),
    linear-gradient(135deg, #060914, #0b1526 58%, #060914) !important;
  border-bottom: 1px solid var(--sg-line);
}
body:not(.home) .entry-hero .entry-title,
body:not(.home) .page-title {
  color: var(--sg-bright) !important;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -0.02em;
}

/* General editorial typography */
body:not(.home) .entry-content h1,
body:not(.home) .entry-content h2,
body:not(.home) .entry-content h3,
body:not(.home) .entry-content h4,
body:not(.home) .entry-title,
body:not(.home) .archive-title {
  color: var(--sg-bright);
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -0.015em;
}
body:not(.home) .entry-content,
body:not(.home) .entry-summary,
body:not(.home) .entry-content p,
body:not(.home) .entry-content li {
  color: #c8d5e6;
}
body:not(.home) .entry-content p,
body:not(.home) .entry-content li {
  line-height: 1.78;
}
body:not(.home) .entry-content a,
body:not(.home) .entry-summary a,
body:not(.home) .entry-meta a,
body:not(.home) .post-more-link {
  color: var(--sg-cyan);
}
body:not(.home) .entry-content a:hover,
body:not(.home) .entry-summary a:hover,
body:not(.home) .entry-meta a:hover,
body:not(.home) .post-more-link:hover {
  color: var(--sg-cyan-soft);
}

/* Single posts and normal pages */
body:not(.home) article.single-entry,
body:not(.home) .content-bg {
  background: linear-gradient(180deg, rgba(14, 24, 42, 0.97), rgba(8, 15, 28, 0.98));
  border: 1px solid var(--sg-line);
  border-radius: 18px;
  box-shadow: var(--sg-shadow);
}
body.single article.single-entry .entry-content-wrap,
body.page:not(.home) article.single-entry .entry-content-wrap {
  padding: clamp(24px, 4vw, 52px);
}
body.single .entry-meta,
body.single .entry-meta a,
body.archive .entry-meta,
body.blog .entry-meta {
  color: var(--sg-muted) !important;
}
body.single .post-navigation,
body.single .post-navigation a {
  color: #c5d5e9;
}
body.single .post-navigation a:hover { color: var(--sg-cyan); }

/* Blog and archive cards */
body.blog article,
body.archive article,
body.search-results article {
  background: linear-gradient(180deg, rgba(16, 28, 48, 0.98), rgba(8, 16, 30, 0.99));
  border: 1px solid var(--sg-line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.20);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
body.blog article:hover,
body.archive article:hover,
body.search-results article:hover {
  transform: translateY(-3px);
  border-color: var(--sg-line-strong);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.30);
}
body.blog article .entry-title a,
body.archive article .entry-title a,
body.search-results article .entry-title a {
  color: var(--sg-bright);
  font-family: Georgia, "Times New Roman", serif;
}
body.blog article .entry-title a:hover,
body.archive article .entry-title a:hover,
body.search-results article .entry-title a:hover {
  color: var(--sg-cyan);
}
body.blog .post-thumbnail img,
body.archive .post-thumbnail img,
body.search-results .post-thumbnail img {
  width: 100%;
  transition: transform 0.35s ease;
}
body.blog article:hover .post-thumbnail img,
body.archive article:hover .post-thumbnail img,
body.search-results article:hover .post-thumbnail img {
  transform: scale(1.015);
}

/* Quotes, separators, tables and code */
body:not(.home) blockquote {
  border-left: 3px solid var(--sg-cyan);
  background: rgba(121, 230, 255, 0.055);
  color: #d5e4f5;
  padding: 1.1em 1.35em;
  border-radius: 0 12px 12px 0;
}
body:not(.home) hr,
body:not(.home) .wp-block-separator { border-color: var(--sg-line); }
body:not(.home) pre,
body:not(.home) code {
  background: #050a13;
  color: #c8f4ff;
  border-color: var(--sg-line);
}
body:not(.home) table,
body:not(.home) th,
body:not(.home) td { border-color: var(--sg-line); }
body:not(.home) th { background: #101d31; color: var(--sg-bright); }

/* Buttons and form controls */
body:not(.home) .wp-block-button__link,
body:not(.home) input[type="submit"],
body:not(.home) button:not(.menu-toggle-open):not(.menu-toggle-close) {
  border-radius: 999px;
}
body:not(.home) .wp-block-button__link:not(.has-background),
body:not(.home) input[type="submit"] {
  background: var(--sg-cyan);
  color: #06101b;
  border: 0;
  font-weight: 700;
}
body:not(.home) .wp-block-button__link:not(.has-background):hover,
body:not(.home) input[type="submit"]:hover {
  background: var(--sg-cyan-soft);
}
body:not(.home) input[type="text"],
body:not(.home) input[type="email"],
body:not(.home) input[type="search"],
body:not(.home) input[type="url"],
body:not(.home) textarea,
body:not(.home) select {
  background: #0a1322;
  color: var(--sg-text);
  border: 1px solid rgba(149, 190, 235, 0.28);
  border-radius: 10px;
}
body:not(.home) input:focus,
body:not(.home) textarea:focus,
body:not(.home) select:focus {
  border-color: var(--sg-cyan);
  box-shadow: 0 0 0 2px rgba(121, 230, 255, 0.12);
}

/* Sidebar/widgets */
body:not(.home) .widget,
body:not(.home) .primary-sidebar .widget {
  background: rgba(13, 23, 40, 0.92);
  border: 1px solid var(--sg-line);
  border-radius: 14px;
  padding: 20px;
}
body:not(.home) .widget-title { color: var(--sg-bright); font-family: Georgia, "Times New Roman", serif; }
body:not(.home) .widget a { color: #bdd0e5; }
body:not(.home) .widget a:hover { color: var(--sg-cyan); }

/* Pagination */
.pagination .page-numbers,
.navigation.pagination .page-numbers {
  background: #0d1728;
  border: 1px solid var(--sg-line);
  color: #c8d8ea;
  border-radius: 9px;
}
.pagination .page-numbers.current,
.pagination a.page-numbers:hover,
.navigation.pagination .page-numbers.current,
.navigation.pagination a.page-numbers:hover {
  background: var(--sg-cyan);
  color: #06101b;
  border-color: var(--sg-cyan);
}

/* Footer */
.site-footer,
.site-footer-wrap,
.site-bottom-footer-wrap,
.site-footer-row-container-inner {
  background: #050813 !important;
  color: #8090a6;
}
.site-footer { border-top: 1px solid var(--sg-line); }
.site-footer a { color: #a7bdd5; }
.site-footer a:hover { color: var(--sg-cyan); }

/* Keep motion respectful and cheap. */
@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

@media (max-width: 768px) {
  body:not(.home) article.single-entry,
  body.blog article,
  body.archive article,
  body.search-results article {
    border-radius: 12px;
  }
  body.single article.single-entry .entry-content-wrap,
  body.page:not(.home) article.single-entry .entry-content-wrap {
    padding: 22px;
  }
}
