/* MangaVerse v7.3 — 18+ switch + Main-mode reliability polish */

/* Header 18+ switch: label + proper left/right track */
.mva-header-adult-form{margin:0;display:flex;align-items:center}
.mva-head-adult-toggle{
 min-height:42px;
 padding:0 10px 0 11px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 border:1px solid #e0e3e6;
 border-radius:999px;
 background:#fff;
 color:#3b4046;
 cursor:pointer;
 box-shadow:0 1px 2px rgba(18,22,28,.03);
 transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.mva-head-adult-toggle:hover{border-color:#cfd4d9;background:#fafafa}
.mva-head-adult-label{font-size:11px;font-weight:850;letter-spacing:.01em;line-height:1}
.mva-head-adult-track{
 position:relative;
 width:34px;
 height:20px;
 flex:0 0 34px;
 display:block;
 border-radius:999px;
 background:#d9dde1;
 box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);
 transition:background .2s ease;
}
.mva-head-adult-track i{
 position:absolute;
 top:3px;
 left:3px;
 width:14px;
 height:14px;
 border-radius:50%;
 background:#fff;
 box-shadow:0 1px 4px rgba(20,24,28,.22);
 transition:transform .2s cubic-bezier(.2,.8,.2,1);
}
.mva-head-adult-toggle.is-on{
 border-color:rgba(242,138,0,.42);
 background:#fffaf4;
 box-shadow:0 0 0 3px rgba(242,138,0,.07);
}
.mva-head-adult-toggle.is-on .mva-head-adult-label{color:#9a5b00}
.mva-head-adult-toggle.is-on .mva-head-adult-track{background:var(--mva-accent,#f28a00)}
.mva-head-adult-toggle.is-on .mva-head-adult-track i{transform:translateX(14px)}

/* Drawer switch gets the same predictable left/right behavior */
.mva-adult-toggle-row{cursor:pointer}
.mva-switch{position:relative;flex:0 0 48px;width:48px;height:28px;border-radius:999px;background:#d8dde2;transition:background .2s ease}
.mva-switch i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.20);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.mva-switch.is-on{background:var(--mva-accent,#f28a00)}
.mva-switch.is-on i{left:3px;transform:translateX(20px)}

/* Home prompt: only one compact block while 18+ is OFF */
.mva-home-adult-cta{padding-top:22px;padding-bottom:22px}
.mva-home-adult-callout{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:22px;
 padding:18px 20px;
 border:1px solid #ead9c0;
 border-radius:10px;
 background:#fffcf8;
 box-shadow:none;
}
.mva-home-adult-copy{min-width:0;flex:1 1 auto}
.mva-home-adult-kicker{
 display:inline-flex;
 align-items:center;
 min-height:22px;
 padding:0 8px;
 border-radius:999px;
 background:#fff1de;
 color:#965800;
 font-size:9px;
 font-weight:850;
 letter-spacing:.06em;
 text-transform:uppercase;
}
.mva-home-adult-copy h2{margin:8px 0 5px;font-size:18px;line-height:1.2;letter-spacing:-.25px;color:#2b2f34}
.mva-home-adult-copy p{margin:0;max-width:720px;color:#71777d;font-size:11px;line-height:1.55}
.mva-home-adult-form{margin:0;flex:0 0 auto}
.mva-home-adult-btn{
 min-height:40px;
 padding:0 14px;
 border:0;
 border-radius:7px;
 background:#25292e;
 color:#fff;
 font-size:10px;
 font-weight:800;
 cursor:pointer;
 white-space:nowrap;
}
.mva-home-adult-btn:hover{background:#111417}

/* Main mode should never look disabled just because 18+ is off. */
body:not(.mva-adult-visible) .mva-content-shell{opacity:1;filter:none}
.mva-home-adult-cta + .mva-section{border-top:0}

/* Chapter metadata on cards: quiet text, no awkward badge. */
.r18-title-card-foot{margin-top:5px;min-height:18px}
.r18-card-latest{display:flex;align-items:baseline;gap:4px;color:#858b91;font-size:9.5px;line-height:1.35}
.r18-card-latest strong{color:#4a5056;font-size:9.5px;font-weight:800}

/* Reset action should look secondary, not like raw browser HTML. */
.mva-age-reset-form button{
 width:100%;
 min-height:38px;
 padding:0 12px;
 border:1px solid #e0e3e6;
 border-radius:7px;
 background:#fff;
 color:#656b72;
 font-size:10px;
 font-weight:700;
 cursor:pointer;
}
.mva-age-reset-form button:hover{border-color:#cfd4d9;background:#fafafa;color:#30353a}
.mva-age-reset-form button.is-working{opacity:.65;pointer-events:none}

@media(max-width:720px){
 .mva-head-adult-toggle{min-height:38px;padding:0 8px;gap:6px}
 .mva-head-adult-label{font-size:9px}
 .mva-head-adult-track{width:30px;height:18px;flex-basis:30px}
 .mva-head-adult-track i{top:3px;left:3px;width:12px;height:12px}
 .mva-head-adult-toggle.is-on .mva-head-adult-track i{transform:translateX(12px)}
 .mva-home-adult-callout{flex-direction:column;align-items:stretch;gap:13px;padding:15px}
 .mva-home-adult-copy h2{font-size:16px}
 .mva-home-adult-copy p{font-size:10px}
 .mva-home-adult-form,.mva-home-adult-btn{width:100%}
}
