/*
Theme Name: EatNails
Description: Punk zine look. Photocopy black, torn paper, ransom-note lettering, hot red.
Version: 0.2.3
Requires at least: 6.5
Text Domain: eatnails
*/
:root{--en-ink:#111;--en-paper:#efe9da;--en-red:#e0142c;--en-yel:#f2e600;--en-char:#0e0e0e}
body{background:var(--en-char);color:var(--en-ink);background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:4px 4px}
.en-masthead{padding:2rem 1rem 1.2rem;text-align:center;color:var(--en-paper)}
.en-logo{font-size:clamp(2rem,8vw,4.6rem);line-height:1;margin:0;display:flex;justify-content:center;flex-wrap:wrap;gap:.08em;align-items:flex-end}
.en-logo a{text-decoration:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.06em;align-items:flex-end}
.en-logo span{display:inline-block;padding:.02em .14em;box-shadow:2px 3px 0 #000a;font-weight:900;text-transform:uppercase}
.en-logo small{font:700 .3em "Courier New",monospace;color:var(--en-yel);padding:0 0 .3em .3em}
.en-tag{font-family:"Courier New",monospace;letter-spacing:.2em;text-transform:uppercase;font-size:.95rem;margin:1rem 0 0;color:var(--en-paper)}
.en-est{font-family:"Courier New",monospace;font-size:.75rem;letter-spacing:.22em;margin:.3rem 0 0;color:var(--en-red)}
.en-nav{max-width:1100px;margin:.4rem auto 0;background:#000;border-top:3px solid var(--en-red);border-bottom:3px solid var(--en-red);padding:.6rem 1rem;font-family:"Courier New",monospace}
.en-nav a{color:var(--en-paper);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.85rem;text-decoration:none;padding:.3rem .8rem}
.en-nav a:hover{background:var(--en-red);color:#fff;transform:rotate(-2deg);display:inline-block}
.en-main{max-width:1100px;margin:0 auto 2rem;background:var(--en-paper);padding:2rem 1.8rem 2.2rem;font-family:"Courier New",Courier,monospace;color:var(--en-ink);box-shadow:0 14px 40px #000;clip-path:polygon(0 1.2%,6% 0,14% 1%,23% .2%,34% 1.1%,47% 0,58% 1%,70% .1%,82% 1.2%,92% .1%,100% 1%,100% 98.8%,93% 100%,80% 99%,66% 100%,51% 99.1%,38% 100%,22% 99%,9% 100%,0 98.9%)}
.en-main h1,.en-main h2,.en-main h3,.wp-block-post-title{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;line-height:1.05;color:var(--en-ink)}
.en-main h2{display:inline-block;background:#000;color:var(--en-paper);padding:.1em .45em;transform:rotate(-1deg);font-size:1.5rem}
.en-main a{color:var(--en-red);font-weight:700}
.en-kicker{display:inline-block;background:var(--en-yel);color:#000;font-weight:700;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;padding:.15rem .5rem;transform:rotate(-2deg);margin:0 0 .8rem}
.en-hero h1{font-size:clamp(2.3rem,7vw,4.6rem);margin:.2rem 0 1rem;text-shadow:3px 3px 0 var(--en-red)}
.en-hero p{font-size:1.05rem;max-width:36rem}
.wp-block-button__link,.en-main .button,.en-main .wp-element-button,.woocommerce a.button,.woocommerce button.button{background:#000!important;color:var(--en-paper)!important;border-radius:0!important;font-family:"Courier New",monospace;text-transform:uppercase;letter-spacing:.14em;font-weight:700;box-shadow:4px 4px 0 var(--en-red);text-decoration:none!important}
.en-strip{background:#000;color:var(--en-paper);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:.9rem;margin:2rem 0 0;transform:rotate(-.6deg);border-top:3px solid var(--en-red)}
.en-foot{color:var(--en-paper);font-family:"Courier New",monospace;font-size:.8rem;text-align:center;padding:.5rem 1rem 3rem}
.en-foot a{color:var(--en-paper);margin:0 .6rem}
ul.products li.product,.wc-block-grid__product{background:#fff;padding:.6rem;box-shadow:3px 4px 0 #000}
ul.products li.product:nth-child(odd){transform:rotate(-.8deg)}ul.products li.product:nth-child(even){transform:rotate(.7deg)}
.woocommerce-loop-product__title,.wc-block-grid__product-title{font-family:"Courier New",monospace!important;font-size:.9rem!important}

/* WooCommerce block templates (shop, product, cart, checkout) render inside <main>, not .en-main */
.wp-site-blocks>main.wp-block-group,.wp-site-blocks>main{max-width:1100px;margin:0 auto 2rem;background:var(--en-paper);color:var(--en-ink);padding:1.5rem 1.2rem 2.2rem;font-family:"Courier New",Courier,monospace;box-shadow:0 14px 40px #000}
main a,main .wp-block-post-title a,main .wc-block-components-product-name,main .woocommerce-loop-product__title,main .wp-block-woocommerce-product-collection a{color:var(--en-ink)!important;text-decoration:none}
main a:hover{color:var(--en-red)!important}
main .wp-block-post-title,main h1,main h2,main h3{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;color:var(--en-ink)}
main .wc-block-components-product-price,main .price,main .woocommerce-Price-amount,main .wp-block-woocommerce-product-price{color:var(--en-red)!important;font-weight:700;font-size:1.1rem}
main select,main input,main textarea{background:#fff;color:#111;border:2px solid #111;border-radius:0}
main .wc-block-components-product-image img,main img{border:0}
main .wc-block-components-product-sale-badge,main .onsale{background:var(--en-red);color:#fff;border-radius:0}
main .woocommerce-breadcrumb,main .wc-block-breadcrumbs{font-size:.8rem}
.en-nav{display:flex;flex-wrap:wrap;gap:.2rem}
@media(max-width:600px){.en-main,.wp-site-blocks>main{padding:1.2rem .9rem 1.6rem}.en-hero h1{font-size:2.2rem}}
main a.wp-element-button,main a.wp-block-button__link,main .wc-block-components-button,main .wp-block-button a,main button.wp-element-button{color:var(--en-paper)!important;background:#000!important}
main a.wp-element-button:hover,main .wp-block-button a:hover{color:#fff!important;background:var(--en-red)!important}
.wp-site-blocks main li.product.outofstock .wp-block-post-title::after,.wp-site-blocks main li.outofstock .wp-block-post-title::after{content:"Reserved";display:inline-block;margin-left:.4rem;background:var(--en-yel);color:#000;font:700 .65rem "Courier New",monospace;letter-spacing:.14em;text-transform:uppercase;padding:.1rem .4rem;transform:rotate(-3deg);vertical-align:middle}
/* single product: main is nested inside .woocommerce.product, so paper goes on that wrapper */
.wp-site-blocks>.wp-block-group.woocommerce.product{max-width:1100px;margin:0 auto 2rem;background:var(--en-paper);color:var(--en-ink);padding:1.5rem 1.2rem 2.2rem;font-family:"Courier New",Courier,monospace;box-shadow:0 14px 40px #000}
.wp-site-blocks>.wp-block-group.woocommerce.product>main{background:transparent;box-shadow:none;padding:0;margin:0;max-width:none}