/* ====================================================================
   ozellik.css — mm2.money site ozellikleri (2026-10-14), assets/js/ozellik.js
   Tema anahtari · Bonus kodu · Daha fazla yukle.
   Karemsi koseler, hover yok, iptal/hata icin kirmizi yok (amber). Koyu: var(--kd-*, acik) bicimi.
   ==================================================================== */

/* ---------------------------------------------- 2 · tema anahtari (karemsi) */
.ta { --tw:58px; --th:32px; --tk:24px; position:relative; flex:0 0 auto; width:var(--tw); height:var(--th); padding:0; border:0; border-radius:10px; overflow:hidden; isolation:isolate; cursor:pointer;
  background:none; box-shadow:inset 0 2px 5px rgba(0,0,0,.18), inset 0 0 0 1px rgba(15,42,86,.08); -webkit-tap-highlight-color:transparent; }
/* gokyuzu ve gece AYRI katman, ikisi de koseyi kendisi yuvarlar; gece gelirken gokyuzu soner.
   Eskiden gece katmani acik zeminin USTUNE biniyordu -> yuvarlak kosede acik renk sizip beyazimsi cikinti yapiyordu (2026-10-14) */
.ta::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:linear-gradient(180deg,#7DD3FC,#38BDF8); transition:opacity .5s ease; }
.ta.gece::before { opacity:0; }
.ta:focus-visible { outline:2px solid var(--mavi, #2563EB); outline-offset:3px; }
.ta:active { box-shadow:inset 0 3px 7px rgba(0,0,0,.28); }
.ta-gece { position:absolute; inset:0; z-index:-1; border-radius:inherit; background:linear-gradient(180deg,#1E1B4B,#3730A3); opacity:0; transition:opacity .5s ease; }
.ta.gece .ta-gece { opacity:1; }
.ta-bulut { position:absolute; right:5px; bottom:4px; width:24px; height:12px; transition:transform .5s cubic-bezier(.3,1.3,.5,1), opacity .3s; }
.ta-bulut i { position:absolute; bottom:0; border-radius:6px; background:#fff; }
.ta-bulut i:first-child { left:0; width:18px; height:7px; }
.ta-bulut i:last-child { left:6px; bottom:2px; width:11px; height:10px; }
.ta.gece .ta-bulut { transform:translateY(18px); opacity:0; }
.ta-yildiz i { position:absolute; width:3px; height:3px; border-radius:1px; background:#fff; opacity:0; transform:scale(0); transition:opacity .3s, transform .4s cubic-bezier(.3,1.8,.5,1); }
.ta-yildiz i:nth-child(1) { left:8px; top:7px; }
.ta-yildiz i:nth-child(2) { left:17px; top:17px; width:2px; height:2px; }
.ta-yildiz i:nth-child(3) { left:24px; top:6px; width:2px; height:2px; }
.ta-yildiz i:nth-child(4) { left:11px; top:23px; }
.ta.gece .ta-yildiz i { opacity:1; transform:none; animation:taPir 2s ease-in-out infinite; }
.ta.gece .ta-yildiz i:nth-child(1) { transition-delay:.18s; }
.ta.gece .ta-yildiz i:nth-child(2) { transition-delay:.26s; animation-delay:.6s; }
.ta.gece .ta-yildiz i:nth-child(3) { transition-delay:.32s; animation-delay:1.1s; }
.ta.gece .ta-yildiz i:nth-child(4) { transition-delay:.38s; animation-delay:.3s; }
@keyframes taPir { 50% { opacity:.35; } }
.ta-dugme { position:absolute; top:4px; left:4px; width:var(--tk); height:var(--tk); transition:transform .56s cubic-bezier(.35,1.45,.5,1); }
.ta.gece .ta-dugme { transform:translateX(calc(var(--tw) - var(--tk) - 8px)); }
.ta-govde { display:block; width:100%; height:100%; }
.ta-govde.ez { animation:taEz .52s ease; }
@keyframes taEz { 35% { transform:scaleX(1.22) scaleY(.86); } 70% { transform:scaleX(.95) scaleY(1.04); } }
.ta-govde svg { width:100%; height:100%; overflow:visible; filter:drop-shadow(0 0 3px rgba(251,191,36,.75)); transition:filter .5s; }
.ta.gece .ta-govde svg { filter:drop-shadow(0 0 4px rgba(226,232,240,.5)); }
/* parlama SVG'nin tamaminda: maskeli daireye filter verince ayin etrafinda soluk bir kare cikiyordu */
.ta-gok { fill:#FBBF24; transform-box:fill-box; transform-origin:center; transition:fill .5s, transform .56s cubic-bezier(.3,1.3,.5,1); }
.ta.gece .ta-gok { fill:#E5E7EB; transform:scale(1.32) rotate(-20deg); }
.ta-isirik { transform:translate(13px,-13px); transition:transform .56s cubic-bezier(.3,1.3,.5,1); }
.ta.gece .ta-isirik { transform:none; }
.ta-isin { stroke:#FDE68A; stroke-width:2.4; stroke-linecap:round; transform-box:view-box; transform-origin:16px 16px; transition:transform .52s cubic-bezier(.3,1.3,.5,1), opacity .26s; }
.ta.gece .ta-isin { transform:rotate(100deg) scale(.4); opacity:0; }
.ta-krater { fill:#CBD5E1; opacity:0; transition:opacity .26s; }
.ta.gece .ta-krater { opacity:1; transition-delay:.26s; }
/* baslikta (girissiz): dugmelerle ayni yukseklik */
.ta-bas { --tw:66px; --th:42px; --tk:32px; border-radius:11px; }
.ta-bas .ta-dugme { top:5px; left:5px; }
.ta-bas.gece .ta-dugme { transform:translateX(calc(var(--tw) - var(--tk) - 10px)); }
.ta-bas .ta-bulut { right:7px; bottom:7px; }
@media (max-width:560px) { .ta-bas { --tw:54px; --th:36px; --tk:26px; } }
@media (prefers-reduced-motion: reduce) { .ta *, .ta { transition:none !important; animation:none !important; } }

/* ---------------------------------------------- 4 · bonus kodu (sepet alti) */
.bk { margin:6px 0 8px; }
.bk-sar { display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s cubic-bezier(.3,1.1,.5,1); }
.bk-sar > div { overflow:hidden; min-height:0; }
.bk.ilk .bk-sar, .bk.ilk .bk-sar * { transition:none !important; }
.bk-satir { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:2px 0 6px; font-size:12.5px; color:var(--ink-2);
  opacity:0; transform:translateX(-12px); transition:opacity .22s, transform .42s cubic-bezier(.3,1.3,.5,1); }
.bk-satir em { font-style:normal; margin-left:4px; padding:1px 6px; border-radius:5px; background:rgba(16,185,129,.12); color:#047857; font-size:10.5px; font-weight:800; letter-spacing:.04em; }
html[data-tema="koyu"] .bk-satir em { color:#34D399; background:rgba(52,211,153,.12); }
.bk-satir b { color:#047857; font-weight:800; }
html[data-tema="koyu"] .bk-satir b { color:#34D399; }
.bk.ok .bk-satir-sar { grid-template-rows:1fr; }
.bk.ok .bk-satir { opacity:1; transform:none; transition-delay:.12s; }
.bk-ac { display:inline-flex; align-items:center; gap:6px; padding:3px 0; border:0; background:none; font:inherit; font-size:12.5px; font-weight:700; color:var(--mavi, #2563EB); cursor:pointer; border-radius:6px; }
.bk-ac svg { width:14px; height:14px; }
.bk.ok .bk-ac { display:none; }
.bk.acik .bk-form-sar { grid-template-rows:1fr; }
.bk-form { position:relative; height:42px; margin-top:6px; }
.bk-giris, .bk-cip { position:absolute; inset:0; transition:opacity .22s, transform .42s cubic-bezier(.3,1.3,.5,1); }
.bk-giris { display:flex; align-items:center; gap:6px; padding:4px 4px 4px 12px; border-radius:11px; background:var(--kd-yuzey, #fff); box-shadow:inset 0 0 0 1.5px var(--cizgi-2, rgba(15,42,86,.16)); }
html[data-tema="koyu"] .bk-giris { background:#121212; box-shadow:inset 0 0 0 1.5px #262626; }
.bk-giris:focus-within { box-shadow:inset 0 0 0 2px var(--mavi, #2563EB), 0 0 0 3px var(--mavi-sis, rgba(37,99,235,.12)); }
.bk-giris.hata { box-shadow:inset 0 0 0 2px #F59E0B; }
.bk-inp { flex:1; min-width:0; height:100%; border:0; outline:0; background:none; font:inherit; font-size:14px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ink); }
.bk-inp::placeholder { text-transform:none; letter-spacing:0; font-weight:600; color:var(--ink-3); opacity:1; }
.bk-uygula { position:relative; flex:none; width:72px; height:34px; border:0; border-radius:8px; background:var(--mavi, #2563EB); color:#fff; font:inherit; font-size:13px; font-weight:750; cursor:pointer; }
.bk-uygula:active { box-shadow:inset 0 2px 5px rgba(0,0,0,.3); }
.bk-uygula span { position:relative; z-index:1; transition:opacity .15s; }
.bk-spin { position:absolute; left:50%; top:50%; width:15px; height:15px; margin:-7.5px; border-radius:4px; border:2.5px solid rgba(255,255,255,.4); border-top-color:#fff; opacity:0; animation:bkDon .7s linear infinite; transition:opacity .15s; }
@keyframes bkDon { to { transform:rotate(360deg); } }
.bk-uygula.yukle span { opacity:0; }
.bk-uygula.yukle .bk-spin { opacity:1; }
.bk-cip { display:flex; align-items:center; gap:8px; padding:0 5px 0 12px; border-radius:11px; background:rgba(16,185,129,.1); color:#047857;
  box-shadow:inset 0 0 0 1.5px rgba(16,185,129,.35); font-size:13px; font-weight:800; opacity:0; transform:scale(.92); pointer-events:none; }
html[data-tema="koyu"] .bk-cip { color:#34D399; background:rgba(52,211,153,.1); box-shadow:inset 0 0 0 1.5px rgba(52,211,153,.3); }
.bk-cip > svg { width:16px; height:16px; flex:none; }
.bk-cip > svg path { stroke-dasharray:24; stroke-dashoffset:24; }
.bk-cip > span { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bk-x { width:30px; height:30px; flex:none; display:grid; place-items:center; border:0; border-radius:8px; background:none; color:inherit; cursor:pointer; }
.bk-x:active { background:rgba(16,185,129,.16); }
.bk-x svg { width:13px; height:13px; }
.bk.ok .bk-giris { opacity:0; transform:scale(1.04); pointer-events:none; }
.bk.ok .bk-cip { opacity:1; transform:none; pointer-events:auto; }
.bk.ok .bk-cip > svg path { stroke-dashoffset:0; transition:stroke-dashoffset .36s .2s cubic-bezier(.65,0,.35,1); }
.bk-hata-sar.on { grid-template-rows:1fr; }
.bk-hata { margin:0; padding-top:6px; font-size:12px; font-weight:600; color:#B45309; opacity:0; transform:translateY(-6px); transition:opacity .2s, transform .3s cubic-bezier(.3,1.3,.5,1); }
html[data-tema="koyu"] .bk-hata { color:#FCD34D; }
.bk-hata-sar.on .bk-hata { opacity:1; transform:none; }
/* tutar: bonus varken eski ustu cizili, yeni yesil */
.bk-eski, .bk-yeni, .bk-rbx { display:none; }
.sepet-tut.bk-on #tutar { display:none; }
.sepet-tut.bk-on .bk-yeni { display:inline; color:#047857; animation:bkGel .45s cubic-bezier(.2,.8,.2,1); }
html[data-tema="koyu"] .sepet-tut.bk-on .bk-yeni { color:#34D399; }
.sepet-tut.bk-on .bk-eski { position:relative; display:inline-block; align-self:center; order:-1; font-size:14px; font-weight:700; color:var(--ink-3); text-decoration:none; animation:bkGel .35s ease-out; }
.sepet-tut.bk-on .bk-eski::after { content:""; position:absolute; left:-1px; right:-1px; top:52%; height:2px; border-radius:1px; background:var(--ink-3); transform-origin:0 50%; animation:bkCiz .32s .22s cubic-bezier(.65,0,.35,1) backwards; }
@keyframes bkCiz { from { transform:scaleX(0); } }
@keyframes bkGel { from { opacity:0; transform:translateY(8px); } }
.sepet-alt.bk-on #tutar-rbx { display:none; }
.sepet-alt.bk-on .bk-rbx { display:block; }
.bk.ilk ~ * .bk-yeni, .bk.ilk ~ .sepet-tut .bk-yeni, .bk.ilk ~ .sepet-tut .bk-eski, .bk.ilk ~ .sepet-tut .bk-eski::after { animation:none; }
@media (prefers-reduced-motion: reduce) { .bk *, .bk-yeni, .bk-eski, .bk-eski::after { transition:none !important; animation:none !important; } }

/* ---------------------------------------------- 5 · daha fazla yukle (Share; ileride Values) */
.dy { display:flex; flex-direction:column; align-items:center; gap:8px; margin:22px 0 6px; }
.dy[hidden] { display:none; }
.dy-btn { position:relative; height:44px; width:160px; padding:0; border:0; border-radius:12px; overflow:hidden; cursor:pointer; font:inherit; font-size:14px; font-weight:750; color:var(--ink);
  background:var(--kd-yuzey, #fff); box-shadow:inset 0 0 0 1px var(--cizgi, rgba(15,42,86,.12)), inset 0 -2px 0 rgba(15,42,86,.06);
  transition:width .42s cubic-bezier(.3,1.3,.5,1), background .3s, color .3s; }
html[data-tema="koyu"] .dy-btn { background:#141414; box-shadow:inset 0 0 0 1px #222, inset 0 -2px 0 rgba(0,0,0,.5); }
.dy-btn:active { box-shadow:inset 0 2px 6px rgba(15,42,86,.2); }
.dy-btn > span { position:absolute; inset:0; z-index:1; display:flex; align-items:center; justify-content:center; gap:6px; transition:opacity .2s, transform .36s cubic-bezier(.3,1.3,.5,1); }
.dy-btn svg { width:15px; height:15px; }
.dy-spin, .dy-bitti { opacity:0; transform:scale(.5); }
.dy-spin i { width:18px; height:18px; border-radius:5px; border:2.5px solid var(--mavi-sis, rgba(37,99,235,.15)); border-top-color:var(--mavi, #2563EB); animation:bkDon .7s linear infinite; }
.dy-btn.yukle { width:44px; cursor:default; }
.dy-btn.yukle .dy-y { opacity:0; transform:scale(.6); }
.dy-btn.yukle .dy-spin { opacity:1; transform:none; }
.dy-btn.bitti { width:170px; cursor:default; color:#047857; background:rgba(16,185,129,.1); box-shadow:inset 0 0 0 1px rgba(16,185,129,.3); }
html[data-tema="koyu"] .dy-btn.bitti { color:#34D399; background:rgba(52,211,153,.1); box-shadow:inset 0 0 0 1px rgba(52,211,153,.25); }
.dy-btn.bitti .dy-y { opacity:0; transform:scale(.6); }
.dy-btn.bitti .dy-bitti { opacity:1; transform:none; }
.dy-bitti path { stroke-dasharray:24; stroke-dashoffset:24; }
.dy-btn.bitti .dy-bitti path { stroke-dashoffset:0; transition:stroke-dashoffset .36s .18s cubic-bezier(.65,0,.35,1); }
.dy-say { font-size:12px; font-weight:600; color:var(--ink-3); }
@keyframes dyGel { from { opacity:0; transform:translateY(18px) scale(.95); filter:blur(5px); } }
.dy-gel { animation:dyGel .52s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(var(--dy-i, 0) * 28ms); }
@media (prefers-reduced-motion: reduce) { .dy-btn, .dy-btn * { transition:none !important; } .dy-gel { animation:none; } }

/* ---------------------------------------------- sepet alti renkli (mavi) panel: yazilar panelin kendi rengini kullanir
   (yesil/mavi yazilar mavi zeminde okunmuyordu, 2026-10-14) */
.sepet-alt .bk-satir, .sepet-alt .bk-satir b, html[data-tema="koyu"] .sepet-alt .bk-satir b { color:inherit; }
.sepet-alt .bk-satir > span { opacity:.8; }
.sepet-alt .bk-satir em, html[data-tema="koyu"] .sepet-alt .bk-satir em { color:inherit; background:color-mix(in srgb, currentColor 18%, transparent); }
.sepet-alt .bk-ac { color:inherit; opacity:.9; }
.sepet-alt .bk-cip, html[data-tema="koyu"] .sepet-alt .bk-cip { color:inherit; background:color-mix(in srgb, currentColor 12%, transparent); box-shadow:inset 0 0 0 1.5px color-mix(in srgb, currentColor 34%, transparent); }
.sepet-alt .bk-cip > svg { color:#34D399; }
.sepet-alt .bk-x:active { background:color-mix(in srgb, currentColor 16%, transparent); }
.sepet-alt .bk-hata, html[data-tema="koyu"] .sepet-alt .bk-hata { color:inherit; }
.sepet-alt .bk-hata::before { content:"!"; display:inline-grid; place-items:center; width:15px; height:15px; margin-right:6px; border-radius:4px; background:#F59E0B; color:#1F1300; font-size:11px; font-weight:900; vertical-align:-2px; }
.sepet-alt .sepet-tut.bk-on .bk-yeni, html[data-tema="koyu"] .sepet-alt .sepet-tut.bk-on .bk-yeni { color:inherit; }
.sepet-alt .sepet-tut.bk-on .bk-eski { color:inherit; opacity:.6; }
.sepet-alt .sepet-tut.bk-on .bk-eski::after { background:currentColor; }

/* tablet + telefon (sell-duyarli.css): kapali mavi cubukta bonus gizli; acik sepette tutarin USTUNDE tam genislik */
@media (max-width:980px) {
  /* sell-duyarli.css sayfada bu dosyadan SONRA geliyor -> seciciler bir kademe guclu */
  html body .sepet .sepet-alt .bk { display:none; }
  html body.sepet-acik .sepet .sepet-alt .bk { display:block; grid-area:bk; margin:0 0 8px; }
  html body.sepet-acik .sepet .sepet-alt { grid-template-areas:"bk bk" "al al" "tut btn" "rbx btn" !important; }
}

/* profil menusu: Light/Dark yazili secim yerine yalniz anahtar (kullanici 2026-10-14) */
.pm-tema .pm-seg { display:none !important; }

/* ---------------------------------------------- 5 · caps lock uyarisi (sifre alaninin hemen alti) */
.cl-u { display:grid; grid-template-rows:0fr; transition:grid-template-rows .32s cubic-bezier(.3,1.2,.5,1); }
.cl-u > div { min-height:0; overflow:hidden; display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:750; color:#B45309; opacity:0; transform:translateY(-6px); transition:opacity .2s, transform .32s cubic-bezier(.3,1.2,.5,1), padding .32s; }
html[data-tema="koyu"] .cl-u > div { color:#FCD34D; }
.cl-u.on { grid-template-rows:1fr; }
.cl-u.on > div { opacity:1; transform:none; padding-top:7px; }
.cl-tus { display:grid; place-items:center; width:24px; height:22px; flex:none; border-radius:6px; font-size:13px; color:#B45309; background:rgba(245,158,11,.16); box-shadow:inset 0 -2px 0 rgba(180,83,9,.25); }
html[data-tema="koyu"] .cl-tus { color:#FCD34D; background:rgba(252,211,77,.12); }
@media (prefers-reduced-motion: reduce) { .cl-u, .cl-u > div { transition:none; } }