/*
Theme Name: AndroidEmulator Theme
Theme URI: https://androidemulator.org/
Description: High-density Technical Instrument Theme for AndroidEmulator.org (Linear x Raycast x PCGamingWiki). Sub-10ms FastCGI microcached, zero legacy bloat, deterministic telemetry HUD.
Author: AE Repo Core Team
Author URI: https://androidemulator.org/
Template: generatepress
Version: 3.3.5
Tested up to: 6.8
Requires at least: 6.4
Requires PHP: 8.2
Text Domain: androidemulator-theme
*/

/* ==========================================================================
   1. GLOBAL RESET & BASE INSTRUMENT RESETS
   ========================================================================== */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  background-color: var(--ae-canvas) !important;
  color: var(--ae-text-1) !important;
  font-family: var(--ae-font-sans) !important;
  font-size: var(--ae-text-base);
  line-height: 1.6;
  letter-spacing: -0.011em;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color var(--ae-transition-fast), color var(--ae-transition-fast);
}

/* ==========================================================================
   2. TYPOGRAPHY & LINKS
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  color: var(--ae-text-1);
  font-weight: 700;
  letter-spacing: -0.025em;
  margin-top: 0;
}

a {
  color: var(--ae-accent);
  text-decoration: none;
  transition: color var(--ae-transition-fast);
}

a:hover {
  color: var(--ae-blue-hover);
}

code, kbd, samp, pre {
  font-family: var(--ae-font-mono) !important;
  font-size: 0.875em;
}

code {
  background: var(--ae-surface-2);
  color: var(--ae-accent);
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid var(--ae-border-subtle);
}

pre {
  background: var(--ae-surface-1);
  border: 1px solid var(--ae-border-subtle);
  border-radius: var(--ae-radius-md);
  padding: var(--ae-space-4);
  overflow-x: auto;
  color: var(--ae-text-1);
  line-height: 1.5;
}

/* ==========================================================================
   3. OVERRIDE GENERATEPRESS LEGACY WRAPPERS & BLOAT
   ========================================================================== */
#page,
.grid-container,
.site-content {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.site-header,
#masthead,
.mobile-header,
.ae-mobile-header {
  display: none !important;
}

/* Hide GeneratePress default navigation since custom header.php provides .ae-nav-wrapper */
.main-navigation:not(.ae-nav-desktop) {
  display: none !important;
}

/* Suppress legacy GeneratePress borders, backgrounds, and margins on containers */
.separate-containers .inside-article,
.one-container .inside-article {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.site-info,
.inside-site-info {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

/* ==========================================================================
   4. BREADCRUMBS & BADGES
   ========================================================================== */
.ae-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--ae-font-mono);
  font-size: var(--ae-text-xs);
  color: var(--ae-text-3);
  margin-bottom: var(--ae-space-4);
  flex-wrap: wrap;
}

.ae-breadcrumbs a {
  color: inherit;
  text-decoration: none;
  transition: color var(--ae-transition-fast);
}

.ae-breadcrumbs a:hover {
  color: var(--ae-text-1);
}

/* ==========================================================================
   5. SELECTION & FOCUS STATES
   ========================================================================== */
::selection {
  background: rgba(15, 98, 254, 0.3);
  color: var(--ae-text-1);
}

:focus-visible {
  outline: 2px solid var(--ae-accent);
  outline-offset: 2px;
}

/* ==========================================================================
   6. PAGINATION (MACOS TECHNICAL INSTRUMENT)
   ========================================================================== */
.ae-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: var(--ae-space-10) auto var(--ae-space-6);
  padding: 0;
  width: 100%;
}

.ae-pagination ul.page-numbers {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.ae-pagination ul.page-numbers li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex;
}

.ae-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: var(--ae-radius-md);
  font-family: var(--ae-font-mono);
  font-size: var(--ae-text-sm);
  font-weight: 600;
  text-decoration: none;
  border: 1px solid var(--ae-border);
  background: var(--ae-surface-1);
  color: var(--ae-text-2);
  box-shadow: var(--ae-shadow-xs);
  transition: all var(--ae-transition-fast);
  user-select: none;
  line-height: 1;
}

.ae-pagination a.page-numbers:hover {
  background: var(--ae-surface-2);
  border-color: var(--ae-border-strong);
  color: var(--ae-text-1);
  transform: translateY(-1px);
  box-shadow: var(--ae-shadow-sm);
}

.ae-pagination a.page-numbers:active {
  transform: translateY(0);
}

.ae-pagination .page-numbers.current {
  background: var(--ae-blue) !important;
  border-color: var(--ae-blue) !important;
  color: #ffffff !important;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(15, 98, 254, 0.35);
  cursor: default;
  pointer-events: none;
}

.ae-pagination .page-numbers.prev,
.ae-pagination .page-numbers.next {
  font-family: var(--ae-font-sans);
  font-size: var(--ae-text-xs);
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 0 18px;
  gap: 6px;
}

.ae-pagination a.page-numbers.prev:hover,
.ae-pagination a.page-numbers.next:hover {
  border-color: var(--ae-blue);
  color: var(--ae-blue);
}

.ae-pagination .page-numbers.dots {
  border: none;
  background: transparent;
  box-shadow: none;
  color: var(--ae-text-3);
  min-width: 28px;
  padding: 0 4px;
  cursor: default;
  letter-spacing: 2px;
}

[data-theme="dark"] .ae-pagination .page-numbers.current,
body.theme-dark .ae-pagination .page-numbers.current {
  background: var(--ae-blue) !important;
  border-color: var(--ae-blue) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.45);
}