/*
Theme Name: Mondókák Játszóháza
Author: Mondokak.hu
Description: Gyors, gyerekcentrikus magazinsablon, élő előnézethez.
Version: 1.5.0
Text Domain: mondokak-jatszohaza
*/
:root{--blue:#285d86;--ink:#33485b}*{box-sizing:border-box}body{margin:0;background:#fffdf8;color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:#28658e;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{max-width:1180px;margin:auto;padding:0 20px}.header{background:white;box-shadow:0 2px 18px #3453a015}.brandbar{padding:17px 0;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.65rem;font-weight:900;color:#285d86}.nav{background:#e6f3ff}.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.nav li{position:relative}.nav a{display:block;padding:11px 14px;font-weight:700}.nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;z-index:5;box-shadow:0 10px 25px #203a551e}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block}.nav .sub-menu a{padding:8px 12px}.hero{margin:25px 0;background:linear-gradient(110deg,#def0ff,#e6f5e5,#fff0d4);padding:35px;border-radius:25px}.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;color:var(--blue);margin:0 0 12px}.hero p{margin:0 0 17px}.hero form{display:flex;max-width:510px;background:white;border-radius:30px;overflow:hidden}.hero input{flex:1;min-width:0;padding:12px 16px;border:0}.hero button{background:#28658e;color:white;border:0;padding:10px 19px;cursor:pointer}.section{margin:32px 0 43px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.section h2{color:var(--blue);font-size:1.65rem;margin:0}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick{min-height:105px;padding:15px 8px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border-radius:18px;background:#fff0c7;font-weight:800;color:#40556b;box-shadow:0 5px 18px #234a6714}.quick:nth-child(6n+2){background:#ffe3eb}.quick:nth-child(6n+3){background:#dff3e5}.quick:nth-child(6n+4){background:#e4e9ff}.quick:nth-child(6n+5){background:#ffe9d9}.quick:nth-child(6n){background:#efe4ff}.quick b{font-size:1.8rem}.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 5px 22px #234a6714;border:1px solid #eef0f3;min-width:0}.thumb{display:block;height:165px;background:#e7f2e7;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb.empty{display:grid;place-items:center;font-size:2.4rem}.card-body{padding:12px 15px}.card h3{font-size:1.05rem;line-height:1.35;margin:0 0 7px}.card p{font-size:.84rem;color:#708094;margin:0}.mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:195px 195px}.mosaic .card{display:flex;flex-direction:column}.mosaic .card:first-child{grid-column:span 2;grid-row:span 2}.mosaic .card:nth-child(2){grid-column:span 2}.mosaic .thumb{height:0;flex:1;min-height:0}.mosaic .card-body{flex:none;padding:9px 12px}.mosaic .card p{display:none}.mosaic .card:first-child p{display:block}.mosaic h3{font-size:.92rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;margin:35px auto}.article{background:white;border:1px solid #eef0f3;border-radius:18px;padding:clamp(20px,3vw,34px);min-width:0;overflow-wrap:anywhere}.article h1{color:var(--blue);line-height:1.2}.article h2,.article h3{color:var(--blue)}.article .entry a{text-decoration:underline}.sidebar .widget{background:white;padding:16px;border:1px solid #edf0f3;border-radius:15px;margin-bottom:16px;overflow-wrap:anywhere}.widget-title{font-size:1.1rem;color:var(--blue);margin:0 0 12px}.sidebar img,.sidebar iframe{max-width:100%}.footer{background:#e6f3ff;padding:24px 0;margin-top:45px}.pagination{margin:25px 0}.pagination .page-numbers{padding:8px}.top{position:fixed;right:17px;bottom:18px;background:#28658e;color:white;border:0;border-radius:50%;width:45px;height:45px;font-size:22px;cursor:pointer}.toggle{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:5px;top:5px;background:white;z-index:10}@media(max-width:850px){.quick-grid{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:700px){.toggle{display:block;border:0;background:#e6f3ff;padding:9px;border-radius:8px}.nav{display:none}.nav.open{display:block}.nav ul{display:block}.nav .sub-menu{display:block;position:static;box-shadow:none;padding-left:14px}.hero{padding:23px}.posts{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic{grid-template-rows:auto}.mosaic .card:first-child,.mosaic .card:nth-child(2){grid-column:auto;grid-row:auto}.mosaic .card{display:block}.mosaic .thumb{height:120px}.layout{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:440px){.quick-grid{grid-template-columns:repeat(2,1fr)}.posts:not(.mosaic){grid-template-columns:1fr}.mosaic h3{font-size:.85rem}}

/* V1.1 – látványos, kép nélküli cikkillusztrációk a korábbi apró emojik helyett */
.thumb.empty{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dff4ff 0%,#f8e7ff 52%,#fff1d1 100%);overflow:hidden}
.card:nth-child(6n+2) .thumb.empty{background:linear-gradient(135deg,#e5f6dd,#fff0c5,#ffdfdf)}
.card:nth-child(6n+3) .thumb.empty{background:linear-gradient(135deg,#ffe8d8,#ffe0f0,#e5e8ff)}
.card:nth-child(6n+4) .thumb.empty{background:linear-gradient(135deg,#dcf4f3,#e4edff,#fff1d9)}
.thumb.empty:before,.thumb.empty:after{content:"";position:absolute;border-radius:50%;background:#ffffff75;z-index:-1}
.thumb.empty:before{width:175px;height:175px;top:-90px;right:-35px}
.thumb.empty:after{width:120px;height:120px;bottom:-70px;left:-22px}
.mj-illustration{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.mj-illustration-character{font-size:clamp(4.2rem,7vw,6.8rem);line-height:1;filter:drop-shadow(0 9px 5px #55606b1a);transform:rotate(-7deg);transition:transform .25s}
.thumb.empty:hover .mj-illustration-character{transform:rotate(4deg) scale(1.09)}
.mj-illustration-sun{position:absolute;left:14%;top:10%;font-size:1.5rem;color:#e4a84c}
.mj-illustration-stars{position:absolute;right:9%;bottom:10%;font-size:1.1rem;color:#b18ac6;letter-spacing:4px}
.mosaic .card:first-child .mj-illustration-character{font-size:clamp(6rem,11vw,10rem)}
@media(max-width:700px){.mj-illustration-character{font-size:4.2rem}.mosaic .card:first-child .mj-illustration-character{font-size:4.2rem}}