/* v1 — kaynak o2 tasarımına ek minik düzeltmeler ve WordPress uyumu */

/* === Minimal cartoon "YENİ" sticker (RegularShow vibe) ===
   Tüm kartlarda sabit sarı (cartoon.css nth-child renklerini override).
   Yüksek spesifite + body prefix.  */
body .oyunlarYeni li .rs-card-badge,
body .oyunlar li .rs-card-badge,
body .t_populeroyunlar li .rs-card-badge,
body .oyunlareditor li .rs-card-badge,
body .t_benzeroyunlar ul li .rs-card-badge,
body .rs-card-badge,
body .rs-card-badge--yeni{
    position: absolute !important;
    top: 6px !important; left: 6px !important;
    z-index: 3 !important;
    font-family: 'Fredoka', system-ui, sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    line-height: 1 !important;
    padding: 3px 6px 2px !important;
    background: #FFD43B !important;
    background-image: none !important;
    color: #1D2B4B !important;
    border: 1.5px solid #1D2B4B !important;
    border-radius: 3px !important;
    box-shadow: 1.5px 1.5px 0 #1D2B4B !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    transform: rotate(-5deg) !important;
    transform-origin: center !important;
    animation: none !important;
    pointer-events: none !important;
    transition: transform .18s ease !important;
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
    display: inline-block !important;
}
/* Karta hover'da hafif sallan */
.oyunlarYeni li:hover .rs-card-badge,
.oyunlar li:hover .rs-card-badge{
    transform: rotate(-2deg) scale(1.08) !important;
}
@media (max-width: 600px){
    body .rs-card-badge,
    body .rs-card-badge--yeni{
        font-size: 8.5px !important;
        padding: 2px 5px !important;
        border-width: 1px !important;
        box-shadow: 1px 1px 0 #1D2B4B !important;
    }
}

/* Boş oyun gridlerini gizle (eklenti pasifken / hiç oyun yokken çirkin border görünmesin) */
.oyunlar ul:empty,
.oyunlareditor ul:empty,
.oyunlarYeni ul:empty,
.pop4-list ul:empty,
.t_benzeroyunlar ul:empty{display:none}
.t_populeroyunlar:has(ul:empty),
.pop4-strip:has(ul:empty),
.oyunlar-yenileri:has(ul:empty){display:none}


/* WP admin bar açıkken yapışık header'ın altına itme */
html.wp-toolbar .wrapper{margin-top:46px}
@media screen and (min-width:783px){html.wp-toolbar .wrapper{margin-top:32px}}

/* Search results için form input'unda dolu değer */
.arama-form input[type="search"]{width:100%;background:transparent;border:none;outline:none;padding:8px 55px 8px 15px;font-size:14px;color:var(--text);font-family:inherit}

/* Pagination (kategori/arama) — site stiline uyumlu */
.v1-pagination{margin:30px 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.v1-pagination .page-numbers{padding:8px 14px;border:1px solid var(--border-strong);border-radius:8px;color:var(--text);background:var(--surface);font-weight:600;text-decoration:none;transition:all .2s}
.v1-pagination .page-numbers:hover{background:var(--bg-hover);color:var(--primary);border-color:var(--primary)}
.v1-pagination .page-numbers.current{background:var(--primary);color:#fff;border-color:var(--primary)}

/* 404 */
.rs-404{text-align:center;padding:60px 20px}
.rs-404-number{font-family:'Fredoka',sans-serif;font-size:140px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.rs-404-title{font-size:28px;font-weight:800;margin:10px 0 8px;color:var(--text)}
.rs-404-sub{color:var(--text-muted);margin-bottom:24px}
.rs-404-btn{display:inline-block;padding:12px 22px;border-radius:12px;background:var(--primary);color:#fff;font-weight:700;text-decoration:none;transition:all .2s}
.rs-404-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}

/* Modern sayfa başlığı (h1 versiyonu için tema uyumu) */
.modern-sayfa-baslik h1{font-size:26px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;margin:0;color:#fff}

/* Sayfalama (yorum) */
.sayfalama{margin-top:25px;text-align:center}

/* Footer widget area uyumu — WP widget HTML'i tema stiline bağla
   NOT: cartoon.css'teki global h3 color rule'u footer'da koyu metin veriyor;
   bu yüzden tüm widget h3'lerinde !important + spesifik selector kullanıyoruz. */
.site-footer .widget{ margin: 0; }
.site-footer .widget + .widget{ margin-top: 18px; }

/* Widget başlıkları — TÜM footer widget alanlarında aynı görünsün */
.site-footer .widget h3,
.site-footer .widget .widget-title,
.site-footer .widget h2{
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 20px !important;
    padding-bottom: 10px !important;
    position: relative !important;
    line-height: 1.3 !important;
    background: transparent !important;
    border: 0 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}
.site-footer .widget h3::after,
.site-footer .widget .widget-title::after,
.site-footer .widget h2::after{
    content: ""; position: absolute; left: 0; bottom: 0;
    width: 30px; height: 3px;
    background: var(--secondary, #6ed3cf);
    border-radius: 2px;
}

/* Widget içindeki ul listeler — footer-links stilini al */
.footer-col .widget ul{
    list-style: none; padding: 0; margin: 0;
    display: flex; flex-direction: column; gap: 12px;
}
.footer-col .widget ul li{ margin: 0; }
.footer-col .widget ul li a{
    color: rgba(255,255,255,0.7); font-size: 14px; font-weight: 500;
    display: flex; align-items: center; transition: all 0.2s;
}
.footer-col .widget ul li a::before{
    content: "›"; margin-right: 8px; color: var(--secondary);
    font-size: 18px; line-height: 1; transition: transform 0.2s;
}
.footer-col .widget ul li a:hover{ color: #fff; transform: translateX(5px); }
.footer-col .widget ul li a:hover::before{ transform: translateX(3px); }

/* Brand kolonundaki widget — biraz farklı (slogan tarzı) */
.footer-brand .widget{ color: rgba(255,255,255,0.6); }
.footer-brand .widget p{ font-size: 14px; line-height: 1.8; color: rgba(255,255,255,0.6); margin-top: 15px; }

/* (Brand widget başlıkları için artık yukarıdaki .site-footer .widget h3 yeterli) */

/* V1 özel widget'lar — footer renkleriyle uyumlu */

/* Son Yorumlar widget'ı */
.v1-rc{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:14px; }
.v1-rc-item{ display:flex; gap:10px; align-items:flex-start; }
.v1-rc-avatar{ width:36px; height:36px; border-radius:50%; flex-shrink:0; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); object-fit:cover; }
.v1-rc-content{ flex:1; min-width:0; }
.v1-rc-meta{ font-size:12.5px; color:rgba(255,255,255,.85); margin-bottom:2px; line-height:1.4; }
.v1-rc-meta strong{ color:#fff; font-weight:600; }
.v1-rc-meta a{ color:var(--secondary); text-decoration:none; }
.v1-rc-meta a:hover{ text-decoration:underline; }
.v1-rc-text{ font-size:12.5px; color:rgba(255,255,255,.6); line-height:1.45; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

/* Footer'da widget içinde › chevron'unu v1 widget'larda devre dışı */
.footer-col .widget .v1-rc li::before,
.footer-col .widget .v1-game-mini li::before,
.footer-col .widget .v1-rc li a::before,
.footer-col .widget .v1-game-mini li a::before{ display:none !important; }

/* Popüler / Son Eklenen oyun mini liste */
.v1-game-mini{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.v1-game-mini li{ margin:0 !important; }
.v1-game-mini li a{
    display:flex !important; gap:10px; align-items:center;
    padding:6px; border-radius:6px;
    background:rgba(255,255,255,.04);
    transition:background .15s, transform .15s;
    color:rgba(255,255,255,.85) !important;
}
.v1-game-mini li a:hover{ background:rgba(255,255,255,.08); transform:none !important; color:#fff !important; }
.v1-game-mini li a::before{ display:none; }
.v1-game-mini img{ width:48px; height:36px; object-fit:cover; border-radius:4px; flex-shrink:0; }
.v1-game-mini span{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.v1-game-mini strong{ font-size:12.5px; color:#fff; font-weight:600; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v1-game-mini small{ font-size:11px; color:rgba(255,255,255,.5); }

/* Kategoriler widget'ı */
.v1-cat-list{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:6px; }
.v1-cat-list li{ margin:0 !important; }
.v1-cat-list li a{
    display:flex !important; align-items:center; gap:10px;
    padding:8px 12px; border-radius:8px;
    background:rgba(255,255,255,.04);
    color:rgba(255,255,255,.85) !important;
    font-size:13.5px; transition:all .15s;
}
.v1-cat-list li a::before{ display:none !important; }
.v1-cat-list li a:hover{ background:var(--secondary); color:#0b1220 !important; transform:translateX(2px); }
.v1-cat-icon{ width:22px; height:22px; object-fit:contain; flex-shrink:0; opacity:.85; }
.v1-cat-name{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v1-cat-count{
    font-size:11px; padding:2px 8px;
    background:rgba(255,255,255,.08); color:rgba(255,255,255,.65);
    border-radius:99px; font-weight:600;
    flex-shrink:0;
}
.v1-cat-list li a:hover .v1-cat-count{ background:rgba(0,0,0,.15); color:rgba(0,0,0,.7); }

/* Search widget özel */
.footer-col .widget .search-form{ display: flex; gap: 6px; }
.footer-col .widget .search-form input[type="search"]{
    flex: 1; padding: 8px 12px; border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.06); color: #fff; border-radius: 8px; font-size: 13px;
}
.footer-col .widget .search-form input[type="submit"]{
    background: var(--secondary); color: #0b1220; border: 0; padding: 8px 14px;
    border-radius: 8px; font-weight: 700; cursor: pointer;
}

/* ============ ARAMA SAYFASI — Cartoon Network / RegularShow edası
   Blok renk + kalın siyah outline + offset gölge + Fredoka + hafif eğim. Gradient yok, glow yok. */

:root{
    --rs-ink: #1D2B4B;
    --rs-yellow: #FFD43B;
    --rs-pink: #FF6B9D;
    --rs-blue: #6ED3CF;
    --rs-green: #86EFAC;
    --rs-orange: #FB923C;
    --rs-purple: #C084FC;
}

/* HERO — sade başlık bandı, form yok (header'da zaten var) */
.v1-search-hero{
    position: relative;
    padding: 18px 26px 20px;
    background: var(--rs-yellow);
    border: 3px solid var(--rs-ink);
    border-radius: 18px;
    box-shadow: 5px 5px 0 var(--rs-ink);
    color: var(--rs-ink);
    margin-bottom: 26px;
    transform: rotate(-0.3deg);
}
.v1-search-hero-label{
    display: inline-block;
    font-family: 'Fredoka', sans-serif;
    font-size: 11px; font-weight: 700;
    background: var(--rs-ink); color: #fff;
    padding: 3px 10px;
    border-radius: 99px;
    letter-spacing: 0.08em; text-transform: uppercase;
    margin-bottom: 6px;
}
.v1-search-hero-title{
    font-family: 'Fredoka', sans-serif !important;
    font-size: 28px !important; font-weight: 700 !important;
    color: var(--rs-ink) !important;
    margin: 0 0 4px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}
.v1-search-hero-sub{
    font-family: 'Nunito', sans-serif;
    font-size: 14px; font-weight: 600;
    color: var(--rs-ink); opacity: .85;
    margin: 0; line-height: 1.5;
}
.v1-search-hero-sub strong{ font-weight: 800; opacity: 1; background: #fff; padding: 1px 8px; border-radius: 6px; border: 2px solid var(--rs-ink); }

@media (max-width: 760px){
    .v1-search-hero{ padding: 14px 18px; transform: none; text-align: center; }
    .v1-search-hero-title{ font-size: 22px !important; }
}

/* Sonuç meta */
.v1-search-meta{
    display: flex; align-items: center; gap: 10px;
    font-family: 'Nunito', system-ui, sans-serif;
    font-size: 13px; color: var(--text-muted, #475569);
    margin: -10px 0 16px; padding: 0 6px;
}
.v1-search-meta strong{ color: var(--rs-ink); font-weight: 800; }
.v1-search-meta-sep{ opacity: .4; }

/* BOŞ DURUM — gerçek Mordecai + Rigby sticker'ı */
.v1-search-empty{
    position: relative;
    text-align: center;
    padding: 30px 24px 28px;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,212,59,.18), transparent 60%),
        #fff;
    border: 3px solid var(--rs-ink);
    border-radius: 18px;
    box-shadow: 5px 5px 0 var(--rs-ink);
    margin-bottom: 28px;
    overflow: hidden;
}
.v1-search-empty::before{
    content: ""; position: absolute; inset: 0;
    background-image: radial-gradient(circle, rgba(29,43,75,.06) 1px, transparent 1px);
    background-size: 16px 16px;
    pointer-events: none;
    z-index: 0;
}
.v1-search-empty > *{ position: relative; z-index: 1; }

.v1-search-empty-chars{
    position: relative;
    height: 200px;
    margin-bottom: 18px;
    display: flex; align-items: flex-end; justify-content: center;
    gap: 0;
}
.v1-search-empty-chars img{
    height: 200px; width: auto;
    filter: drop-shadow(0 6px 0 rgba(29,43,75,.15));
}
.v1-empty-mordecai{
    transform: rotate(-6deg) translateX(20px);
    animation: v1-empty-sway 3.6s ease-in-out infinite;
}
.v1-empty-rigby{
    transform: rotate(8deg) translateX(-20px);
    animation: v1-empty-sway 3.6s ease-in-out infinite reverse;
}
@keyframes v1-empty-sway{
    0%, 100%{ transform: rotate(-6deg) translateX(20px) translateY(0); }
    50%{ transform: rotate(-4deg) translateX(20px) translateY(-4px); }
}
.v1-empty-rigby{ animation-name: v1-empty-sway-r; }
@keyframes v1-empty-sway-r{
    0%, 100%{ transform: rotate(8deg) translateX(-20px) translateY(0); }
    50%{ transform: rotate(6deg) translateX(-20px) translateY(-3px); }
}
/* Konuşma kabarcığı — karakterlerin SOLUNDA (Mordecai'nin kafasının yanında, üstünde değil) */
.v1-empty-bubble{
    position: absolute;
    top: 30px; left: 30%;
    transform: rotate(-6deg);
    background: #fff;
    border: 3px solid var(--rs-ink);
    border-radius: 50%;
    width: 64px; height: 64px;
    display: inline-flex; align-items: center; justify-content: center;
    font-family: 'Fredoka', sans-serif;
    font-size: 24px; font-weight: 700;
    color: var(--rs-ink);
    box-shadow: 3px 3px 0 var(--rs-ink);
    z-index: 2;
    letter-spacing: 1px;
}
/* Kuyruk — sağa-aşağı, Mordecai'nin kafasına işaret eder */
.v1-empty-bubble::after{
    content: ""; position: absolute;
    bottom: -12px; right: 14px;
    width: 0; height: 0;
    border-left: 4px solid transparent;
    border-right: 12px solid transparent;
    border-top: 16px solid var(--rs-ink);
    transform: rotate(-15deg);
}
.v1-empty-bubble::before{
    content: ""; position: absolute;
    bottom: -8px; right: 17px;
    width: 0; height: 0;
    border-left: 3px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #fff;
    transform: rotate(-15deg);
    z-index: 1;
}

@media (max-width: 600px){
    .v1-empty-bubble{ left: 18%; top: 20px; width: 50px; height: 50px; font-size: 20px; }
}

.v1-search-empty-title{
    font-family: 'Fredoka', sans-serif !important;
    font-size: 24px !important; font-weight: 700 !important;
    color: var(--rs-ink) !important;
    margin: 0 0 6px !important;
    text-shadow: none !important; -webkit-text-stroke: 0 !important;
}
.v1-search-empty-sub{
    font-family: 'Nunito', sans-serif;
    font-size: 14px; font-weight: 600;
    color: var(--rs-ink); opacity: .8;
    max-width: 480px; margin: 0 auto 14px; line-height: 1.5;
}
.v1-search-empty-sub strong{ background: var(--rs-yellow); padding: 1px 8px; border-radius: 6px; border: 2px solid var(--rs-ink); opacity: 1; }

@media (max-width: 600px){
    .v1-search-empty-chars{ height: 150px; }
    .v1-search-empty-chars img{ height: 150px; }
    .v1-empty-bubble{ width: 50px; height: 50px; font-size: 20px; }
}

.v1-search-tips{
    list-style: none; padding: 0; margin: 16px auto 0;
    max-width: 460px;
    display: flex; flex-direction: column; gap: 6px;
}
.v1-search-tips li{
    padding: 8px 12px 8px 36px;
    background: var(--rs-yellow);
    border: 2px solid var(--rs-ink);
    border-radius: 8px;
    font-family: 'Nunito', sans-serif;
    font-size: 13.5px; font-weight: 600;
    color: var(--rs-ink);
    position: relative; text-align: left;
    box-shadow: 2px 2px 0 var(--rs-ink);
}
.v1-search-tips li:nth-child(2){ background: var(--rs-blue); }
.v1-search-tips li:nth-child(3){ background: var(--rs-green); }
.v1-search-tips li::before{
    content: "★"; position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
    color: var(--rs-ink); font-weight: 800; font-size: 16px;
}

/* Bölüm başlıkları */
.v1-search-section{ margin-bottom: 32px; }
h3.v1-search-section-title,
.v1-search-section-title{
    font-family: 'Fredoka', system-ui, sans-serif !important;
    display: inline-block !important;
    font-size: 16px !important; font-weight: 700 !important;
    background: var(--rs-ink) !important;
    color: #fff !important;
    padding: 8px 18px !important;
    border: 2px solid var(--rs-ink) !important;
    border-radius: 10px !important;
    margin: 0 0 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    box-shadow: 3px 3px 0 var(--rs-yellow) !important;
    transform: rotate(-1deg) !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}

/* Kategori sticker grid — her kart farklı renk */
.v1-search-cats{
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
}
.v1-search-cat{
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 14px 16px;
    background: var(--rs-yellow);
    border: 2.5px solid var(--rs-ink);
    border-radius: 12px;
    box-shadow: 3px 3px 0 var(--rs-ink);
    color: var(--rs-ink) !important;
    font-family: 'Fredoka', sans-serif;
    font-weight: 700; font-size: 14px;
    transition: transform .15s;
    text-decoration: none !important;
}
.v1-search-cat:nth-child(4n+2){ background: var(--rs-blue); }
.v1-search-cat:nth-child(4n+3){ background: var(--rs-pink); color: var(--rs-ink) !important; }
.v1-search-cat:nth-child(4n+4){ background: var(--rs-green); }
.v1-search-cat:nth-child(2n){ transform: rotate(-1deg); }
.v1-search-cat:nth-child(2n+1){ transform: rotate(0.7deg); }
.v1-search-cat:hover{
    transform: translate(-2px, -2px) rotate(0deg);
    box-shadow: 5px 5px 0 var(--rs-ink);
    text-decoration: none !important;
}
.v1-search-cat-name{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v1-search-cat-count{
    font-size: 12px; padding: 3px 9px;
    background: #fff; color: var(--rs-ink);
    border: 2px solid var(--rs-ink);
    border-radius: 99px; font-weight: 800;
    flex-shrink: 0;
}

@media (max-width: 900px){ .v1-search-cats{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px){ .v1-search-cats{ grid-template-columns: 1fr; } }

/* Pagination — cartoon stili */
.v1-pagination{ display: flex; justify-content: center; gap: 6px; margin: 24px 0; flex-wrap: wrap; }
.v1-pagination .page-numbers{
    font-family: 'Fredoka', sans-serif;
    font-size: 14px; font-weight: 700;
    padding: 8px 14px;
    background: #fff;
    border: 2.5px solid var(--rs-ink);
    border-radius: 8px;
    color: var(--rs-ink) !important;
    box-shadow: 2px 2px 0 var(--rs-ink);
    transition: transform .12s;
    text-decoration: none !important;
}
.v1-pagination .page-numbers:hover{ transform: translate(-1px, -1px); box-shadow: 3px 3px 0 var(--rs-ink); }
.v1-pagination .page-numbers.current{ background: var(--rs-yellow); }

/* Form error */
.v1-form-msg{padding:12px 14px;border-radius:8px;margin-bottom:14px;font-weight:600;font-size:14px}
.v1-form-msg.is-ok{background:#dcfce7;color:#166534;border:1px solid #86efac}
.v1-form-msg.is-err{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}