/* =============================================================================
   OSINTEAGLE Theme for Automad Halfmoon
   Dark mode only — Space Mono + Inter — Black / #0a0a0a / #111 palette
   ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap');

/* ── 1. Force dark mode always ─────────────────────────────────────────────── */
html, body { color-scheme: dark; }

body {
  background-color: #000 !important;
  color: rgba(255,255,255,0.82) !important;
}

/* ── 2. OSINTEAGLE palette + Halfmoon overrides ─────────────────────────────── */
:root {
  /* Spacing */
  --am-block-max-width:              72rem;
  --am-block-margin-top:             calc(1rem + 1em);
  --am-container-padding:            2rem;
  --am-flex-gap:                     2rem;
  --am-flex-min-block-width:         18rem;
  --container-width:                 100%;
  --container-sm-max-width:          100%;
  --container-md-max-width:          100%;
  --container-lg-max-width:          100%;
  --container-xl-max-width:          120rem;
  --navbar-horizontal-padding:       var(--am-container-padding);
  --navbar-content-horizontal-margin: var(--am-container-padding);
  --navbar-brand-font-size:          1.4rem;
  --navbar-brand-font-weight:        700;
  --sidebar-width:                   26rem;
  --cards-margin:                    1.2rem;
  --base-border-radius:              0.6rem;
  --card-border-radius:              0.8rem;

  /* Palette tokens */
  --oe-bg:     #000000;
  --oe-bg2:    #0a0a0a;
  --oe-bg3:    #111111;
  --oe-bg4:    #161616;
  --oe-b1:     #222222;
  --oe-b2:     #2a2a2a;
  --oe-text:   rgba(255,255,255,0.85);
  --oe-muted:  rgba(255,255,255,0.45);
  --oe-dim:    rgba(255,255,255,0.25);
  --oe-mono:   'Space Mono', monospace;
  --oe-sans:   'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Body */
  --lm-base-body-bg-color:     var(--oe-bg);
  --dm-base-body-bg-color:     var(--oe-bg);
  --lm-base-text-color:        var(--oe-text);
  --dm-base-text-color:        var(--oe-text);
  --lm-base-text-color-light:  var(--oe-muted);
  --dm-base-text-color-light:  var(--oe-muted);
  --lm-muted-text-color:       var(--oe-muted);
  --dm-muted-text-color:       var(--oe-muted);
  --lm-border-color:           var(--oe-b1);
  --dm-border-color:           var(--oe-b1);
  --lm-horizontal-rule-color:  var(--oe-b1);
  --dm-horizontal-rule-color:  var(--oe-b1);

  /* Navbar */
  --lm-navbar-bg-color:                 var(--oe-bg);
  --dm-navbar-bg-color:                 var(--oe-bg);
  --lm-navbar-border-color:             var(--oe-b1);
  --dm-navbar-border-color:             var(--oe-b1);
  --lm-navbar-brand-text-color:         #ffffff;
  --dm-navbar-brand-text-color:         #ffffff;
  --lm-navbar-brand-text-color-hover:   rgba(255,255,255,0.7);
  --dm-navbar-brand-text-color-hover:   rgba(255,255,255,0.7);
  --lm-navbar-link-text-color:          rgba(255,255,255,0.65);
  --dm-navbar-link-text-color:          rgba(255,255,255,0.65);
  --lm-navbar-link-text-color-hover:    #ffffff;
  --dm-navbar-link-text-color-hover:    #ffffff;
  --lm-navbar-link-active-text-color:   #ffffff;
  --dm-navbar-link-active-text-color:   #ffffff;

  /* Sidebar */
  --lm-sidebar-bg-color:                var(--oe-bg2);
  --dm-sidebar-bg-color:                var(--oe-bg2);
  --lm-sidebar-border-color:            var(--oe-b1);
  --dm-sidebar-border-color:            var(--oe-b1);
  --lm-sidebar-link-text-color:         var(--oe-muted);
  --dm-sidebar-link-text-color:         var(--oe-muted);
  --lm-sidebar-link-text-color-hover:   var(--oe-text);
  --dm-sidebar-link-text-color-hover:   var(--oe-text);
  --lm-sidebar-link-text-color-active:  #ffffff;
  --dm-sidebar-link-text-color-active:  #ffffff;
  --lm-sidebar-title-text-color:        var(--oe-dim);
  --dm-sidebar-title-text-color:        var(--oe-dim);
  --lm-sidebar-divider-bg-color:        var(--oe-b1);
  --dm-sidebar-divider-bg-color:        var(--oe-b1);

  /* Cards */
  --lm-card-bg-color:    var(--oe-bg2);
  --dm-card-bg-color:    var(--oe-bg2);
  --lm-card-border-color: var(--oe-b1);
  --dm-card-border-color: var(--oe-b1);
  --lm-card-text-color:  var(--oe-text);
  --dm-card-text-color:  var(--oe-text);

  /* Primary → white */
  --primary-color:               #ffffff;
  --primary-color-light:         rgba(255,255,255,0.7);
  --primary-color-dark:          rgba(255,255,255,0.4);
  --primary-box-shadow-color:    rgba(255,255,255,0.15);
  --primary-box-shadow-color-darker: rgba(255,255,255,0.25);
  --text-color-on-primary-color-bg: #000000;

  /* Buttons */
  --lm-button-bg-color:          var(--oe-bg3);
  --dm-button-bg-color:          var(--oe-bg3);
  --lm-button-border-color:      var(--oe-b2);
  --dm-button-border-color:      var(--oe-b2);
  --lm-button-text-color:        var(--oe-text);
  --dm-button-text-color:        var(--oe-text);
  --lm-button-bg-color-hover:    var(--oe-bg4);
  --dm-button-bg-color-hover:    var(--oe-bg4);

  /* Inputs */
  --lm-input-bg-color:           var(--oe-bg3);
  --dm-input-bg-color:           var(--oe-bg3);
  --lm-input-text-color:         var(--oe-text);
  --dm-input-text-color:         var(--oe-text);
  --lm-input-border-color:       var(--oe-b2);
  --dm-input-border-color:       var(--oe-b2);
  --lm-input-placeholder-text-color: var(--oe-dim);
  --dm-input-placeholder-text-color: var(--oe-dim);

  /* Dropdowns */
  --lm-dropdown-menu-bg-color:   var(--oe-bg3);
  --dm-dropdown-menu-bg-color:   var(--oe-bg3);
  --lm-dropdown-menu-border-color: var(--oe-b2);
  --dm-dropdown-menu-border-color: var(--oe-b2);
  --lm-dropdown-item-text-color: var(--oe-text);
  --dm-dropdown-item-text-color: var(--oe-text);
  --lm-dropdown-item-bg-color-hover: var(--oe-bg4);
  --dm-dropdown-item-bg-color-hover: var(--oe-bg4);

  /* Pagination */
  --lm-pagination-item-bg-color:   var(--oe-bg3);
  --dm-pagination-item-bg-color:   var(--oe-bg3);
  --lm-pagination-item-border-color: var(--oe-b1);
  --dm-pagination-item-border-color: var(--oe-b1);
  --lm-pagination-item-text-color: var(--oe-muted);
  --dm-pagination-item-text-color: var(--oe-muted);

  /* Code */
  --lm-code-bg-color:            var(--oe-bg4);
  --dm-code-bg-color:            var(--oe-bg4);
  --lm-code-text-color:          rgba(255,255,255,0.75);
  --dm-code-text-color:          rgba(255,255,255,0.75);
  --lm-code-border-color:        var(--oe-b1);
  --dm-code-border-color:        var(--oe-b1);
}

/* ── 3. Typography ───────────────────────────────────────────────────────────── */
html, body { font-family: var(--oe-sans); -webkit-font-smoothing: antialiased; }

h1,h2,h3,h4,h5,h6,
.navbar-brand, .sidebar-title, .content-title, .card-title {
  font-family: var(--oe-mono) !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}
h1 { font-size: 3.2rem; line-height: 1.2; }
h2 { font-size: 2.6rem; line-height: 1.25; }
h3 { font-size: 2.2rem; line-height: 1.3; }
h4 { font-size: 1.8rem; }

code, kbd, pre, .text-monospace { font-family: var(--oe-mono) !important; }

/* ── 4. Force dark everywhere (override light-mode selectors) ───────────────── */
body, body:not(.dark-mode) {
  background-color: var(--oe-bg) !important;
  color: var(--oe-text) !important;
}
.navbar  { background-color: var(--oe-bg)  !important; border-bottom: 1px solid var(--oe-b1) !important; box-shadow: none !important; }
.sidebar { background-color: var(--oe-bg2) !important; border-right: 1px solid var(--oe-b1) !important; box-shadow: none !important; }
.content-wrapper { background-color: var(--oe-bg) !important; }
.card    { background-color: var(--oe-bg2) !important; border: 1px solid var(--oe-b1) !important; color: var(--oe-text) !important; box-shadow: none !important; }
.alert   { background-color: var(--oe-bg2) !important; border: 1px solid var(--oe-b1) !important; color: var(--oe-text) !important; }
.btn     { background-color: var(--oe-bg3) !important; border: 1px solid var(--oe-b2) !important; color: rgba(255,255,255,0.7) !important; }
.form-control { background-color: var(--oe-bg3) !important; border: 1px solid var(--oe-b2) !important; color: var(--oe-text) !important; }
.dropdown-menu { background-color: var(--oe-bg2) !important; border: 1px solid var(--oe-b1) !important; }
.page-link  { background-color: var(--oe-bg2) !important; border: 1px solid var(--oe-b1) !important; color: var(--oe-muted) !important; }
a { color: rgba(255,255,255,0.7) !important; }
a:hover { color: #fff !important; }
hr { border-color: var(--oe-b1) !important; background-color: var(--oe-b1) !important; }

/* ── 5. Navbar ───────────────────────────────────────────────────────────────── */
.navbar-brand {
  font-family: var(--oe-mono) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  color: #fff !important;
}
.navbar-brand:hover { color: rgba(255,255,255,0.7) !important; }

.nav-link {
  font-family: var(--oe-mono) !important;
  font-size: 1.1rem !important;
  color: rgba(255,255,255,0.65) !important;
  letter-spacing: 0.03em;
  transition: color 0.15s;
}
.nav-link:hover, .nav-item.active > .nav-link { color: #fff !important; text-decoration: none; }

/* Hide dark mode toggle since we force dark */
.navbar-nav:last-child .nav-link[onclick*="toggleDarkMode"] { display: none !important; }

/* ── 6. Sidebar ──────────────────────────────────────────────────────────────── */
.sidebar-title {
  font-family: var(--oe-mono) !important;
  font-size: 0.9rem !important;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--oe-dim) !important;
  margin: 1.5rem 2.5rem 0.8rem !important;
  padding: 0;
}

.sidebar-link {
  font-family: var(--oe-mono) !important;
  font-size: 1.15rem !important;
  color: var(--oe-muted) !important;
  padding: 0.5rem 2.5rem !important;
  border-radius: 0 !important;
  border-left: 2px solid transparent !important;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}
.sidebar-link:hover {
  color: var(--oe-text) !important;
  background-color: rgba(255,255,255,0.03) !important;
  border-left-color: rgba(255,255,255,0.15) !important;
  text-decoration: none;
}
.sidebar-link.active {
  color: #fff !important;
  background-color: rgba(255,255,255,0.05) !important;
  border-left-color: #fff !important;
}
.sidebar-divider { background-color: var(--oe-b1) !important; margin: 0.8rem 2rem !important; }

/* ── 7. Cards ────────────────────────────────────────────────────────────────── */
.card { border-radius: 10px !important; transition: border-color 0.2s; }
.card:hover { border-color: var(--oe-b2) !important; }
.card-title { font-family: var(--oe-mono) !important; font-size: 1.5rem !important; font-weight: 700 !important; color: #fff !important; }
.card-teaser { background-color: var(--oe-bg3) !important; border-radius: 10px 10px 0 0 !important; }
.card-teaser svg { color: rgba(255,255,255,0.05) !important; }

/* ── 8. Tags ─────────────────────────────────────────────────────────────────── */
.tags, .tags a, .tag {
  display: inline-block;
  padding: 0.3rem 1rem;
  background-color: var(--oe-bg3) !important;
  border: 1px solid var(--oe-b1) !important;
  color: var(--oe-muted) !important;
  border-radius: 4px !important;
  font-family: var(--oe-mono) !important;
  font-size: 1rem !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: all 0.15s;
  cursor: pointer;
  text-decoration: none !important;
}
.tags a:hover, .tag:hover {
  background-color: var(--oe-bg4) !important;
  border-color: rgba(255,255,255,0.2) !important;
  color: #fff !important;
  text-decoration: none !important;
}
.tag-active {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}

/* ── 9. Pagination ───────────────────────────────────────────────────────────── */
.page-link {
  font-family: var(--oe-mono) !important;
  font-size: 1.1rem !important;
  border-radius: 4px !important;
  transition: all 0.15s;
}
.page-link:hover { background-color: var(--oe-bg3) !important; border-color: var(--oe-b2) !important; color: #fff !important; }
.page-item.active .page-link { background-color: #fff !important; border-color: #fff !important; color: #000 !important; }

/* ── 10. Buttons ─────────────────────────────────────────────────────────────── */
.btn {
  font-family: var(--oe-mono) !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.04em;
  border-radius: 6px !important;
  transition: all 0.15s;
}
.btn:hover { background-color: var(--oe-bg4) !important; border-color: rgba(255,255,255,0.2) !important; color: #fff !important; text-decoration: none; }
.btn-primary { background-color: #fff !important; border-color: #fff !important; color: #000 !important; }
.btn-primary:hover { background-color: rgba(255,255,255,0.85) !important; color: #000 !important; }

/* ── 11. Form controls ───────────────────────────────────────────────────────── */
.form-control {
  font-family: var(--oe-mono) !important;
  font-size: 1.2rem !important;
  border-radius: 6px !important;
  transition: border-color 0.15s;
}
.form-control:focus { border-color: rgba(255,255,255,0.3) !important; box-shadow: none !important; }
.form-control::placeholder { color: var(--oe-dim) !important; }
[name="search"] { background-color: var(--oe-bg3) !important; color: #fff !important; }

/* ── 12. Code ────────────────────────────────────────────────────────────────── */
code, .code {
  font-family: var(--oe-mono) !important;
  background-color: var(--oe-bg3) !important;
  border: 1px solid var(--oe-b1) !important;
  color: rgba(255,255,255,0.75) !important;
  border-radius: 4px;
}
pre {
  background-color: var(--oe-bg2) !important;
  border: 1px solid var(--oe-b1) !important;
  border-radius: 8px;
  padding: 1.6rem !important;
}
pre code { background: transparent !important; border: none !important; padding: 0 !important; }

/* ── 13. Dropdowns ───────────────────────────────────────────────────────────── */
.dropdown-menu { border-radius: 8px !important; box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important; }
.dropdown-item { font-family: var(--oe-mono) !important; font-size: 1.1rem !important; color: var(--oe-muted) !important; border-radius: 4px; }
.dropdown-item:hover { background-color: rgba(255,255,255,0.05) !important; color: #fff !important; }
.dropdown-divider { background-color: var(--oe-b1) !important; }

/* ── 14. Table ───────────────────────────────────────────────────────────────── */
.table { color: var(--oe-text) !important; }
.table thead tr { border-bottom: 1px solid var(--oe-b2) !important; }
.table tbody tr:not(:last-child) { border-bottom: 1px solid var(--oe-b1) !important; }

/* ── 15. Alerts ──────────────────────────────────────────────────────────────── */
.alert { border-radius: 8px !important; }

/* ── 16. Post meta (date, tags) ──────────────────────────────────────────────── */
.am-block small, .am-block time {
  color: var(--oe-muted) !important;
  font-family: var(--oe-mono) !important;
  font-size: 1rem !important;
  letter-spacing: 0.06em;
}

/* ── 17. Blockquote ──────────────────────────────────────────────────────────── */
blockquote { border-left: 3px solid var(--oe-b2) !important; color: var(--oe-muted) !important; font-style: italic; }

/* ── 18. Scrollbar ───────────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--oe-bg2); }
::-webkit-scrollbar-thumb { background: var(--oe-b2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #333; }
* { scrollbar-width: thin; scrollbar-color: var(--oe-b2) var(--oe-bg2); }

/* ── 19. Container & cards grid ──────────────────────────────────────────────── */
.container { box-sizing: border-box; padding-left: var(--am-container-padding); padding-right: var(--am-container-padding); }
.cards { margin-top: var(--am-block-margin-top); }
.cards .row { margin: calc(-1 * var(--cards-margin)); }
.cards .card, .cards .alert { box-sizing: border-box; margin: var(--cards-margin); max-width: calc(100% - (2 * var(--cards-margin))); }

/* ── 20. AM inpage editor ────────────────────────────────────────────────────── */
.am-inpage-edit-button { font-size: 1.1rem !important; line-height: 2.6rem !important; padding: 0 1rem !important; }
.am-inpage-menu-button { font-size: 1.8rem; line-height: 4.3rem; height: 4.5rem; min-width: 4.7rem; }
.am-logo { width: 1.9rem !important; height: 2.2rem !important; }
.am-inpage-menu-button[href^="/"] { color: #181818 !important; }

/* ── 21. Misc ────────────────────────────────────────────────────────────────── */
img { max-width: 100%; }
.am-paragraph-large { font-size: 135%; }
#filters { padding-top: 0.5rem; }

.text-highlight-gradient {
  font-family: var(--oe-mono) !important;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.9), rgba(255,255,255,0.4));
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.comments-info {
  font-family: var(--oe-mono) !important;
  font-size: 1rem !important;
  color: var(--oe-muted) !important;
  padding: 0.6rem 1.2rem 0.8rem;
}

/* ── 22. Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  :root { --am-container-padding: 1.2rem; }
  h1 { font-size: 2.4rem; }
  h2 { font-size: 2rem; }
}