/* Ece'nin Dünyası — Kids UI v3
   Sunum katmanı: veri, cron ve SQLite mantığına dokunmaz. */
:root{
  --ece-purple:#6c5ce7;
  --ece-pink:#f15bb5;
  --ece-cyan:#32b8e8;
  --ece-yellow:#ffd84d;
  --ece-mint:#53d6ad;
  --ece-ink:#25284a;
  --ece-muted:#77809a;
  --ece-bg:#f7f8ff;
  --ece-card:#fff;
  --ece-shadow:0 16px 40px rgba(77,63,148,.10);
}
html{scroll-behavior:smooth}
body.site-kids{background:
  radial-gradient(circle at 8% 4%,rgba(255,216,77,.16),transparent 18rem),
  radial-gradient(circle at 95% 10%,rgba(50,184,232,.14),transparent 21rem),
  var(--ece-bg);color:var(--ece-ink)}
body.site-kids main,body.site-kids .container{position:relative}
body.site-kids a{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
body.site-kids .navbar{border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 10px 28px rgba(80,56,150,.16)!important}
body.site-kids .navbar-brand{font-weight:950;letter-spacing:-.3px}
body.site-kids .brand-youtube-badge{background:#fff!important;color:#f04462!important;border:0!important;font-weight:950;box-shadow:0 5px 14px rgba(0,0,0,.12)}
body.site-kids .desktop-nav-wrap .nav-link{border-radius:14px!important;font-weight:900;white-space:nowrap}
body.site-kids .desktop-nav-wrap .nav-link:not(.active):hover{transform:translateY(-1px)}
body.site-kids .desktop-nav-wrap .nav-link.active{background:rgba(255,255,255,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 8px 18px rgba(54,35,117,.15)!important}
body.site-kids .header-search-input{background:rgba(25,25,45,.44)!important;border-color:rgba(255,255,255,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
body.site-kids .header-search-btn{background:linear-gradient(135deg,#ff5f78,#ee54ad)!important;box-shadow:0 8px 16px rgba(236,84,173,.22)}
body.site-kids .social-sidebar{background:rgba(36,31,67,.90);border:1px solid rgba(255,255,255,.10);box-shadow:0 14px 28px rgba(27,18,72,.20)}
body.site-kids .social-sidebar a{border-radius:12px}
body.site-kids .social-sidebar a:hover{transform:translateX(4px) scale(1.04)}

/* Hero */
body.site-kids .kids-home-hero{background:
  linear-gradient(135deg,rgba(255,255,255,.94),rgba(247,244,255,.96) 48%,rgba(238,251,255,.94));
  border:1px solid rgba(108,92,231,.10)!important;
  border-radius:34px!important;
  padding:28px!important;
  box-shadow:0 24px 70px rgba(73,60,142,.10)!important;
  overflow:hidden;
}
body.site-kids .kids-home-hero::before{content:"✦";width:auto;height:auto;right:8%;top:11%;background:none;color:rgba(108,92,231,.30);font-size:2rem;filter:none;animation:kids-float 3.6s ease-in-out infinite}
body.site-kids .kids-home-hero::after{content:"★";width:auto;height:auto;left:11%;bottom:7%;background:none;color:rgba(241,91,181,.28);font-size:1.5rem;filter:none;animation:kids-float 4.2s ease-in-out infinite reverse}
body.site-kids .kids-hero-title{font-size:clamp(2.35rem,5vw,4.15rem);letter-spacing:-2.1px}
body.site-kids .kids-hero-copy{font-size:1.04rem;max-width:640px}
body.site-kids .kids-hero-pill{background:#fff;border:1px solid rgba(108,92,231,.10);box-shadow:0 8px 20px rgba(73,60,142,.06)}
body.site-kids .kids-hero-card{background:rgba(255,255,255,.86);border:2px solid rgba(255,255,255,.94);box-shadow:0 20px 44px rgba(73,60,142,.12)}
body.site-kids .kids-hero-feature-media{box-shadow:0 18px 36px rgba(45,34,112,.22);border:3px solid rgba(255,255,255,.92)}
body.site-kids .kids-hero-feature-cta{background:linear-gradient(135deg,#6c5ce7,#f15bb5,#32b8e8);box-shadow:0 10px 22px rgba(108,92,231,.22)}
body.site-kids .kids-hero-stat{box-shadow:0 7px 16px rgba(73,60,142,.06)}

/* Home shelves: YouTube ana sayfa + çocuk uygulaması hissi */
body.site-kids .kids-section{position:relative;padding:4px 0 10px}
body.site-kids .kids-section-head{align-items:center}
body.site-kids .kids-section-title{font-size:1.48rem;letter-spacing:-.3px}
body.site-kids .kids-section-title .bubble{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#fff,#eee9ff);box-shadow:0 9px 20px rgba(90,71,185,.10)}
body.site-kids .kids-see-all{font-weight:950;color:var(--ece-purple);background:#fff;padding:9px 13px;border-radius:999px;box-shadow:0 8px 18px rgba(73,60,142,.06);text-decoration:none}
body.site-kids .kids-see-all:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(73,60,142,.10)}
body.site-kids .kids-home-feed{gap:16px}
body.site-kids .kids-home-feed .clickable-card{border:1px solid rgba(108,92,231,.08)!important;box-shadow:0 13px 30px rgba(68,57,130,.08)!important;border-radius:22px!important;background:rgba(255,255,255,.96);overflow:hidden}
body.site-kids .kids-home-feed .clickable-card:hover{transform:translateY(-6px) scale(1.008);box-shadow:0 24px 42px rgba(68,57,130,.14)!important}
body.site-kids .kids-home-feed .card-img-container{position:relative;background:#141528}
body.site-kids .kids-home-feed .card-img-container img{transition:transform .45s ease}
body.site-kids .kids-home-feed .clickable-card:hover img{transform:scale(1.04)}
body.site-kids .kids-short-card .short-play-badge{width:44px;height:44px;border-radius:50%;background:#fff;color:#f15b78;box-shadow:0 10px 20px rgba(0,0,0,.18);display:grid;place-items:center;z-index:3}
body.site-kids .kids-home-feed .badge{font-weight:950;letter-spacing:.04em;background:linear-gradient(135deg,#6c5ce7,#f15bb5)!important}

/* Shorts listing: sadece kart keşfi; yatay raf olabilir ama video izleme sayfasında yok */
body.site-kids .kids-short-rail,.kids-short-rail{scroll-snap-type:x proximity;scrollbar-width:none}
body.site-kids .kids-short-rail::-webkit-scrollbar{display:none}

/* Immersive Shorts viewer — tek eksen */
html.ece-short-viewer,html.ece-short-viewer body{overflow:hidden!important;overscroll-behavior:none!important}
body.site-kids.ece-short-viewer{background:#090a12}
body.site-kids.ece-short-viewer .desktop-notification-fab,
body.site-kids.ece-short-viewer #btnScrollToTop{display:none!important}
body.site-kids.ece-short-viewer .navbar{position:fixed;left:0;right:0;top:0;z-index:3000;background:linear-gradient(180deg,rgba(7,8,17,.94),rgba(7,8,17,.72) 65%,transparent)!important;box-shadow:none!important;border:0}
body.site-kids.ece-short-viewer .navbar .header-search-wrap,
body.site-kids.ece-short-viewer .navbar .desktop-nav-wrap{display:none!important}
body.site-kids.ece-short-viewer .navbar .header-main-row{width:100%}
body.site-kids.ece-short-viewer .navbar-brand{color:#fff!important}
body.site-kids.ece-short-viewer .btn-theme-toggle{display:none!important}
body.site-kids.ece-short-viewer .mobile-bottom-nav{display:none!important}
body.site-kids.ece-short-viewer .short-viewer-shell{min-height:100svh;height:100svh;padding:0!important;margin:0!important;max-width:none!important}
body.site-kids.ece-short-viewer .shorts-experience-row{height:100svh!important;margin:0!important}
body.site-kids.ece-short-viewer .shorts-main-col{height:100svh!important;padding:0!important}
body.site-kids.ece-short-viewer .shorts-scroll-shell{height:100svh;width:100vw;overflow:hidden;background:#090a12}
body.site-kids.ece-short-viewer .kids-shorts-toolbar{display:none!important}
body.site-kids.ece-short-viewer .kids-shorts-feed{height:100svh!important;max-height:none!important;min-height:0!important;width:100vw!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:y mandatory!important;scrollbar-width:none;background:#090a12;border-radius:0!important;overscroll-behavior-y:contain;touch-action:pan-y}
body.site-kids.ece-short-viewer .kids-shorts-feed::-webkit-scrollbar{display:none}
body.site-kids.ece-short-viewer .kids-short-slide{min-width:100vw!important;width:100vw!important;height:100svh!important;min-height:100svh!important;padding:0!important;scroll-snap-align:start;display:grid;place-items:center}
body.site-kids.ece-short-viewer .kids-short-slide-inner{width:100%;height:100%;max-width:none;max-height:none}
body.site-kids.ece-short-viewer .kids-short-player{width:min(100vw,56.25svh)!important;height:min(100svh,177.7778vw)!important;max-width:520px;max-height:925px;aspect-ratio:9/16;border:0!important;border-radius:0!important;box-shadow:none!important}
body.site-kids.ece-short-viewer .kids-short-player iframe{width:100%;height:100%}
body.site-kids.ece-short-viewer .short-fallback{display:none!important}
body.site-kids.ece-short-viewer .kids-short-overlay-top{left:calc(50% - min(26vw,260px));right:calc(50% - min(26vw,260px));top:max(78px,calc(env(safe-area-inset-top) + 74px))}
body.site-kids.ece-short-viewer .kids-short-overlay-bottom{left:calc(50% - min(26vw,260px));right:calc(50% - min(26vw,260px));bottom:max(28px,calc(env(safe-area-inset-bottom) + 30px));padding-right:62px}
body.site-kids.ece-short-viewer .kids-short-overlay-bottom h2{font-size:1.02rem}
body.site-kids.ece-short-viewer .kids-short-actions{right:max(calc(50% - min(28vw,280px)),12px);bottom:max(68px,calc(env(safe-area-inset-bottom) + 66px));gap:10px}
body.site-kids.ece-short-viewer .kids-short-actions button,
body.site-kids.ece-short-viewer .kids-short-actions a{width:48px;height:48px;border:1px solid rgba(255,255,255,.18);background:rgba(23,23,38,.80);color:#fff;backdrop-filter:blur(10px);box-shadow:0 10px 26px rgba(0,0,0,.26)}
body.site-kids.ece-short-viewer .kids-short-index{left:calc(50% - min(26vw,260px));bottom:max(18px,calc(env(safe-area-inset-bottom) + 16px));background:rgba(23,23,38,.72)}
.ece-short-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:4000;background:rgba(255,255,255,.10)}
.ece-short-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd84d,#f15bb5,#32b8e8);box-shadow:0 0 12px rgba(241,91,181,.55);transition:width .25s ease}
.ece-short-sound{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:12;width:44px;height:44px;border:0;border-radius:50%;background:rgba(23,23,38,.78);color:#fff;backdrop-filter:blur(10px);box-shadow:0 10px 22px rgba(0,0,0,.24)}
.ece-short-sound.is-muted{background:rgba(241,91,181,.92)}
.ece-short-hint{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 22px);z-index:3900;color:#fff;background:rgba(20,20,35,.66);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;font-size:.68rem;font-weight:850;pointer-events:none;transition:opacity .35s ease,transform .35s ease}
.ece-short-hint.is-hidden{opacity:0;transform:translateX(-50%) translateY(8px)}
.ece-short-next{position:fixed;right:max(calc(50% - min(28vw,280px)),12px);top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(23,23,38,.72);color:#fff;backdrop-filter:blur(10px);box-shadow:0 12px 24px rgba(0,0,0,.25)}
.ece-short-topbar{position:fixed;left:50%;transform:translateX(-50%);top:max(66px,calc(env(safe-area-inset-top) + 62px));z-index:3900;display:flex;gap:7px;align-items:center;background:rgba(20,20,35,.66);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);border-radius:999px;padding:6px 9px;color:#fff;font-size:.67rem;font-weight:900}
.ece-short-topbar .dot{width:7px;height:7px;border-radius:50%;background:#53d6ad;box-shadow:0 0 0 4px rgba(83,214,173,.12)}

/* Description: JS ölçümüyle açılıp kapanır, eski max-height karmaşasını kaldırır */
body.site-kids .desc-collapsed{overflow:hidden;max-height:7.4rem;position:relative}
body.site-kids .desc-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(180deg,rgba(255,255,255,0),var(--bs-body-bg,#fff));pointer-events:none}
body.site-kids .desc-collapsed.is-open{max-height:2000px!important}
body.site-kids .desc-collapsed.is-open::after{display:none}
body.site-kids #btnToggleDesc{background:#f6f2ff;border-radius:999px;padding:8px 14px;color:#6354d9!important}

/* Game */
body.site-kids .kids-star-game{border:2px solid rgba(108,92,231,.10);background:linear-gradient(145deg,#fffdf3,#f6f0ff 56%,#eefbff);box-shadow:0 20px 38px rgba(73,60,142,.09)}
body.site-kids .kids-star-game [data-game-start]{background:linear-gradient(135deg,#6c5ce7,#f15bb5,#32b8e8)}
body.site-kids .kids-star-game [data-game-area]{min-height:180px}
body.site-kids .article-mini-game{margin:2rem 0}

/* Mobile */
@media(max-width:767.98px){
  body.site-kids{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  body.site-kids .kids-home-hero{padding:18px!important;border-radius:24px!important}
  body.site-kids .kids-hero-title{font-size:2rem;letter-spacing:-1.1px}
  body.site-kids .kids-section-title{font-size:1.12rem}
  body.site-kids .kids-see-all{padding:7px 10px;font-size:.72rem}
  body.site-kids .kids-home-feed{gap:12px}
  body.site-kids .kids-home-feed .clickable-card{border-radius:18px!important}
  body.site-kids .kids-short-card .card-body{min-height:112px}
  .ece-short-topbar{top:calc(env(safe-area-inset-top) + 64px)}
  body.site-kids.ece-short-viewer{padding-bottom:0}
  body.site-kids.ece-short-viewer .navbar{height:64px}
  body.site-kids.ece-short-viewer .navbar-brand img{width:34px;height:34px}
  body.site-kids.ece-short-viewer .navbar-brand{font-size:.88rem!important}
  body.site-kids.ece-short-viewer .kids-short-overlay-top{left:12px;right:12px}
  body.site-kids.ece-short-viewer .kids-short-overlay-bottom{left:12px;right:12px;padding-right:56px}
  body.site-kids.ece-short-viewer .kids-short-actions{right:10px}
  body.site-kids.ece-short-viewer .kids-short-index{left:12px}
  .ece-short-next{right:10px}
}
@media(min-width:768px){
  body.site-kids .kids-shorts-feed{scrollbar-color:#8b7ff0 rgba(108,92,231,.06)}
}
@keyframes kids-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}

/* Dark */
[data-bs-theme="dark"] body.site-kids{--ece-bg:#10111d;--ece-card:#1a1b2b;--ece-ink:#f8f6ff;--ece-muted:#a9afc5;background:
  radial-gradient(circle at 8% 4%,rgba(255,216,77,.09),transparent 18rem),
  radial-gradient(circle at 95% 10%,rgba(50,184,232,.08),transparent 21rem),#0f101b}
[data-bs-theme="dark"] body.site-kids .kids-home-hero{background:linear-gradient(135deg,#20203a,#25223e 50%,#19313c);border-color:rgba(255,255,255,.08)!important}
[data-bs-theme="dark"] body.site-kids .kids-hero-title,[data-bs-theme="dark"] body.site-kids .kids-section-title{color:#fff}
[data-bs-theme="dark"] body.site-kids .kids-hero-copy,[data-bs-theme="dark"] body.site-kids .kids-section-sub{color:#bbc0d4}
[data-bs-theme="dark"] body.site-kids .kids-hero-pill,[data-bs-theme="dark"] body.site-kids .kids-hero-card,[data-bs-theme="dark"] body.site-kids .kids-hero-stat,[data-bs-theme="dark"] body.site-kids .kids-home-feed .clickable-card{background:#1b1d2d!important;color:#fff}
[data-bs-theme="dark"] body.site-kids .kids-see-all{background:#1e2032;color:#c9c2ff}
[data-bs-theme="dark"] body.site-kids #btnToggleDesc{background:#26223d}
[data-bs-theme="dark"] body.site-kids .desc-collapsed::after{background:linear-gradient(180deg,rgba(27,29,45,0),#1b1d2d)}