/*
	Theme Name: NOP Orange
	Theme URI: https://niceoppai.net/
	Description: Orange-black WordPress theme for Niceoppai. Chrome (topbar/footer/bottom-nav/home) that pairs with the "Niceoppai Orange" engine skin (niceoppaiorange) in the niceoppaienginex plugin. The full design system lives in the skin's css.css; this file is theme glue only.
	Version: 1.0.0
	Author: NOP Remake
	Template notes: keeps the solveImage anti-scrape system from the niceoppai theme verbatim.
*/

/* This file is loaded AFTER the skin css.css (which carries all design tokens +
   components). Only WordPress-integration glue lives here. */

/* --- WP admin bar vs the sticky top bar --- */
body.admin-bar .topbar{top:32px}
@media screen and (max-width:782px){ body.admin-bar .topbar{top:46px} }
@media screen and (max-width:600px){ body.admin-bar .topbar{top:0} }

/* --- Widget areas rendered inside .layout__side (dynamic_sidebar emits
       <li class="wid"><h2 class="title">..</h2><div class="con">..</div></li>) --- */
.layout__side .wid{list-style:none;margin:0;border:1px solid var(--line);border-radius:16px;background:var(--paper-card);box-shadow:0 22px 46px -28px rgba(0,0,0,.7);overflow:hidden}
.layout__side .wid .title{font-family:var(--disp);font-weight:800;font-size:.92rem;letter-spacing:.05em;text-transform:uppercase;margin:0;padding:10px var(--s3);border-bottom:1px solid var(--line);color:var(--ink)}
.layout__side .wid .con{padding:var(--s3);color:var(--ink-soft);font-size:.9rem}
.layout__side .wid .con a{color:var(--ink)}
.layout__side .wid .con a:hover{color:var(--seal)}
.layout__side .textwidget img{max-width:100%;height:auto;border-radius:10px}

/* Top Page widget area (below the top bar) */
.top_page{max-width:var(--maxw);margin:0 auto;padding:var(--s3) var(--s4)}

/* --- Basic content typography for plain WP pages --- */
.page-content h2,.wrap > h2{font-family:var(--disp);font-weight:800;margin:var(--s5) 0 var(--s3)}
.wrap > p{margin:0 0 var(--s3);color:var(--ink-soft)}
.wrap > ul,.wrap > ol{margin:0 0 var(--s3) var(--s5);color:var(--ink-soft)}
.wrap a{color:var(--seal)}

/* --- Comment-reply link etc. from WP core, kept unobtrusive --- */
.sharethis-inline-share-buttons{margin-top:var(--s3)}