/* === Global Dark Theme Override ===
 * Applies the homepage dark aesthetic (dark bg, orange accents,
 * Cormorant Garamond headings + Inter body) to all site pages.
 */

/* --- Typography --- */

body {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Cormorant Garamond", Georgia, serif;
  color: #ffffff;
}

/* --- Navbar --- */

/* Make Bootstrap navbar-light toggler icon visible on dark background */
.navbar-custom .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Mobile collapsed navbar needs explicit dark bg */
@media (max-width: 1199px) {
  .navbar-custom .navbar-collapse {
    background-color: #0d0d0d;
    padding: 0 1rem 0.5rem;
  }
}

/* Brand uses display serif like homepage */
.navbar-custom .navbar-brand {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* Dropdown menu dark styling */
.navbar-custom .nav-item.dropdown .dropdown-menu .dropdown-item {
  background-color: #111111 !important;
  color: #e0e0e0 !important;
  border-color: #222222 !important;
}

.navbar-custom .nav-item.dropdown .dropdown-menu .dropdown-item:hover,
.navbar-custom .nav-item.dropdown .dropdown-menu .dropdown-item:focus {
  background-color: #1a1a1a !important;
  color: #ff4d17 !important;
}

/* --- Page intro header (page title area) --- */

.intro-header.no-img {
  background-color: #111111;
}

.intro-header .page-heading,
.intro-header .post-heading {
  color: #ffffff;
}

.intro-header .page-heading .page-subheading,
.intro-header .post-heading .post-subheading {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.75);
}

.intro-header .post-heading .post-meta,
.post-preview .post-meta,
.post-heading .post-meta {
  color: #888888;
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* When a page has a cover image, the text-less header strip beneath it */
.header-section.has-img .no-img {
  background-color: #111111;
  box-shadow: 0 0 0.3125rem #000000;
}

/* --- Footer --- */

footer {
  border-top: 1px solid #222222;
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

footer .copyright,
footer .theme-by,
footer .footer-custom-content {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* --- Post previews (home/feed page) --- */

.post-preview {
  border-bottom: 1px solid #222222;
}

.post-preview a {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #e0e0e0;
}

/* --- Blog tags --- */

.blog-tags {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.blog-tags span {
  color: #aaaaaa;
  opacity: 1;
}

.blog-tags a {
  color: #aaaaaa;
  opacity: 1;
  border-color: transparent;
}

.blog-tags a:hover {
  color: #ff4d17;
  border-color: #ff4d17;
  opacity: 1;
}

/* Tags page */
.btn-primary.tag-btn {
  background-color: transparent;
  border-color: #ff4d17;
  color: #ff4d17;
}

.btn-primary.tag-btn:hover,
.btn-primary.tag-btn:focus,
.btn-primary.tag-btn:active {
  background-color: #ff4d17;
  border-color: #ff4d17;
  color: #ffffff;
}

#full-tags-list {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#full-tags-list .tag-entry .entry-date {
  color: #666666;
}

/* --- Pagination --- */

.pagination .page-item .page-link {
  background-color: #111111;
  border-color: #333333;
  color: #e0e0e0;
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pagination .page-item .page-link:hover {
  background-color: #ff4d17;
  border-color: #ff4d17;
  color: #ffffff;
}

/* --- Blockquote --- */

blockquote {
  color: #aaaaaa;
  border-left: 3px solid #333333;
}

/* --- Code --- */

code {
  background-color: #1a1a1a;
  color: #ff7d52;
  border-radius: 3px;
}

pre {
  background-color: #111111;
  border: 1px solid #222222;
  color: #e0e0e0;
}

pre code {
  color: #e0e0e0;
  background-color: transparent;
}

/* --- Tables --- */

table {
  color: #e0e0e0;
}

table th {
  background-color: #1a1a1a;
  border-color: #333333 !important;
  color: #ffffff;
}

table td {
  border-color: #222222 !important;
}

table tr:nth-child(odd) td {
  background-color: #111111;
}

table tr:nth-child(even) td {
  background-color: #0d0d0d;
}

/* --- Horizontal rule --- */

hr.small {
  border-color: #ff4d17;
}

/* --- About page icons --- */

.about-icon {
  color: #ff4d17 !important;
}

/* --- Search overlay --- */

#beautifuljekyll-search-overlay {
  background: rgba(10, 10, 10, 0.96);
}

/* --- Social share section --- */

.share-section {
  border-top: 1px solid #222222;
}

/* --- Selection highlight --- */

::-moz-selection {
  background-color: #ff4d17;
}

::selection {
  background-color: #ff4d17;
}