/*
Theme Name: S Coloring Pages
Description: Printable coloring pages theme with Download Image / Download PDF buttons under every image and ad-ready areas.
Version: 1.0
Text Domain: scp
*/
:root{--bg:#f6f8ff;--card:#fff;--ink:#1c2340;--muted:#5d6788;--p:#4f46e5;--pd:#3a32c4;--s:#ff6f91;--line:#dde3f7;--r:16px}
*{box-sizing:border-box;margin:0;padding:0}
body{font:17px/1.7 "Nunito",system-ui,sans-serif;background:var(--bg);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--p);text-decoration:none}a:hover{color:var(--pd)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--s);outline-offset:2px}
h1,h2,h3{font-family:"Fredoka",sans-serif;line-height:1.25;color:var(--ink)}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
/* header */
.site-header{background:#fff;border-bottom:2px solid var(--line);position:sticky;top:0;z-index:50}
.bar{display:flex;align-items:center;gap:18px;min-height:66px}
.brand{display:flex;align-items:center;gap:8px;font:600 1.4rem Fredoka;color:var(--ink)}
.brand i{font-style:normal;color:var(--s);font-size:1.6rem}
.menu{margin-left:auto;display:flex;gap:4px;list-style:none;align-items:center}
.menu a{display:block;padding:8px 14px;border-radius:999px;color:var(--ink);font-weight:700}
.menu a:hover,.menu .current-menu-item a{background:var(--bg);color:var(--p)}
.tgl{display:none;margin-left:auto;background:var(--p);color:#fff;border:0;border-radius:999px;padding:8px 16px;font:600 1rem Fredoka;cursor:pointer}
.search-form{display:flex;border:2px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.search-form input[type=search]{border:0;padding:8px 14px;font:inherit;min-width:0;width:100%}
.search-form input[type=submit]{border:0;background:var(--p);color:#fff;padding:0 16px;font:600 .95rem Fredoka;cursor:pointer}
/* ads */
.ad{margin:22px auto;text-align:center;min-height:100px;overflow:hidden}
.ad:before{content:"Advertisement";display:block;font-size:.72rem;color:var(--muted);margin-bottom:4px}
.ad:empty{display:none}
/* layout */
.page-title{font-size:clamp(1.8rem,4vw,2.6rem);margin:30px 0 20px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;padding-bottom:30px}
.layout.full{grid-template-columns:1fr}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.card{background:var(--card);border:2px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .15s}
.card:hover{border-color:var(--p)}
.card .th{aspect-ratio:16/10;background:var(--line);display:grid;place-items:center;font-size:3rem;color:var(--s)}
.card .th img{width:100%;height:100%;object-fit:cover}
.card .tx{padding:14px 16px 18px}
.card h3{font-size:1.1rem;margin-bottom:6px}.card h3 a{color:var(--ink)}
.card p{font-size:.92rem;color:var(--muted)}
/* article */
.crumbs{font-size:.88rem;color:var(--muted);margin:22px 0 6px}
.post-meta{color:var(--muted);font-size:.9rem;margin-bottom:16px}
.entry{background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:26px}
.entry h1{font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:6px}
.entry-content>*+*{margin-top:1em}
.entry-content h2{font-size:1.6rem;margin-top:1.6em}
.entry-content h3{font-size:1.25rem;margin-top:1.3em}
.entry-content ul,.entry-content ol{padding-left:1.4em}
.entry-content img{border-radius:12px;border:2px solid var(--line);margin:0 auto}
/* download buttons under images */
.dl-fig{margin:16px 0;text-align:center}
.dl-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.dl-btn{border:0;border-radius:999px;padding:9px 20px;font:600 .95rem Fredoka;cursor:pointer;color:#fff;background:var(--p)}
.dl-btn.pdf{background:var(--s)}
.dl-btn:hover{filter:brightness(.92)}
.dl-btn[disabled]{opacity:.6;cursor:wait}
/* sidebar */
.side{position:sticky;top:84px}
.widget{background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:18px}
.widget h2{font-size:1.15rem;margin-bottom:10px}
.widget ul{list-style:none}.widget li{padding:5px 0;border-bottom:1px solid var(--line);font-size:.95rem}.widget li:last-child{border:0}
.widget.ad-w{background:none;border:0;padding:0}
/* footer */
.site-footer{background:var(--ink);color:#c9d3f2;padding:36px 0 24px;margin-top:20px}
.site-footer h2,.site-footer h3{color:#fff}
.ft{display:grid;grid-template-columns:2fr 1fr;gap:28px;margin-bottom:18px}
.site-footer ul{list-style:none}.site-footer a{color:#c9d3f2}.site-footer a:hover{color:#fff}
.copy{border-top:1px solid #34406b;padding-top:14px;font-size:.9rem}
.nav-links{display:flex;gap:10px;margin:24px 0}.nav-links a,.nav-links span{padding:6px 14px;border-radius:999px;background:#fff;border:2px solid var(--line);font-weight:700}
.nav-links .current{background:var(--p);color:#fff;border-color:var(--p)}
.comments{margin-top:26px}.comments input[type=text],.comments input[type=email],.comments input[type=url],.comments textarea{width:100%;padding:10px;border:2px solid var(--line);border-radius:10px;font:inherit}
.comments input[type=submit]{background:var(--p);color:#fff;border:0;border-radius:999px;padding:10px 22px;font:600 1rem Fredoka;cursor:pointer}
@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:static}.ft{grid-template-columns:1fr}
.tgl{display:block}.menu{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px;border-bottom:2px solid var(--line)}.menu.open{display:flex}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}