/**
 * AXCOS — Tebex özel tema
 *
 * Prensip: Ne düz siyah, ne yeşil duvar. Sıcak koyu (“soft charcoal”),
 * #003000 çok hafif atmosfer, #008000 sadece etkileşim ve fiyat. Göz yormayan
 * kontrast, sakin hiyerarşi, yumuşak geçişler.
 *
 * Tebex: Appearance → Create Custom Theme → tüm dosyayı yapıştır.
 * --------------------------------------------------------------------------- */

:root {
  --axcos-font-sans: "Inter", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
  --axcos-font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;

  /* Marka referans (Twig/şemada aynı hex’e bağlanabilir) */
  --axcos-brand-darkest: #003000;
  --axcos-brand: #008000;

  /* Zemin: hafif sıcak çinko/charcoal; tek renk düz siyah değil */
  --axcos-bg: #0e0f0d;
  --axcos-bg-elevated: #131512;
  --axcos-surface: #1a1c19;
  --axcos-surface-elevated: #1f211e;

  /* Işık + derin #003000: atmosfer, baskısız (çok düşük opaklık) */
  --axcos-ambient-top: rgba(240, 245, 240, 0.05);
  --axcos-ambient-bottom: rgba(0, 48, 0, 0.16);

  --axcos-border: rgba(255, 255, 255, 0.06);
  --axcos-border-focus: rgba(0, 128, 0, 0.35);
  --axcos-border-strong: rgba(255, 255, 255, 0.1);

  /* Metin: tam beyaz değil; sakin; ikincil hafif ot yesili-gri */
  --axcos-text: #e9e8e4;
  --axcos-text-secondary: #b4b6b1;
  --axcos-text-muted: #8a8f88;

  /* Eylem rengi: #008000 temelli, ekran için bir kademe sakinleştirilmiş */
  --axcos-link: #0a8f0a;
  --axcos-link-hover: #12a412;
  --axcos-primary: #0b800b;
  --axcos-primary-bright: #0e950e;
  --axcos-primary-dim: rgba(0, 120, 0, 0.16);
  --axcos-primary-hover: #0a5f0a;
  --axcos-bracket: #2d5c2d;
  --axcos-radius: 14px;
  --axcos-radius-sm: 10px;
  --axcos-radius-pill: 999px;

  --axcos-shadow: 0 12px 40px -8px rgba(0, 0, 0, 0.45);
  --axcos-shadow-gold: 0 0 0 1px var(--axcos-border), 0 16px 48px -10px rgba(0, 0, 0, 0.5);
  --axcos-focus-ring: 0 0 0 2px var(--axcos-bg), 0 0 0 4px rgba(0, 128, 0, 0.28);
  --axcos-header-h: 4rem;
  --axcos-on-primary: #f6faf6;
  --axcos-tap: 0.2s ease;
}

/* === Global =============================================================== */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body {
  font-family: var(--axcos-font-sans);
  color: var(--axcos-text);
  background-color: var(--axcos-bg);
  /* Üst: hafif sis; alt: #003000 ile çok hafif sıcaklık — yeşil duvar değil */
  background-image: radial-gradient(ellipse 90% 50% at 50% -15%, var(--axcos-ambient-top), transparent 52%),
    radial-gradient(100% 42% at 50% 100%, var(--axcos-ambient-bottom), transparent 55%),
    linear-gradient(180deg, #0e0f0d 0%, #0b100b 100%);
  line-height: 1.6;
  font-size: 0.9375rem;
  letter-spacing: 0.01em;
}

::selection {
  background: rgba(0, 128, 0, 0.28);
  color: var(--axcos-text);
}

a {
  color: var(--axcos-link);
  text-decoration: none;
  text-underline-offset: 2px;
  transition: color var(--axcos-tap), box-shadow var(--axcos-tap);
}

a:hover {
  color: var(--axcos-link-hover);
}

a:focus-visible {
  outline: none;
  box-shadow: var(--axcos-focus-ring);
  border-radius: var(--axcos-radius-sm);
}

h1, h2, h3, h4 {
  color: var(--axcos-text);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

p, li, td, th, label, span.description {
  color: var(--axcos-text-muted);
}

ul, ol {
  padding-left: 1.25rem;
}

code, kbd {
  font-family: var(--axcos-font-mono);
  font-size: 0.86em;
  background: var(--axcos-surface-elevated);
  padding: 0.2em 0.45em;
  border-radius: 6px;
  border: 1px solid var(--axcos-border);
  color: var(--axcos-link);
}

hr {
  border: none;
  border-top: 1px solid var(--axcos-border);
  margin: 1.5rem 0;
  opacity: 0.9;
}

input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select,
textarea {
  font-family: inherit;
  color: var(--axcos-text);
  background: var(--axcos-surface);
  border: 1px solid var(--axcos-border);
  border-radius: var(--axcos-radius-sm);
  padding: 0.6rem 0.8rem;
  transition: border-color var(--axcos-tap), box-shadow var(--axcos-tap);
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--axcos-border-focus);
  box-shadow: 0 0 0 1px var(--axcos-primary-dim);
}

input[type="submit"],
button,
.btn,
.btn-primary,
a.btn,
a.button,
[role="button"] {
  font-family: inherit;
  font-weight: 600;
  border-radius: var(--axcos-radius-sm);
  transition: background var(--axcos-tap), color var(--axcos-tap), box-shadow var(--axcos-tap);
}

input[type="submit"],
.btn-primary,
a.btn-primary,
button.btn-primary {
  background: linear-gradient(180deg, var(--axcos-primary-bright) 0%, var(--axcos-primary) 100%);
  color: var(--axcos-on-primary) !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.55rem 1.15rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 8px 20px -6px rgba(0, 60, 0, 0.25);
}

input[type="submit"]:hover,
.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover {
  background: linear-gradient(180deg, #11a011 0%, var(--axcos-primary-hover) 100%);
  color: var(--axcos-on-primary) !important;
}

input[type="submit"]:active,
.btn-primary:active,
a.btn-primary:active,
button.btn-primary:active {
  transform: translateY(0.5px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.btn-default,
.btn-secondary,
.btn-outline {
  background: transparent;
  color: var(--axcos-text) !important;
  border: 1px solid var(--axcos-border-strong);
  transition: background var(--axcos-tap), border-color var(--axcos-tap);
}

.btn-default:hover, .btn-secondary:hover, .btn-outline:hover {
  background: var(--axcos-surface-elevated);
  color: var(--axcos-text) !important;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  border-bottom: 1px solid var(--axcos-border);
  padding: 0.65rem 0.5rem;
  text-align: left;
}

.site,
#site,
[role="main"],
main {
  min-height: 40vh;
}

.price,
span.price,
.package .price,
[class*="package"] [class*="price"] {
  color: var(--axcos-link) !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

img {
  max-width: 100%;
  height: auto;
}

/* Bölüm başlığı: yeşil parantez sakin, dikkat dağıtmaz */
.axcos-section-title {
  font-family: var(--axcos-font-mono);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--axcos-text-secondary);
  margin: 0 0 1.5rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid var(--axcos-border);
}
.axcos-section-title::before { content: "[ "; color: var(--axcos-bracket); }
.axcos-section-title::after { content: " ]"; color: var(--axcos-bracket); }

.axcos-pill {
  display: inline-block;
  font-size: 0.64rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.22em 0.55em;
  border-radius: var(--axcos-radius-pill);
  background: #1c201c;
  border: 1px solid var(--axcos-border);
  color: var(--axcos-text-secondary);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Tebex DOM ince ayar: canlı sitede Inspect ile ek */