/* gurmeoyun — çocuk teması (aydınlık, renkli, derli toplu)
   site.css üzerine katman; gece teması bozulmadan kalır. */

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/nunito-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/nunito-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url('../fonts/baloo2-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url('../fonts/baloo2-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html[data-tema="cocuk"] {
  --zemin: #f4f7fc;
  --yuzey: #ffffff;
  --yuzey-2: #eef3fb;
  --yuzey-3: #f8fafe;
  --cizgi: #e7edf8;
  --cizgi-guclu: #d6e1f2;
  --metin: #17223c;
  --soluk: #5c6b8a;
  --marka: #3568f0;
  --marka-acik: #2a56d0;
  --marka-2: #ff8a3d;
  --vurgu: #f6b71e;
  --radius: 18px;
  --radius-kucuk: 12px;
  --golge: 0 20px 44px -32px rgba(21, 43, 92, .5);
  --golge-kart: 0 1px 2px rgba(21, 43, 92, .05), 0 10px 24px -20px rgba(21, 43, 92, .45);
  --golge-kart-hover: 0 2px 4px rgba(21, 43, 92, .06), 0 18px 34px -22px rgba(21, 43, 92, .5);
  --font-govde: 'Nunito', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-baslik: 'Baloo 2', 'Nunito', 'Segoe UI', system-ui, sans-serif;
}

html[data-tema="cocuk"] body {
  background:
    radial-gradient(880px 460px at 4% -12%, #eaf1ff 0, transparent 60%),
    radial-gradient(720px 400px at 100% -6%, #fff3e1 0, transparent 56%),
    var(--zemin);
  color: var(--metin);
  font-family: var(--font-govde);
  font-weight: 500;
}

html[data-tema="cocuk"] ::selection { background: #ffe1b3; color: #3a2405; }

html[data-tema="cocuk"] :focus-visible {
  outline: 3px solid rgba(61, 107, 255, .55);
  outline-offset: 3px;
  border-radius: 8px;
}

html[data-tema="cocuk"] h1,
html[data-tema="cocuk"] h2,
html[data-tema="cocuk"] h3 {
  font-family: var(--font-baslik);
  font-weight: 700;
  letter-spacing: -.01em;
  color: #17223f;
}

html[data-tema="cocuk"] .mg1 { stop-color: #ffb03a; }
html[data-tema="cocuk"] .mg2 { stop-color: #ff5f6d; }

/* ---------- Üst bar ---------- */

html[data-tema="cocuk"] .ust {
  background: rgba(255, 255, 255, .88);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border-bottom: 1px solid var(--cizgi);
  box-shadow: 0 10px 28px -26px rgba(24, 50, 110, .75);
}
html[data-tema="cocuk"] .ust::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #ff9a3d 0, #ffc24a 26%, rgba(255, 194, 74, 0) 62%);
}

html[data-tema="cocuk"] .ust-ic { height: 62px; gap: 14px; }
html[data-tema="cocuk"] .marka {
  font-family: var(--font-baslik);
  font-weight: 700;
  font-size: 21px;
  letter-spacing: -.02em;
  color: #16203c;
  gap: 9px;
}
html[data-tema="cocuk"] .marka-isaret { width: 32px; height: 32px; }
html[data-tema="cocuk"] .marka-yazi span { color: #f06a00; }

html[data-tema="cocuk"] .arama input {
  height: 42px;
  background: #eff4fe;
  border-color: #e0e9f8;
  color: var(--metin);
  font-weight: 600;
}
html[data-tema="cocuk"] .arama input::placeholder { color: #7b89a7; }
html[data-tema="cocuk"] .arama input:hover { border-color: #cad8f2; }
html[data-tema="cocuk"] .arama input:focus {
  background: #fff;
  border-color: #9db9ff;
  box-shadow: 0 0 0 4px rgba(61, 107, 255, .14);
}
html[data-tema="cocuk"] .arama-ikon { stroke: #6d7c9c; }

html[data-tema="cocuk"] .arama-sonuc {
  background: #fff;
  border-color: #dbe5f7;
  border-radius: 16px;
  box-shadow: 0 26px 50px -26px rgba(24, 48, 110, .45);
}
html[data-tema="cocuk"] .arama-sonuc a:hover { background: #f1f6ff; }
html[data-tema="cocuk"] .arama-sonuc img { background: #eef3fb; }
html[data-tema="cocuk"] .arama-sonuc .as-ad { color: #1b2540; font-weight: 700; }
html[data-tema="cocuk"] .arama-sonuc .as-kat { color: #5f6d8d; }
html[data-tema="cocuk"] .arama-sonuc .as-bos { color: #5f6d8d; }

html[data-tema="cocuk"] .ust-link {
  background: #fff;
  border-color: #dfe8f8;
  color: #33426a;
  font-weight: 700;
}
html[data-tema="cocuk"] .ust-link:hover {
  background: #eef4ff;
  border-color: #c8d8f7;
  color: #15203d;
}

html[data-tema="cocuk"] .tema-dugme {
  background: #fff;
  border-color: #e1e9f8;
  color: #5b6a8d;
}
html[data-tema="cocuk"] .tema-dugme:hover {
  background: #eef4ff;
  border-color: #c9d9f7;
  color: #1b2540;
}

/* ---------- Kategori çipleri ---------- */

html[data-tema="cocuk"] .kat-serit { border-top: 0; }
html[data-tema="cocuk"] .kat-serit::after {
  width: 54px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .97) 72%);
}
html[data-tema="cocuk"] .kat-ic { gap: 7px; padding: 8px 54px 8px 0; }
html[data-tema="cocuk"] .cip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  font-size: 13.5px;
  font-weight: 700;
  color: #44526f;
  background: #fff;
  border-color: #e7edf8;
}
html[data-tema="cocuk"] .cip::before {
  content: "";
  flex: none;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: hsl(var(--ton, 222) 72% 52%);
  transition: background var(--gecis), box-shadow var(--gecis);
}
html[data-tema="cocuk"] .cip:hover {
  color: #17223c;
  background: #f6f9ff;
  border-color: #d6e1f2;
}
html[data-tema="cocuk"] .cip.aktif {
  color: hsl(var(--ton, 222) 62% 30%);
  background: hsl(var(--ton, 222) 100% 96.5%);
  border-color: hsl(var(--ton, 222) 62% 84%);
}
html[data-tema="cocuk"] .cip.aktif::before {
  background: hsl(var(--ton, 222) 78% 50%);
  box-shadow: 0 0 0 3px hsl(var(--ton, 222) 90% 91%);
}
html[data-tema="cocuk"] .cip-adet { color: inherit; opacity: .6; }
html[data-tema="cocuk"] .cip-buyuk { font-size: 14px; padding: 9px 15px; }
html[data-tema="cocuk"] .cip-grup-filtre {
  gap: 6px;
  padding: 6px;
  margin-bottom: 18px;
  background: #fff;
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  box-shadow: 0 6px 16px -16px rgba(23, 48, 110, .35);
}
html[data-tema="cocuk"] .cip-grup-filtre .cip {
  padding: 7px 12px;
  color: #4f5d7e;
  background: transparent;
  border-color: transparent;
}
html[data-tema="cocuk"] .cip-grup-filtre .cip::before { width: 6px; height: 6px; }
html[data-tema="cocuk"] .cip-grup-filtre .cip:hover {
  color: #1b2540;
  background: #f4f8ff;
  border-color: transparent;
}
html[data-tema="cocuk"] .cip-grup-filtre .cip.aktif {
  color: #fff;
  background: hsl(var(--ton, 222) 72% 46%);
  border-color: hsl(var(--ton, 222) 72% 46%);
  box-shadow: 0 6px 14px -9px hsl(var(--ton, 222) 70% 35% / .7);
}
html[data-tema="cocuk"] .cip-grup-filtre .cip.aktif::before {
  background: #fff;
  box-shadow: none;
}

/* ---------- Butonlar ---------- */

html[data-tema="cocuk"] .btn {
  height: 46px;
  border-radius: 14px;
  font-family: var(--font-baslik);
  font-weight: 700;
  font-size: 15.5px;
}
html[data-tema="cocuk"] .btn-birincil {
  background: linear-gradient(180deg, #ffb43f, #ff8a1f);
  color: #1b2540;
  box-shadow: 0 10px 22px -12px rgba(255, 138, 31, .8), inset 0 -2px 0 rgba(163, 74, 0, .18);
}
html[data-tema="cocuk"] .btn-birincil:hover {
  box-shadow: 0 14px 26px -12px rgba(255, 138, 31, .9), inset 0 -2px 0 rgba(163, 74, 0, .18);
}
html[data-tema="cocuk"] .btn-hayalet {
  background: #fff;
  border-color: #dbe5f7;
  color: #26355c;
}
html[data-tema="cocuk"] .btn-hayalet:hover {
  background: #f2f7ff;
  border-color: #c9d9f7;
}

/* ---------- Vitrin ---------- */

html[data-tema="cocuk"] .vitrin {
  gap: 30px;
  padding: 34px 0 12px;
}
html[data-tema="cocuk"] .rozet {
  background: #fff4de;
  border-color: #ffe0a6;
  color: #945500;
  font-weight: 800;
}
html[data-tema="cocuk"] .rozet::before {
  background: #ff9a3d;
  box-shadow: 0 0 0 4px rgba(255, 154, 61, .18);
}
html[data-tema="cocuk"] .hata-kutu .rozet {
  background: #eaf1ff;
  border-color: #d4e2ff;
  color: #2b57cf;
}
html[data-tema="cocuk"] .vitrin-metin h1 {
  margin: 14px 0 12px;
  font-size: clamp(30px, 3.3vw, 40px);
  letter-spacing: -.02em;
  color: #13203c;
}
html[data-tema="cocuk"] .vitrin-metin > p {
  color: #526180;
  font-size: 15.5px;
  line-height: 1.7;
}
html[data-tema="cocuk"] .vitrin-butonlar { margin: 22px 0 24px; }
html[data-tema="cocuk"] .vitrin-ozet { color: #66748f; font-size: 13px; }
html[data-tema="cocuk"] .vitrin-ozet li + li { border-color: #e6edf8; }
html[data-tema="cocuk"] .vitrin-ozet strong {
  font-family: var(--font-baslik);
  font-size: 18px;
  color: #16233f;
}

html[data-tema="cocuk"] .vitrin-gorsel { gap: 14px; min-height: 348px; }
html[data-tema="cocuk"] .vitrin-buyuk,
html[data-tema="cocuk"] .vitrin-kucuk {
  border: 4px solid #fff;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 32px -26px rgba(24, 50, 115, .55), 0 0 0 1px rgba(23, 44, 94, .05);
}
html[data-tema="cocuk"] .vitrin-kucuk { border-width: 3px; border-radius: 15px; }
html[data-tema="cocuk"] .vitrin-buyuk:hover,
html[data-tema="cocuk"] .vitrin-kucuk:hover {
  border-color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 20px 36px -24px rgba(24, 50, 115, .5), 0 0 0 3px rgba(255, 183, 94, .5);
}
html[data-tema="cocuk"] .vitrin-kucuk span {
  background: rgba(255, 255, 255, .96);
  border: 1px solid #edf2fb;
  color: #1a2747;
  font-weight: 800;
  border-radius: 9px;
  padding: 6px 10px;
  box-shadow: 0 4px 12px -8px rgba(24, 50, 110, .55);
}

/* ---------- Bölümler ---------- */

html[data-tema="cocuk"] .bolum { padding: 30px 0 6px; }
html[data-tema="cocuk"] .bolum-bas { margin-bottom: 16px; }
html[data-tema="cocuk"] .bolum-bas h2 { font-size: clamp(20px, 2.2vw, 25px); }
html[data-tema="cocuk"] .bolum-bas h2::before {
  width: 5px;
  background: linear-gradient(180deg, #ffb043, #ff8a1f);
}
html[data-tema="cocuk"] .bolum-alt { margin-top: 4px; color: #64728f; font-size: 13px; }
html[data-tema="cocuk"] .bolum-link {
  background: #eef4ff;
  color: #2a56d0;
  font-weight: 800;
  border-radius: 9px;
}
html[data-tema="cocuk"] .bolum-link:hover { background: #e2ebff; color: #1f46b3; }

/* ---------- Izgara ve kart ---------- */

html[data-tema="cocuk"] .izgara,
html[data-tema="cocuk"] .izgara-6,
html[data-tema="cocuk"] .izgara-4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px 13px;
  --kol: 6;
}
html[data-tema="cocuk"] .izgara-4 { --kol: 4; }
html[data-tema="cocuk"] .izgara .kart-sar {
  flex: 0 1 calc((100% - (var(--kol) - 1) * 13px) / var(--kol));
  min-width: 0;
}
html[data-tema="cocuk"] .kart {
  gap: 0;
  padding: 6px;
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  border-radius: 16px;
  box-shadow: var(--golge-kart);
  transition: transform var(--gecis), border-color var(--gecis), box-shadow var(--gecis);
}
html[data-tema="cocuk"] .kart-sar:hover > .kart {
  border-color: #dbe5f5;
  box-shadow: var(--golge-kart-hover);
}
html[data-tema="cocuk"] .kart-kapak {
  border: 0;
  border-radius: 11px;
  background: #eef3fb;
}
html[data-tema="cocuk"] .kart-kapak img,
html[data-tema="cocuk"] .vitrin-gorsel img {
  filter: saturate(1.04) brightness(1.01);
}
html[data-tema="cocuk"] .kart:hover .kart-kapak {
  border-color: transparent;
  box-shadow: none;
}
html[data-tema="cocuk"] .kart-govde { padding: 9px 6px 6px; gap: 2px; }
html[data-tema="cocuk"] .kart-ad {
  font-family: var(--font-govde);
  font-weight: 800;
  font-size: 14px;
  color: #1b2743;
  letter-spacing: -.005em;
}
html[data-tema="cocuk"] .kart-alt { color: #66748f; font-size: 11.8px; }
html[data-tema="cocuk"] .kart-sira {
  background: rgba(255, 255, 255, .94);
  border-color: rgba(23, 44, 94, .08);
  color: #9a5300;
  font-family: var(--font-baslik);
  font-weight: 700;
  box-shadow: 0 2px 6px -4px rgba(23, 44, 94, .4);
}

/* ---------- İz / breadcrumb ---------- */

html[data-tema="cocuk"] .izi { color: #5f6d8d; padding: 16px 0 2px; }
html[data-tema="cocuk"] .izi a:hover { color: #14203d; }
html[data-tema="cocuk"] .izi span[aria-current] { color: #33426a; }

/* ---------- Liste sayfaları ---------- */

html[data-tema="cocuk"] .liste-bas { padding: 8px 0 14px; }
html[data-tema="cocuk"] .liste-alt { color: #5f6d8d; }
html[data-tema="cocuk"] .sirala { color: #5f6d8d; }
html[data-tema="cocuk"] .sirala select {
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2362708f' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
  border-color: #dfe8f8;
  color: var(--metin);
  font-weight: 600;
}
html[data-tema="cocuk"] .sirala select:hover { border-color: #c8d8f7; }

/* ---------- Sayfalama ---------- */

html[data-tema="cocuk"] .sf-btn {
  background: #fff;
  border-color: #dfe8f8;
  color: #33426a;
  border-radius: 12px;
}
html[data-tema="cocuk"] a.sf-btn:hover {
  background: #eef4ff;
  border-color: #c9d9f7;
  color: #15203d;
}
html[data-tema="cocuk"] .sf-aktif,
html[data-tema="cocuk"] a.sf-btn.sf-aktif,
html[data-tema="cocuk"] a.sf-btn.sf-aktif:hover {
  background: #2a54d6;
  border-color: #2a54d6;
  color: #fff;
}
html[data-tema="cocuk"] .sf-bos { color: #aab5cd; }

/* ---------- Oyun sayfası ---------- */

html[data-tema="cocuk"] .oyun-ust { padding: 6px 0 16px; align-items: center; }
html[data-tema="cocuk"] .oyun-ust h1 { letter-spacing: -.02em; }
html[data-tema="cocuk"] .oyun-meta { color: #647192; }
html[data-tema="cocuk"] .oyun-eylem .btn {
  height: 42px;
  padding: 0 16px;
  border-radius: 13px;
  font-size: 14.5px;
}
html[data-tema="cocuk"] .oyun-eylem .btn-hayalet {
  background: #fff;
  border-color: #dfe8f6;
  color: #33426a;
  box-shadow: 0 1px 2px rgba(21, 43, 92, .04);
}
html[data-tema="cocuk"] .oyun-eylem .btn-hayalet:hover {
  background: #f4f8ff;
  border-color: #c8d8f3;
}
html[data-tema="cocuk"] .etiket {
  background: #ecf2ff;
  border-color: #d6e3ff;
  color: #2b57cf;
  font-weight: 700;
}
html[data-tema="cocuk"] .etiket:hover { background: #dfe9ff; }
html[data-tema="cocuk"] .meta-nokta { background: #c3cee3; }

html[data-tema="cocuk"] .puan-kutu.puan-bos { background: linear-gradient(180deg, #fff, #fbfcff); }
html[data-tema="cocuk"] .puan-kutu.puan-bos .puan-skor::before { color: #d8e2f3; }
html[data-tema="cocuk"] .puan-kutu.puan-bos .puan-baslik { color: #2a56d0; }

html[data-tema="cocuk"] .oynat-kabuk {
  border: 4px solid #fff;
  border-radius: 20px;
  background: #0d1730;
  box-shadow: 0 28px 56px -42px rgba(24, 50, 115, .9), 0 8px 24px -18px rgba(24, 50, 115, .3);
}
html[data-tema="cocuk"] .oynat-kaplama { background: #0d1730; }
html[data-tema="cocuk"] .oynat-kaplama img { opacity: .9; filter: saturate(1.24) brightness(1.08); }
html[data-tema="cocuk"] .oynat-kaplama::after {
  background: radial-gradient(60% 60% at 50% 50%, rgba(8, 14, 30, .02), rgba(8, 14, 30, .48));
}
html[data-tema="cocuk"] .oynat-dugme {
  width: 80px;
  height: 80px;
  background: linear-gradient(180deg, #ffb43f, #ff8a1f);
  box-shadow: 0 16px 34px -12px rgba(255, 138, 31, .9);
}
html[data-tema="cocuk"] .oynat-dugme svg { color: #1b2540; }
html[data-tema="cocuk"] .oynat-yazi {
  background: rgba(13, 23, 48, .72);
  border-color: rgba(255, 255, 255, .18);
  font-weight: 700;
}
html[data-tema="cocuk"] .tam-ekran { border-radius: 12px; }
html[data-tema="cocuk"] .oynat-not { color: #5f6d8d; }
html[data-tema="cocuk"] .oyun-metin > p { color: #4e5d7f; }
html[data-tema="cocuk"] .kunye {
  background: #fff;
  border-color: var(--cizgi);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(21, 43, 92, .04);
}
html[data-tema="cocuk"] .kunye dt { color: #6b7996; }

/* ---------- Arama / boş durum / 404 ---------- */

html[data-tema="cocuk"] .bos-durum {
  background: #fff;
  border-color: #d9e3f6;
}
html[data-tema="cocuk"] .bos-durum p { color: #5f6d8d; }
html[data-tema="cocuk"] .hata-kutu {
  background: #fff;
  border-style: solid;
  border-color: #e5ecf9;
  border-radius: 22px;
  box-shadow: 0 20px 46px -38px rgba(24, 50, 115, .55);
}

/* ---------- Davet ---------- */

html[data-tema="cocuk"] .davet-ic {
  background:
    radial-gradient(520px 220px at 0% 0%, #e8f0ff, transparent 70%),
    radial-gradient(420px 200px at 100% 100%, #fff0d6, transparent 70%),
    #fff;
  border-color: #dbe6fb;
  border-radius: 22px;
  box-shadow: 0 18px 40px -34px rgba(24, 50, 115, .5);
}
html[data-tema="cocuk"] .davet-ic p { color: #5c6a8a; }
html[data-tema="cocuk"] .davet-arama input {
  background: #f4f8ff;
  border-color: #dfe8f8;
  color: var(--metin);
  font-weight: 600;
}
html[data-tema="cocuk"] .davet-arama input::placeholder { color: #7d8aa8; }

/* ---------- Statik sayfalar ---------- */

html[data-tema="cocuk"] .sayfa .giris { color: #4e5d7f; }
html[data-tema="cocuk"] .sayfa p,
html[data-tema="cocuk"] .liste-madde { color: #4a5878; }
html[data-tema="cocuk"] .sayfa a { color: #2b57cf; }
html[data-tema="cocuk"] .kart-kutu {
  background: #fff;
  border-color: #e6edf9;
  box-shadow: 0 8px 20px -18px rgba(23, 48, 110, .4);
}
html[data-tema="cocuk"] .liste-madde li::before { background: #ff9a3d; }
html[data-tema="cocuk"] .soluk { color: #5f6d8d !important; }

/* ---------- Alt bilgi ---------- */

html[data-tema="cocuk"] .alt {
  margin-top: 44px;
  background: #edf3ff;
  border-top-color: #dde7f7;
}
html[data-tema="cocuk"] .alt-marka .marka { font-size: 19px; }
html[data-tema="cocuk"] .alt-not { color: #5f6d8d; }
html[data-tema="cocuk"] .alt-kolon h2 { color: #5f6d8d; }
html[data-tema="cocuk"] .alt-kolon a { color: #3c4a6b; font-weight: 600; }
html[data-tema="cocuk"] .alt-kolon a:hover { color: #15203d; }
html[data-tema="cocuk"] .alt-bant { border-top-color: #dde7f7; }
html[data-tema="cocuk"] .alt-bant-ic { color: #5f6d8d; }

/* ---------- Üyelik: üst menü ---------- */

html[data-tema="cocuk"] .ust-giris {
  background: #fff;
  border-color: #e0e9f8;
  color: #3c4a6b;
  font-weight: 700;
}
html[data-tema="cocuk"] .ust-giris:hover {
  background: #eef4ff;
  border-color: #c9d9f7;
  color: #15203d;
}
html[data-tema="cocuk"] .ust-kayit {
  background: linear-gradient(180deg, #ffb43f, #ff8a1f);
  color: #1b2540;
  box-shadow: 0 10px 22px -14px rgba(255, 138, 31, .8);
}
html[data-tema="cocuk"] .ust-kayit:hover { filter: brightness(1.03); }

html[data-tema="cocuk"] .uye-dugme {
  background: #fff;
  border-color: #e1e9f8;
  color: #1b2540;
}
html[data-tema="cocuk"] .uye-dugme:hover { background: #eef4ff; border-color: #c9d9f7; }
html[data-tema="cocuk"] .uye-avatar { background: #eef4ff; }
html[data-tema="cocuk"] .uye-ok { stroke: #6d7c9c; }
html[data-tema="cocuk"] .uye-panel {
  background: #fff;
  border-color: #dbe5f7;
  box-shadow: 0 26px 50px -26px rgba(24, 48, 110, .45);
}
html[data-tema="cocuk"] .uye-panel-ust { border-color: #e6edf9; }
html[data-tema="cocuk"] .uye-panel-ust strong { color: #17223f; }
html[data-tema="cocuk"] .uye-panel-ust small { color: #5f6d8d; }
html[data-tema="cocuk"] .uye-baglanti { color: #1b2540; font-weight: 600; }
html[data-tema="cocuk"] .uye-baglanti:hover { background: #f0f5ff; }
html[data-tema="cocuk"] .uye-sayi { background: #eaf1ff; color: #2b57cf; font-weight: 700; }
html[data-tema="cocuk"] .uye-cikis-form { border-color: #e6edf9; }
html[data-tema="cocuk"] .uye-cikis { color: #d92d4d; font-weight: 700; }
html[data-tema="cocuk"] .uye-cikis:hover { background: #ffeef1; }

/* ---------- Üyelik: bildirim ---------- */

html[data-tema="cocuk"] .flash {
  background: #fff;
  border-color: #dbe6fb;
  color: #1b2540;
  box-shadow: 0 10px 24px -22px rgba(24, 50, 115, .5);
}
html[data-tema="cocuk"] .flash-basari { background: #eafaf1; border-color: #bdeccf; color: #11643a; }
html[data-tema="cocuk"] .flash-basari::before { background: #22a06b; }
html[data-tema="cocuk"] .flash-hata { background: #fff0f2; border-color: #ffcdd4; color: #a3182f; }
html[data-tema="cocuk"] .flash-bilgi { background: #eef4ff; border-color: #d6e3ff; color: #28478f; }

/* ---------- Üyelik: formlar ---------- */

html[data-tema="cocuk"] .uyelik-kart {
  background: #fff;
  border-color: #e6edf9;
  box-shadow: 0 26px 50px -36px rgba(24, 50, 115, .55);
}
html[data-tema="cocuk"] .uyelik-kart h1 { color: #14203d; }
html[data-tema="cocuk"] .uyelik-alt,
html[data-tema="cocuk"] .uyelik-gecis,
html[data-tema="cocuk"] .uyelik-not { color: #5f6d8d; }
html[data-tema="cocuk"] .uyelik-gecis a { color: #2b57cf; }
html[data-tema="cocuk"] .uyelik-hata {
  background: #fff0f2;
  border-color: #ffcdd4;
  color: #a3182f;
}
html[data-tema="cocuk"] .alan label,
html[data-tema="cocuk"] .alan legend { color: #1b2540; }
html[data-tema="cocuk"] .alan-opsiyonel { color: #6d7c9c; }
html[data-tema="cocuk"] .alan input[type="text"],
html[data-tema="cocuk"] .alan input[type="password"],
html[data-tema="cocuk"] .alan input[type="email"] {
  background: #f4f8ff;
  border-color: #dfe8f8;
  color: #1b2540;
  font-weight: 600;
}
html[data-tema="cocuk"] .alan input:hover { border-color: #cad8f2; }
html[data-tema="cocuk"] .alan input:focus {
  background: #fff;
  border-color: #9db9ff;
  box-shadow: 0 0 0 4px rgba(61, 107, 255, .14);
}
html[data-tema="cocuk"] .form-ipucu { color: #6d7c9c; }
html[data-tema="cocuk"] .uyelik-yan { background: #f2f7ff; border-color: #dbe6fb; }
html[data-tema="cocuk"] .uyelik-yan h2 { color: #17223f; }
html[data-tema="cocuk"] .uyelik-yan ul { color: #435273; }
html[data-tema="cocuk"] .uyelik-yan strong { color: #17223f; }

html[data-tema="cocuk"] .avatar-opt label { background: #f7faff; border-color: #e1e9f8; }
html[data-tema="cocuk"] .avatar-opt label:hover { border-color: #c9d9f7; background: #eef4ff; }
html[data-tema="cocuk"] .avatar-opt span { color: #5f6d8d; }
html[data-tema="cocuk"] .avatar-opt input:checked + label {
  border-color: #7d9bff;
  background: #e8f0ff;
  box-shadow: inset 0 0 0 1px #7d9bff;
}
html[data-tema="cocuk"] .avatar-opt input:checked + label span { color: #1b2540; }

/* ---------- Profil ---------- */

html[data-tema="cocuk"] .profil-ust {
  background: #fff;
  border-color: #e6edf9;
  box-shadow: 0 16px 40px -32px rgba(24, 50, 115, .55);
}
html[data-tema="cocuk"] .profil-avatar { border-color: #dbe6fb; background: #eef4ff; }
html[data-tema="cocuk"] .profil-kimlik h1 { color: #14203d; }
html[data-tema="cocuk"] .profil-kimlik p { color: #5f6d8d; }
html[data-tema="cocuk"] .profil-istatistik li { background: #eef4ff; }
html[data-tema="cocuk"] .profil-istatistik strong { color: #17223f; }
html[data-tema="cocuk"] .profil-istatistik span { color: #5f6d8d; }
html[data-tema="cocuk"] .profil-bos { background: #fff; border-color: #cfdcf7; color: #5f6d8d; }
html[data-tema="cocuk"] .gecmis-satir { background: #fff; border-color: #e6edf9; }
html[data-tema="cocuk"] .gecmis-satir:hover { border-color: #cfdcf7; }
html[data-tema="cocuk"] .gecmis-metin strong { color: #1b2743; }
html[data-tema="cocuk"] .gecmis-metin span,
html[data-tema="cocuk"] .gecmis-sayi { color: #5f6d8d; }
html[data-tema="cocuk"] .ayar-kart { background: #fff; border-color: #e6edf9; }
html[data-tema="cocuk"] .ayar-kart h3 { color: #17223f; }
html[data-tema="cocuk"] .tehlike-kutu { background: #fff5f6; border-color: #ffcdd4; }
html[data-tema="cocuk"] .tehlike-kutu h3 { color: #c2233c; }
html[data-tema="cocuk"] .tehlike-kutu p { color: #6b5560; }
html[data-tema="cocuk"] .onay-satir { color: #1b2540; }

/* ---------- Favori kalbi ---------- */

html[data-tema="cocuk"] .kalp {
  background: rgba(255, 255, 255, .92);
  border-color: rgba(27, 37, 64, .12);
  color: #5d6b8b;
  box-shadow: 0 4px 12px -6px rgba(23, 48, 110, .5);
}
html[data-tema="cocuk"] .kalp:hover { background: #fff; color: #ff4d6d; }
html[data-tema="cocuk"] .kalp[aria-pressed="true"] {
  background: #ff4d6d;
  border-color: #ff4d6d;
  color: #fff;
}
html[data-tema="cocuk"] .kalp-btn[aria-pressed="true"] {
  color: #d92d4d;
  border-color: #ffc3cd;
  background: #fff0f2;
}
html[data-tema="cocuk"] .senin-rozet {
  background: #fff2d9;
  color: #945500;
  font-family: var(--font-baslik);
  letter-spacing: .04em;
}

/* ---------- Duyarlı ---------- */

@media (max-width: 1080px) {
  html[data-tema="cocuk"] .vitrin-gorsel { height: 370px; min-height: 0; }
  html[data-tema="cocuk"] .izgara-6 { --kol: 4; }
}

@media (max-width: 760px) {
  html[data-tema="cocuk"] .izgara,
  html[data-tema="cocuk"] .izgara-6,
  html[data-tema="cocuk"] .izgara-4 { --kol: 3; }
  html[data-tema="cocuk"] .ust-ic { height: 58px; }
  html[data-tema="cocuk"] .bolum { padding-top: 22px; }
  html[data-tema="cocuk"] .kart { padding: 6px; border-radius: 14px; }
  html[data-tema="cocuk"] .kart-kapak { border-radius: 9px; }
  html[data-tema="cocuk"] .kart-ad { font-size: 13.5px; }
  html[data-tema="cocuk"] .kart-alt { font-size: 11.5px; }
  html[data-tema="cocuk"] .oynat-dugme { width: 66px; height: 66px; }
  html[data-tema="cocuk"] .uyelik-kart { padding: 22px 18px; border-radius: 18px; }
  html[data-tema="cocuk"] .uyelik-sarmal { padding-top: 22px; }
  html[data-tema="cocuk"] .profil-ust { padding: 18px; }
  html[data-tema="cocuk"] .profil-avatar { width: 64px; height: 64px; }
}

@media (max-width: 540px) {
  html[data-tema="cocuk"] .izgara,
  html[data-tema="cocuk"] .izgara-6,
  html[data-tema="cocuk"] .izgara-4 { --kol: 2; }
  html[data-tema="cocuk"] .ust-ic {
    flex-wrap: nowrap;
    height: 58px;
    padding: 0;
    row-gap: 0;
    gap: 9px;
  }
  html[data-tema="cocuk"] .arama {
    order: 0;
    flex: 1 1 auto;
    min-width: 0;
  }
  html[data-tema="cocuk"] .marka-yazi { font-size: 18px; }
  html[data-tema="cocuk"] .marka-isaret { width: 30px; height: 30px; }
  html[data-tema="cocuk"] .tema-dugme { margin-left: 0; width: 38px; height: 38px; }
  html[data-tema="cocuk"] .tema-dugme svg { width: 17px; height: 17px; }
  html[data-tema="cocuk"] .ust-giris {
    width: 38px;
    height: 38px;
    padding: 0;
    justify-content: center;
  }
  html[data-tema="cocuk"] .ust-giris span { display: none; }
  html[data-tema="cocuk"] .ust-uyelik { gap: 0; }
  html[data-tema="cocuk"] .vitrin-metin h1 { font-size: 27px; }
  html[data-tema="cocuk"] .vitrin { padding-top: 22px; }
}

@media (max-width: 360px) {
  html[data-tema="cocuk"] .marka-yazi { display: none; }
}

/* ---------- Puanlama ve yeni bölümler ---------- */

html[data-tema="cocuk"] .kart-puan {
  background: rgba(255, 255, 255, .96);
  border-color: #ffe0a6;
  color: #945500;
  box-shadow: 0 3px 10px -6px rgba(24, 50, 110, .5);
  backdrop-filter: none;
}
html[data-tema="cocuk"] .kart-puan svg { fill: #ffa51f; }
html[data-tema="cocuk"] .meta-puan { color: #33426a; }
html[data-tema="cocuk"] .meta-puan svg { fill: #ffa51f; }
html[data-tema="cocuk"] .meta-puan small { color: #6d7c9c; }

html[data-tema="cocuk"] .puan-kutu {
  background: #fff;
  border-color: #e6edf9;
  border-radius: 18px;
  box-shadow: 0 10px 26px -26px rgba(24, 50, 110, .5);
}
html[data-tema="cocuk"] .puan-skor { border-color: #e6edf9; }
html[data-tema="cocuk"] .puan-skor strong { color: #17233f; font-family: var(--font-baslik); }
html[data-tema="cocuk"] .puan-skor > span { color: #e08a00; }
html[data-tema="cocuk"] .puan-skor small { color: #6d7c9c; }
html[data-tema="cocuk"] .puan-baslik { color: #6d7c9c; }
html[data-tema="cocuk"] .yildiz { color: #ccd6e8; }
html[data-tema="cocuk"] .yildiz.dolu { color: #ffa51f; }
html[data-tema="cocuk"] .puan-yildizlar:hover .yildiz { color: #ffa51f; }
html[data-tema="cocuk"] .puan-yildizlar .yildiz:hover ~ .yildiz { color: #ccd6e8; }
html[data-tema="cocuk"] .puan-metin { color: #6d7c9c; }

html[data-tema="cocuk"] .etiket-sade {
  background: #f4f8ff;
  border-color: #e2eaf8;
  color: #4f5d7e;
}
html[data-tema="cocuk"] .etiket-sade:hover { background: #eaf1ff; }
html[data-tema="cocuk"] .oyun-etiket-bas { color: #6d7c9c; }

html[data-tema="cocuk"] .bildir-kutu {
  background: #fff;
  border-color: #e6edf9;
  border-radius: 16px;
}
html[data-tema="cocuk"] .bildir-kutu summary { color: #26355c; font-family: var(--font-baslik); }
html[data-tema="cocuk"] .bildir-kutu summary::after { color: #6d7c9c; }
html[data-tema="cocuk"] .bildir-kutu > p { color: #5f6d8d; }
html[data-tema="cocuk"] .alan select,
html[data-tema="cocuk"] .alan textarea {
  background-color: #f4f8ff;
  border-color: #dfe8f8;
  color: #1b2540;
  font-weight: 600;
}
html[data-tema="cocuk"] .alan select:hover,
html[data-tema="cocuk"] .alan textarea:hover { border-color: #cad8f2; }
html[data-tema="cocuk"] .alan select:focus,
html[data-tema="cocuk"] .alan textarea:focus {
  background-color: #fff;
  border-color: #9db9ff;
  box-shadow: 0 0 0 4px rgba(61, 107, 255, .14);
}

html[data-tema="cocuk"] .kat-vitrin-kart {
  border-color: #e6edf9;
  background: #fff;
  box-shadow: 0 6px 16px -14px rgba(23, 48, 110, .45);
}
html[data-tema="cocuk"] .kat-vitrin-kart::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, .95) 100%);
}
html[data-tema="cocuk"] .kat-vitrin-kart:hover {
  border-color: #cfdcf7;
  box-shadow: 0 16px 26px -18px rgba(23, 48, 110, .5);
}
html[data-tema="cocuk"] .kat-vitrin-ic strong { color: #17233f; font-family: var(--font-baslik); }
html[data-tema="cocuk"] .kat-vitrin-ic small { color: #5f6d8d; }

html[data-tema="cocuk"] .kat-sayfa-kart {
  background: #fff;
  border-color: #e6edf9;
  border-radius: 18px;
  box-shadow: 0 8px 20px -18px rgba(23, 48, 110, .45);
}
html[data-tema="cocuk"] .kat-sayfa-kart:hover {
  border-color: #cfdcf7;
  box-shadow: 0 20px 34px -24px rgba(23, 48, 110, .5);
}
html[data-tema="cocuk"] .kat-sayfa-kapak { background: #eef3fb; }
html[data-tema="cocuk"] .kat-sayfa-kapak img { filter: saturate(1.05) brightness(1.01); }
html[data-tema="cocuk"] .kat-sayfa-ust strong { color: #1b2743; font-family: var(--font-baslik); }
html[data-tema="cocuk"] .kat-sayfa-adet { background: #fff2d9; color: #9a5300; }
html[data-tema="cocuk"] .kat-sayfa-aciklama { color: #5f6d8d; }
html[data-tema="cocuk"] .kat-sayfa-git { color: #2b57cf; }

html[data-tema="cocuk"] .sss-madde {
  background: #fff;
  border-color: #e6edf9;
  border-radius: 16px;
}
html[data-tema="cocuk"] .sss-madde[open] { border-color: #d6e3ff; background: #fff; }
html[data-tema="cocuk"] .sss-madde summary { color: #1b2743; font-family: var(--font-baslik); }
html[data-tema="cocuk"] .sss-madde summary svg { stroke: #6d7c9c; }
html[data-tema="cocuk"] .sss-cevap p { color: #4e5d7f; }
html[data-tema="cocuk"] .sss-link { color: #2b57cf; }

html[data-tema="cocuk"] .hukuk-bas { border-color: #e6edf9; }
html[data-tema="cocuk"] .hukuk-bas p { color: #6d7c9c; }
html[data-tema="cocuk"] .hukuk-bas a { color: #2b57cf; }
html[data-tema="cocuk"] .hukuk-blok p,
html[data-tema="cocuk"] .hukuk-blok li { color: #4e5d7f; }
html[data-tema="cocuk"] .hukuk-blok a { color: #2b57cf; }

html[data-tema="cocuk"] .icerik-kutu {
  background: #fff;
  border-color: #e6edf9;
  border-radius: 18px;
}
html[data-tema="cocuk"] .icerik-kutu p { color: #5f6d8d; }
html[data-tema="cocuk"] .siralama-not {
  background: #fff;
  border-color: #e6edf9;
  border-radius: 18px;
}
html[data-tema="cocuk"] .siralama-not p { color: #5f6d8d; }
html[data-tema="cocuk"] .son-not { color: #6d7c9c; }
html[data-tema="cocuk"] .son-not a { color: #2b57cf; }

html[data-tema="cocuk"] .arama-oneri-bas { color: #6d7c9c; }

@media (max-width: 540px) {
  html[data-tema="cocuk"] .kat-vitrin { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-tema="cocuk"] .puan-kutu { border-radius: 16px; }
}