/*
Theme Name: OTAKUPLANET
Author: FAYNAR / OTAKUPLANET
Description: Dedicated lightweight OTAKUPLANET theme, preserving approved graphic collection pages and native WooCommerce checkout.
Version: 1.0.1
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: otakuplanet
*/
@font-face{font-family:'OP Brush';src:url('assets/musashi-brush.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
:root{--op-ink:#090a0c;--op-paper:#ede9df;--op-red:#e02529;--op-muted:#bbb3aa}
*{box-sizing:border-box}
html{background:var(--op-ink);scroll-behavior:smooth}
body{margin:0;background:var(--op-ink);color:var(--op-paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
a{color:inherit;text-underline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--op-red);outline-offset:4px}
.screen-reader-text,.op-skip-link{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap}
.op-skip-link:focus{clip:auto;clip-path:none;width:auto;height:auto;left:15px;top:45px;background:var(--op-paper);color:var(--op-ink);z-index:100000;padding:12px 20px}
.op-theme-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 6vw;background:#08090b;border-bottom:1px solid #ffffff25}
.op-theme-brand{font:36px/1.2 'OP Brush',Impact,sans-serif;letter-spacing:-1px;text-decoration:none;white-space:nowrap}
.op-theme-brand span{color:var(--op-red)}
.op-theme-menu{display:flex;gap:30px;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}
.op-theme-menu a{text-decoration:none;display:block;padding:10px 0}
.op-theme-menu a[aria-current=page],.op-theme-menu .current-menu-item>a{border-bottom:2px solid var(--op-red)}
.op-theme-shop-link{padding:10px 18px;border:1px solid #746b65;text-decoration:none;font-size:12px;white-space:nowrap;min-height:44px}
.op-theme-main{min-height:60vh;padding:55px 7vw 80px;max-width:1600px;margin:auto}
.op-theme-page-title{padding:15px 0 45px;border-bottom:1px solid #ffffff25;margin-bottom:40px}
.op-theme-kicker{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#c6aca8;margin:0 0 16px}
.op-theme-page-title h1{font:clamp(43px,5.4vw,80px)/1.15 'OP Brush',Impact,sans-serif;margin:0;max-width:1100px;overflow-wrap:break-word}
.op-theme-archive-description{max-width:700px;color:var(--op-muted);font-size:14px}
.op-theme-prose{background:var(--op-paper);color:#252125;padding:clamp(25px,5vw,65px);font-size:16px;line-height:1.9;overflow-wrap:break-word}
.op-theme-prose>:first-child{margin-top:0}
.op-theme-prose>:last-child{margin-bottom:0}
.op-theme-prose h2,.op-theme-prose h3,.op-theme-prose h4{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;line-height:1.25;margin:1.5em 0 .6em}
.op-theme-prose h2{font-size:32px}.op-theme-prose h3{font-size:25px}
.op-theme-prose a{color:#93232a}
.op-theme-prose figure{max-width:100%;margin:25px 0}.op-theme-prose iframe{max-width:100%}
.op-theme-prose blockquote{margin:30px 0;padding:12px 25px;border-left:3px solid var(--op-red);background:#e5ddd2}
.op-theme-prose table{width:100%;border-collapse:collapse}.op-theme-prose td,.op-theme-prose th{padding:12px;border:1px solid #c4bbae;text-align:left}
.op-theme-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.op-theme-post-card{min-width:0;display:flex;flex-direction:column;background:#141217;border:1px solid #ffffff25}
.op-theme-post-image{display:block;background:#211b22}.op-theme-post-image img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}
.op-theme-post-copy{padding:27px;flex:1;display:flex;flex-direction:column;align-items:start}
.op-theme-post-copy h2{font:400 29px/1.22 Impact,'Arial Narrow',sans-serif;margin:0 0 20px;overflow-wrap:break-word}.op-theme-post-copy h2 a{text-decoration:none}
.op-theme-post-copy p:not(.op-theme-kicker){color:var(--op-muted);font-size:14px}.op-theme-post-copy .op-theme-read{margin-top:auto;padding-top:20px;color:#eee2d9;font-size:12px}
.op-theme-article{max-width:1100px;margin:auto}.op-theme-article-image{background:#19141b;margin-bottom:30px}.op-theme-article-image img{display:block;max-height:620px;width:100%;object-fit:contain}
.op-theme-article-links{display:flex;gap:25px;justify-content:space-between;padding:35px 0;font-size:13px}
.op-theme-footer{padding:40px 7vw;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #ffffff25;background:#08090b}.op-theme-footer p{font-size:11px;color:var(--op-muted)}
.op-theme-footer nav{display:flex;gap:25px;flex-wrap:wrap;font-size:12px}.op-theme-footer nav a{text-decoration:none}
.pagination{padding-top:35px}.pagination .nav-links{display:flex;gap:15px;flex-wrap:wrap}.pagination a,.pagination .current{padding:8px 16px;border:1px solid #ffffff40;text-decoration:none}.pagination .current{background:var(--op-red)}
input,select,textarea,button{font:inherit}input,select,textarea{max-width:100%;padding:12px;background:#faf7f0;border:1px solid #aaa097;border-radius:0;color:#19171a}input[type=checkbox],input[type=radio]{width:auto;min-height:0}input[type=submit],button{cursor:pointer}
.op-theme-standard button,.op-theme-standard input[type=submit],.op-theme-standard .wp-block-button__link{background:var(--op-red);color:white;border:0;padding:13px 22px;border-radius:0;min-height:44px;text-decoration:none}
.op-theme-standard .search-form{display:flex;gap:10px;flex-wrap:wrap}.op-theme-standard .search-field{width:100%}
.op-theme-comments{max-width:850px;margin:40px auto;color:var(--op-paper)}.op-theme-comments label{display:block}.op-theme-comments textarea{width:100%}.comment-list{padding-left:25px}
.op-theme-woocommerce{background:var(--op-paper);color:#211c20}.op-theme-woocommerce .woocommerce-breadcrumb{color:#655b54}.op-theme-woocommerce .page-title{font:48px/1.2 'OP Brush',Impact,sans-serif}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:12px;min-height:44px}.woocommerce form .form-row label{line-height:1.7}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--op-red);color:#fff;border-radius:0;line-height:1.5;padding:12px 22px}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce button.button.alt:hover{background:#ad1e28;color:#fff}
.woocommerce div.product .product_title{font-family:Impact,'Arial Narrow',sans-serif}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;line-height:1.2}
.woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{background:#f7f1e8;color:#282227}.woocommerce table.shop_table{border-color:#c3b8aa}.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:12px}
@media(max-width:1000px){.op-theme-header{gap:20px}.op-theme-menu{gap:20px}.op-theme-shop-link{display:none}.op-theme-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.op-theme-header{padding:22px 6vw;flex-wrap:wrap;gap:12px}.op-theme-brand{font-size:31px}.op-theme-header nav{width:100%}.op-theme-menu{gap:14px 20px;font-size:10px;letter-spacing:1px}.op-theme-main{padding:35px 6vw 50px}.op-theme-page-title{margin-bottom:28px;padding-bottom:30px}.op-theme-page-title h1{font-size:43px}.op-theme-post-grid{grid-template-columns:minmax(0,1fr)}.op-theme-prose{padding:25px 20px;font-size:15px}.op-theme-prose h2{font-size:28px}.op-theme-footer{padding:35px 6vw;flex-direction:column;align-items:start}.op-theme-article-links{flex-direction:column}.op-theme-post-copy{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}