/* ═══════════════════════════════════════════════════════════════
   ProjectMH — Custom overrides (on top of tailwind-compiled.css)
   ═══════════════════════════════════════════════════════════════ */

/* CSS Variables — matches reference site's dark theme */
:root, .dark {
  --background: oklch(12% .005 260);
  --foreground: oklch(93% .005 90);
  --card: oklch(18% .005 260);
  --card-foreground: oklch(93% .005 90);
  --popover: oklch(18% .005 260);
  --popover-foreground: oklch(93% .005 90);
  --primary: oklch(55% .25 360);
  --primary-foreground: oklch(98% 0 0);
  --secondary: oklch(22% .005 260);
  --secondary-foreground: oklch(85% .005 90);
  --muted: oklch(25% .005 260);
  --muted-foreground: oklch(60% .01 260);
  --accent: oklch(72% .08 75);
  --accent-foreground: oklch(12% .005 260);
  --destructive: oklch(57.7% .245 27.325);
  --border: oklch(30% .005 260);
  --input: oklch(25% .005 260);
  --ring: oklch(55% .25 360);
  --radius: 0.625rem;
  --sidebar: oklch(15% .005 260);
  --sidebar-foreground: oklch(93% .005 90);
  --sidebar-primary: oklch(55% .25 360);
  --sidebar-primary-foreground: oklch(98% 0 0);
  --sidebar-accent: oklch(22% .005 260);
  --sidebar-accent-foreground: oklch(93% .005 90);
  --sidebar-border: oklch(30% .005 260);
  --sidebar-ring: oklch(55% .25 360);
}

/* ─── Missing Tailwind arbitrary values (not in compiled CSS) ─── */
.tracking-\[0\.4em\] { letter-spacing: 0.4em; }
.tracking-\[0\.3em\] { letter-spacing: 0.3em; }
.tracking-\[0\.2em\] { letter-spacing: 0.2em; }
.tracking-\[0\.15em\] { letter-spacing: 0.15em; }
.tracking-\[0\.25em\] { letter-spacing: 0.25em; }
.opacity-\[0\.03\] { opacity: 0.03; }
.leading-\[0\.9\] { line-height: 0.9; }
.leading-\[0\.85\] { line-height: 0.85; }
.leading-\[1\.1\] { line-height: 1.1; }
.leading-\[1\.15\] { line-height: 1.15; }
.text-\[8rem\] { font-size: 8rem; }

/* Hover variants for tracking */
.group:hover .group-hover\:tracking-\[0\.3em\] { letter-spacing: 0.3em; }

/* bg-white arbitrary opacities */
.bg-white\/\[0\.03\] { background-color: rgba(255, 255, 255, 0.03); }
.bg-white\/\[0\.06\] { background-color: rgba(255, 255, 255, 0.06); }
.bg-white\/\[0\.02\] { background-color: rgba(255, 255, 255, 0.02); }
.hover\:bg-white\/\[0\.06\]:hover { background-color: rgba(255, 255, 255, 0.06); }
.hover\:bg-white\/\[0\.02\]:hover { background-color: rgba(255, 255, 255, 0.02); }

/* text-white arbitrary opacities */
.text-white\/\[0\.04\] { color: rgba(255, 255, 255, 0.04); }

/* bg arbitrary color */
.bg-\[\#0d0d0d\] { background-color: #0d0d0d; }

/* Missing hover variants */
.hover\:bg-mhgold\/90:hover { background-color: rgba(194, 158, 107, 0.9); }
.hover\:bg-mhpink\/90:hover { background-color: rgba(205, 0, 108, 0.9); }
.hover\:bg-mhsurface\/80:hover { background-color: rgba(16, 18, 20, 0.8); }

/* WP Admin Bar adjustment */
.admin-bar .fixed {
  top: 32px !important;
}
@media (max-width: 782px) {
  .admin-bar .fixed {
    top: 46px !important;
  }
}

/* Form placeholder fix for dark backgrounds */
input::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}

/* Select dropdown arrow */
select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23C29E6B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

/* WordPress pagination styling */
.nav-links {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.nav-links a,
.nav-links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
.nav-links a:hover {
  color: #c29e6b;
  border-color: rgba(194, 158, 107, 0.3);
}
.nav-links .current {
  color: white;
  background: rgba(194, 158, 107, 0.15);
  border-color: rgba(194, 158, 107, 0.3);
}

/* Article body prose styling */
.prose-dark h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
  margin: 2rem 0 1rem;
}
.prose-dark h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.375rem;
  font-weight: 600;
  color: white;
  margin: 1.5rem 0 0.75rem;
}
.prose-dark p {
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}
.prose-dark ul, .prose-dark ol {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}
.prose-dark ul { list-style: disc; }
.prose-dark ol { list-style: decimal; }
.prose-dark li {
  margin-bottom: 0.5rem;
  line-height: 1.7;
}
.prose-dark blockquote {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.25rem;
  font-style: italic;
  border-left: 3px solid #c29e6b;
  padding-left: 1.5rem;
  margin: 2rem 0;
  color: white;
}
.prose-dark img {
  border-radius: 8px;
  margin: 1.5rem 0;
}
.prose-dark a {
  color: #cd006c;
  text-decoration: underline;
}
.prose-dark a:hover {
  color: #c29e6b;
}