@import url("../../../../WM_tema/ModernTW/assets/fonts/fonts.css");
/* wmcpv3 ModernTW tasarim sistemi — 4 renk varyanti (CSS custom properties).
   body sinifi ile degisir: tema-altin (varsayilan) | tema-kirmizi | tema-mavi | tema-yesil
   Tailwind renkleri bu degiskenlerden okur (tailwind.config.js). */

:root, .tema-altin {
  --wm-bg: #0d1117;
  --wm-panel: #161b26;
  --wm-panel-2: #1e2634;
  --wm-line: #2b3444;
  --wm-text: #e8edf5;
  --wm-muted: #9aa7bd;
  --wm-vurgu: #d4a24c;      /* altin */
  --wm-vurgu-2: #b4842f;
  --wm-vurgu-ink: #1a1205;  /* vurgu uzerine metin */
  --wm-vurgu-yumusak: rgba(212,162,76,0.14);
  --wm-basari: #3fb950;
  --wm-hata: #f0533f;
  --wm-uyari: #e3a008;
}
.tema-kirmizi {
  --wm-vurgu: #e0453a;
  --wm-vurgu-2: #b62f26;
  --wm-vurgu-ink: #2a0705;
  --wm-vurgu-yumusak: rgba(224,69,58,0.14);
}
.tema-mavi {
  --wm-vurgu: #3d8bfd;
  --wm-vurgu-2: #2f6ecc;
  --wm-vurgu-ink: #04122a;
  --wm-vurgu-yumusak: rgba(61,139,253,0.14);
}
.tema-yesil {
  --wm-vurgu: #35b96a;
  --wm-vurgu-2: #2a9455;
  --wm-vurgu-ink: #04210f;
  --wm-vurgu-yumusak: rgba(53,185,106,0.14);
}

/* On-scroll reveal (Alpine + IntersectionObserver ile tetiklenir) */
[data-reveal] { opacity: 0; transform: translateY(16px); transition: opacity .5s ease, transform .5s ease; }
[data-reveal].gorundu { opacity: 1; transform: none; }

/* Ince kaydirma cubugu */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--wm-bg); }
::-webkit-scrollbar-thumb { background: var(--wm-line); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: var(--wm-vurgu-2); }

/* ===== Metin2 klasik gorunum katmani (AnkSOFT, 2026) — market/destek ortak =====
   Yazi tipleri ve ozgun SVG'ler ModernTW tema klasorunden (ayni paket, harici CDN yok). */
:root:root, body.tema-altin {
  --wm-bg: #09070c; --wm-panel: #16101a; --wm-panel-2: #201722; --wm-line: #3d2b1d;
  --wm-text: #ecdfc6; --wm-muted: #ad9c7f; --wm-vurgu: #ddb055; --wm-vurgu-2: #a4712a; --wm-vurgu-ink: #241405;
  --wm-vurgu-yumusak: rgba(221,176,85,.14);
  --m2-serit: #5e1219; --m2-serit-koyu: #2a070c;
}
body.tema-kirmizi { --m2-serit:#7a1414; --m2-serit-koyu:#300505; }
body.tema-mavi    { --m2-serit:#132f57; --m2-serit-koyu:#06111f; }
body.tema-yesil   { --m2-serit:#12473a; --m2-serit-koyu:#051a14; }
body.bg-bg {
  background-color: #09070c !important;
  background-image:
    url("../../../../WM_tema/ModernTW/assets/img/m2/sahne.svg"),
    url("../../../../WM_tema/ModernTW/assets/img/m2/bulut.svg"),
    radial-gradient(70% 40% at 50% 100%, rgba(150,62,48,.28), transparent 72%),
    linear-gradient(180deg, #08060c 0%, #140c20 55%, #22101e 100%) !important;
  background-repeat: no-repeat, repeat, no-repeat, no-repeat;
  background-position: center bottom, 0 0, 0 0, 0 0;
  background-size: max(100%, 1100px) auto, auto, auto, auto;
  background-attachment: fixed;
  font-family: 'Alegreya Sans', 'Segoe UI', system-ui, sans-serif;
}
.font-sans { font-family: 'Alegreya Sans', 'Segoe UI', system-ui, sans-serif !important; }
.font-baslik { font-family: 'Cinzel', Georgia, serif !important; letter-spacing: .03em; text-shadow: 0 1px 0 rgba(0,0,0,.6); }
body .text-sm { font-size: 15px; }
h1.font-baslik { text-transform: uppercase; letter-spacing: .07em;
  background: linear-gradient(180deg, #fff3cf 0%, #f0cf7f 40%, #c08a3a 75%, #e9c46f 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent !important; filter: drop-shadow(0 2px 0 rgba(0,0,0,.85)); text-shadow: none; }
@media (max-width: 640px) { body.bg-bg { background-position: 84% bottom, 0 0, 0 0, 0 0; background-size: auto 46vh, auto, auto, auto; } }
/* paneller */
:is(div, section, article, a).bg-panel.border:not(.absolute):not(.fixed):not(.sticky):not(.border-dashed):is(.rounded-xl, .rounded-2xl, .rounded-3xl) {
  position: relative;
  border-radius: 4px !important; border: 1px solid #3a2718 !important;
  background-color: #150f18 !important;
  background-image: url("../../../../WM_tema/ModernTW/assets/img/m2/doku.svg"), radial-gradient(130% 70% at 50% 0%, rgba(94,18,25,.24), transparent 62%), linear-gradient(180deg, #1b131d 0%, #110b13 100%) !important;
  box-shadow: 0 0 0 1px #040205, 0 16px 34px -14px rgba(0,0,0,.9), inset 0 0 36px rgba(0,0,0,.5) !important;
}
:is(div, section, article, a).bg-panel.border:not(.absolute):not(.fixed):not(.sticky):not(.border-dashed):is(.rounded-xl, .rounded-2xl, .rounded-3xl)::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 4;
  border: 22px solid transparent; border-image: url("../../../../WM_tema/ModernTW/assets/img/m2/cerceve.svg") 32 / 22px stretch;
}
.bg-panel.border-dashed { border-radius: 4px !important; border-color: #5a3c1c !important; background: rgba(20,13,20,.85) !important; }
header.sticky.bg-panel\/95, header.sticky { background: linear-gradient(180deg, #1c1016 0%, #110a0f 100%) !important; border-bottom: 1px solid #6b4519 !important; box-shadow: 0 10px 24px -10px rgba(0,0,0,.9); }
/* dugmeler */
.bg-vurgu-gradyan {
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--wm-vurgu) 40%, #fff6d0) 0%, var(--wm-vurgu) 38%, var(--wm-vurgu-2) 64%, color-mix(in srgb, var(--wm-vurgu-2) 70%, #000) 100%) !important;
  color: var(--wm-vurgu-ink) !important;
}
a.bg-vurgu-gradyan, button.bg-vurgu-gradyan {
  border: 1px solid color-mix(in srgb, var(--wm-vurgu-2) 55%, #000) !important;
  box-shadow: inset 0 1px 0 rgba(255,248,215,.75), inset 0 -2px 0 rgba(50,25,4,.45), 0 0 0 1px rgba(0,0,0,.55), 0 8px 18px -8px rgba(221,176,85,.55) !important;
  font-family: 'Cinzel', Georgia, serif; font-weight: 800 !important; letter-spacing: .08em; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255,240,200,.45);
}
a.bg-vurgu-gradyan:not(.rounded-full), button.bg-vurgu-gradyan:not(.rounded-full) { border-radius: 3px !important; }
a.bg-vurgu-gradyan:hover, button.bg-vurgu-gradyan:hover { filter: brightness(1.1); }
div.bg-vurgu-gradyan.rounded-2xl { border-radius: 4px !important; box-shadow: inset 0 1px 0 rgba(255,248,215,.7), 0 0 0 1px #3a2510, 0 8px 18px -6px rgba(221,176,85,.5); font-family: 'Cinzel Decorative', 'Cinzel', serif !important; }
a.border.border-cizgi:not(.bg-vurgu-gradyan), button.border.border-cizgi:not(.bg-vurgu-gradyan) {
  border-color: #5a3c1c !important; background-image: linear-gradient(180deg, #2a1d22 0%, #160f14 100%); color: #ead9b4;
}
a.border.border-cizgi:not(.bg-vurgu-gradyan):not(.rounded-full), button.border.border-cizgi:not(.bg-vurgu-gradyan):not(.rounded-full) { border-radius: 3px !important; }
a.border.border-cizgi:hover, button.border.border-cizgi:hover { border-color: var(--wm-vurgu) !important; }
/* formlar */
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]), textarea {
  background: linear-gradient(180deg, #0b080d 0%, #141017 100%) !important; border: 1px solid #4a3420 !important; border-radius: 2px !important;
  color: var(--wm-text) !important; box-shadow: inset 0 2px 7px rgba(0,0,0,.8) !important; font-size: 15.5px !important;
}
select { background-color: #110c13 !important; border: 1px solid #4a3420 !important; border-radius: 2px !important; box-shadow: inset 0 2px 7px rgba(0,0,0,.8) !important; }
input:focus, textarea:focus, select:focus { border-color: var(--wm-vurgu) !important; box-shadow: inset 0 2px 7px rgba(0,0,0,.8), 0 0 0 2px rgba(221,176,85,.22) !important; }
input::placeholder, textarea::placeholder { color: #7f705a !important; }
label.text-xs { font-family: 'Cinzel', Georgia, serif; letter-spacing: .08em; text-transform: uppercase; color: #cdb98f !important; }
table thead tr { background: linear-gradient(180deg, var(--m2-serit), var(--m2-serit-koyu)) !important; }
table thead th { color: #f6dc8f !important; text-transform: uppercase; letter-spacing: .08em; font-family: 'Cinzel', Georgia, serif; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #6b4519, #3a2510); border-radius: 0; }