/*
Theme Name: Dark Lime by Freelancer AbdullahTofa
Theme URI: https://abdullahtofa.com/
Author: Hussain Abdullah Tofa
Author URI: https://abdullahtofa.com/
Description: A fast, minimal, server-rendered WordPress theme built for freelancers, creators, and indie portfolios. Electric lime accent on deep black, with Customizer controls for fonts (20+ Google Font pairs including Roboto), accent colour, menus, analytics, footer columns, and copyright. Fully styled comments with threaded replies, a built-in 404 page that returns proper HTTP status, optional sidebar template with widget area support, and security hardening — author enumeration blocked, security headers shipped, XML-RPC disabled, generic login errors, no version disclosure. Performance-first: preconnect hints, font-display swap, deferred scripts, lazy images, trimmed WordPress overhead. Works with any SEO plugin and analytics setup. No optimizer plugin required.
Version: 2.6.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dark-lime
Tags: dark, blog, portfolio, freelancer, custom-menu, custom-colors, featured-images, threaded-comments, right-sidebar
*/

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0a0a0a;--bg-2:#111111;--bg-3:#1a1a1a;--bg-input:#1a1a1a;
  --fg:#f5f5f5;--fg-2:#a3a3a3;--fg-3:#6b6b6b;
  --accent:#b9ff3f;--accent-text:#5e8500;--accent-dim:rgba(185,255,63,.12);
  --line:rgba(255,255,255,.06);--line-2:rgba(255,255,255,.1);
  --radius:20px;--max-w:1200px;--content-w:740px;--media-w:920px;
  --font-body:'Geist','Segoe UI',system-ui,sans-serif;
  --font-display:'Instrument Serif',serif;
  --font-mono:'Geist Mono',ui-monospace,monospace;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--accent);color:#0a0a0a}

body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}
body::after{content:"";position:fixed;top:-200px;left:50%;transform:translateX(-50%);width:900px;height:900px;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(185,255,63,.04),transparent 65%)}

/* ===== NAV ===== */
.nav{position:fixed;top:1.25rem;left:50%;transform:translateX(-50%);z-index:100;background:rgba(17,17,17,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line-2);border-radius:999px;padding:.5rem .65rem;display:flex;align-items:center;gap:.15rem;max-width:95vw}
.nav-brand{font-family:var(--font-display);font-style:italic;font-size:1.05rem;padding:0 .9rem;white-space:nowrap;color:var(--fg)}
.nav-links{display:flex;align-items:center;gap:.1rem}
.nav-links > ul.menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.1rem}
.nav-links > a,
.nav-links > ul.menu > li > a,
.nav-dropdown-btn{padding:.45rem .85rem;font-size:.8rem;color:var(--fg-2);border-radius:999px;transition:all .2s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;cursor:pointer;font-family:inherit}
.nav-links > a:hover,
.nav-links > ul.menu > li > a:hover,
.nav-dropdown-btn:hover{color:var(--fg);background:rgba(255,255,255,.06)}
.nav-links > a.cta,
.nav-links > ul.menu > li.menu-item-cta > a{background:var(--accent);color:#0a0a0a;font-weight:600;margin-left:.25rem}
.nav-links > a.cta:hover,
.nav-links > ul.menu > li.menu-item-cta > a:hover{filter:brightness(1.1);background:var(--accent);color:#0a0a0a}
.nav-links > ul.menu > li.current-menu-item > a,
.nav-links > ul.menu > li.current-menu-parent > a{color:var(--accent)}
.nav-links li.menu-item-has-children{position:relative}
.nav-links .sub-menu{display:none;list-style:none;margin:0;padding:.5rem;position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);background:rgba(17,17,17,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line-2);border-radius:16px;min-width:220px;z-index:110;box-shadow:0 16px 40px rgba(0,0,0,.5)}
.nav-links li.menu-item-has-children:hover > .sub-menu,
.nav-links li.menu-item-has-children:focus-within > .sub-menu{display:block}
.nav-links .sub-menu li a{display:block;padding:.6rem .85rem;border-radius:10px;font-size:.82rem;color:var(--fg-2)}
.nav-links .sub-menu li a:hover{background:rgba(255,255,255,.06);color:var(--fg)}
/* Icon before a primary menu label */
.nav-item-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:.1rem}
.nav-item-icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
/* Chevron after a parent item */
.nav-chevron{width:9px;height:9px;opacity:.5;margin-left:.1rem;transition:transform .2s}
.nav-links li.menu-item-has-children:hover > a .nav-chevron{transform:rotate(180deg)}

.nav-dropdown{position:relative}
.nav-dropdown-btn .nav-chevron{transition:transform .2s;opacity:.5;width:10px;height:10px}
.nav-dropdown.open .nav-dropdown-btn .nav-chevron{transform:rotate(180deg)}
.nav-dropdown-btn .nav-item-icon svg{width:15px;height:15px;opacity:1}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + .65rem);left:50%;transform:translateX(-50%);background:rgba(17,17,17,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line-2);border-radius:16px;padding:.5rem;min-width:260px;z-index:110;box-shadow:0 16px 40px rgba(0,0,0,.5)}
.nav-dropdown.open .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:10px;transition:background .15s;text-decoration:none}
.nav-dropdown-menu a:hover{background:rgba(255,255,255,.06)}
.tool-icon{width:36px;height:36px;background:var(--accent-dim);border:1px solid rgba(185,255,63,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tool-icon svg{width:16px;height:16px;color:var(--accent)}
.tool-text{display:flex;flex-direction:column}
.tool-title{font-size:.82rem;font-weight:500;color:var(--fg)}
.tool-desc{font-size:.68rem;color:var(--fg-3);margin-top:.1rem}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.45rem;color:var(--fg)}
.nav-toggle svg{width:20px;height:20px}

/* ===== MOBILE MENU ===== */
.mobile-menu{display:none;position:fixed;inset:0;z-index:200;background:rgba(10,10,10,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;transition:opacity .3s ease;overflow-y:auto}
.mobile-menu.open{display:flex;opacity:1}
.mobile-menu-inner{width:100%;max-width:400px;margin:0 auto;padding:5rem 2rem 3rem;display:flex;flex-direction:column;gap:2.5rem}
.mobile-menu-brand{font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:var(--fg);padding-bottom:1.5rem;border-bottom:1px solid var(--line);margin-bottom:-1rem}
.mobile-menu-close{position:fixed;top:1.25rem;right:1.25rem;background:rgba(255,255,255,.06);border:1px solid var(--line-2);border-radius:999px;cursor:pointer;color:var(--fg-2);padding:.6rem;transition:color .2s}
.mobile-menu-close:hover{color:var(--fg)}
.mobile-menu-close svg{width:18px;height:18px;display:block}
.mobile-menu-section{display:flex;flex-direction:column;gap:.4rem}
.mobile-menu-section ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}
.mobile-menu-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:.5rem}
.mobile-menu-section > a,
.mobile-menu-section ul li a{font-size:1.05rem;color:var(--fg-2);padding:.7rem 0;transition:color .2s;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.mobile-menu-section > a:hover,
.mobile-menu-section ul li a:hover{color:var(--accent)}
.mobile-menu-section > a:last-child,
.mobile-menu-section ul li:last-child a{border-bottom:none}
.mobile-menu-section a .subtle{display:block;font-size:.7rem;color:var(--fg-3);margin-top:.15rem;font-family:var(--font-mono)}
/* Mobile icon menu (Tools with icons) */
.mobile-icon-menu{padding:0!important}
.mobile-icon-menu li a{flex-direction:row!important;align-items:center;gap:.75rem;padding:.7rem 0!important;border-bottom:1px solid var(--line)}
.mobile-icon-menu li:last-child a{border-bottom:none}
.mobile-icon-menu .menu-icon{width:34px;height:34px}
.mobile-icon-menu .menu-title{font-size:.98rem;font-weight:400;color:var(--fg-2)}
.mobile-icon-menu li a:hover .menu-title{color:var(--accent)}
.mobile-icon-menu .menu-desc{font-size:.68rem;color:var(--fg-3);font-family:var(--font-mono)}

/* ===== READING PROGRESS ===== */
.reading-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:150;transition:width .1s linear}

/* ===== POST HERO ===== */
.post-hero{position:relative;z-index:1;padding:8rem 1.5rem 3rem;max-width:var(--content-w);margin:0 auto;text-align:center}
.post-meta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem}
.post-category{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);background:var(--accent-dim);padding:.3rem .75rem;border-radius:999px;text-decoration:none}
.post-category:hover{filter:brightness(1.15)}
.post-date,.post-reading-time{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-3)}
.post-hero h1{font-family:var(--font-display);font-style:italic;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.1;letter-spacing:-.02em}

/* ===== FEATURED IMAGE (narrower than max) ===== */
.featured-image{position:relative;z-index:1;max-width:var(--media-w);margin:0 auto 3rem;padding:0 1.5rem}
.featured-image img{width:100%;border-radius:var(--radius);border:1px solid var(--line)}

/* ===== POST CONTENT ===== */
.post-content{position:relative;z-index:1;max-width:var(--content-w);margin:0 auto;padding:0 1.5rem;font-size:1.05rem;color:var(--fg)}
.post-content > * + *{margin-top:1.5rem}
.post-content h2{font-family:var(--font-display);font-style:italic;font-size:2rem;font-weight:400;line-height:1.2;margin-top:3rem;margin-bottom:1rem;letter-spacing:-.01em}
.post-content h3{font-family:var(--font-body);font-weight:600;font-size:1.35rem;line-height:1.3;margin-top:2.25rem;margin-bottom:.75rem}
.post-content h4{font-weight:600;font-size:1.1rem;margin-top:1.75rem;margin-bottom:.5rem}
.post-content p{color:var(--fg);line-height:1.8}
.post-content a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(185,255,63,.3);text-underline-offset:3px;transition:text-decoration-color .2s}
.post-content a:hover{text-decoration-color:var(--accent)}
.post-content strong{color:var(--fg);font-weight:600}
.post-content em{font-style:italic;color:var(--fg-2)}
.post-content blockquote{border-left:3px solid var(--accent);padding:.5rem 0 .5rem 1.5rem;margin:2rem 0;color:var(--fg-2);font-family:var(--font-display);font-style:italic;font-size:1.2rem;line-height:1.5}
.post-content ul,.post-content ol{padding-left:1.5rem;color:var(--fg)}
.post-content li{margin-bottom:.5rem}
.post-content li::marker{color:var(--accent)}
.post-content code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-2);padding:.15em .4em;border-radius:4px;border:1px solid var(--line);color:var(--accent)}
.post-content pre{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:1.25rem;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.6}
.post-content pre code{background:none;border:none;padding:0;color:var(--fg)}
.post-content img,.post-content figure{border-radius:12px;margin:2rem 0;border:1px solid var(--line)}
.post-content figure{padding:0;overflow:hidden}
.post-content figcaption{font-size:.8rem;color:var(--fg-3);text-align:center;margin-top:.5rem;font-family:var(--font-mono)}
.post-content hr{border:none;height:1px;background:var(--line-2);margin:3rem 0}
.post-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.92rem}
.post-content th,.post-content td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--line)}
.post-content th{font-weight:600;color:var(--accent);background:var(--bg-2)}

/* WP block tables — let Gutenberg's own colours render; only ensure readable text when a row has a light background and inherit the dark theme otherwise */
.post-content .wp-block-table{margin:2rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.post-content .wp-block-table > table{width:100%;margin:0;border-collapse:collapse;font-size:.9rem}
.post-content .wp-block-table td,
.post-content .wp-block-table th{padding:.85rem 1rem}
/* When a cell/row carries a Gutenberg background colour, force dark text so it stays readable on the light fill */
.post-content .wp-block-table [style*="background-color"],
.post-content .wp-block-table .has-background{color:#1a1a1a}
.post-content .wp-block-table .has-background strong,
.post-content .wp-block-table .has-background b{color:#0a0a0a}

/* ===== WOOCOMMERCE (colour theming only — WC keeps its own layout) ===== */
/* Outer = full-bleed dark band; inner = centered, width-constrained column */
.dark-lime-woo-outer{position:relative;z-index:1;width:100%;padding:7rem 1.5rem 4rem;color:var(--fg)}
.dark-lime-woo-inner{max-width:var(--max-w);margin:0 auto;width:100%}
.dark-lime-woo-inner .woocommerce-page-content{width:100%}
/* Back-compat alias so existing .dark-lime-woo-inner rules below still apply */
.dark-lime-woo-inner a{color:var(--accent)}
/* Single product: two-column layout (gallery | summary) — direct children of the single product only */
.dark-lime-woo-inner .product.type-product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem;align-items:start}
.dark-lime-woo-inner .product.type-product > .woocommerce-product-gallery{width:auto!important;float:none!important;margin:0!important;max-width:100%;position:relative;overflow:hidden}
.dark-lime-woo-inner .product.type-product > .summary,
.dark-lime-woo-inner .product.type-product > .entry-summary{width:auto!important;float:none!important;margin:0!important;clear:none!important;min-width:0}
.dark-lime-woo-inner .woocommerce-product-gallery__wrapper{margin:0;overflow:hidden}
.dark-lime-woo-inner .woocommerce-product-gallery__image{position:relative;overflow:hidden}
.dark-lime-woo-inner .woocommerce-product-gallery img{border-radius:var(--radius);border:1px solid var(--line);display:block;width:100%;height:auto}
/* Neutralise WooCommerce's zoom magnifier if it ever appears (cached JS / plugins) */
.dark-lime-woo-inner .zoomImg{display:none!important}
/* Tabs + related + upsells span full width below the two columns */
.dark-lime-woo-inner .product.type-product > .woocommerce-tabs,
.dark-lime-woo-inner .product.type-product > .related,
.dark-lime-woo-inner .product.type-product > .up-sells,
.dark-lime-woo-inner .product.type-product > .upsells{grid-column:1/-1}
.dark-lime-woo-inner .related.products > h2,
.dark-lime-woo-inner .up-sells.products > h2,
.dark-lime-woo-inner .related > h2,
.dark-lime-woo-inner .up-sells > h2{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.75rem;color:var(--fg);margin:3rem 0 1.5rem}
.dark-lime-woo-inner .related,
.dark-lime-woo-inner .up-sells{margin-top:2rem}
.dark-lime-woo-inner .woocommerce-breadcrumb{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.5rem}
.dark-lime-woo-inner .woocommerce-breadcrumb a{color:var(--fg-2)}
.dark-lime-woo-inner .woocommerce-breadcrumb a:hover{color:var(--accent)}
.dark-lime-woo-inner h1,
.dark-lime-woo-inner h1.product_title,
.dark-lime-woo-inner .page-title{font-family:var(--font-display);font-style:italic;font-weight:400;line-height:1.15;color:var(--fg)}
.dark-lime-woo-inner h2,
.dark-lime-woo-inner h3{color:var(--fg)}
.dark-lime-woo-inner p,
.dark-lime-woo-inner li,
.dark-lime-woo-inner td,
.dark-lime-woo-inner .woocommerce-product-details__short-description{color:var(--fg-2)}
.dark-lime-woo-inner .price,
.dark-lime-woo-inner .woocommerce-Price-amount,
.dark-lime-woo-inner ins .woocommerce-Price-amount{color:var(--accent);font-weight:600}
.dark-lime-woo-inner del .woocommerce-Price-amount{color:var(--fg-3);font-weight:400}
.dark-lime-woo-inner ins{background:transparent;text-decoration:none}
/* Buttons — themed but layout untouched */
.dark-lime-woo-inner .button,
.dark-lime-woo-inner button.button,
.dark-lime-woo-inner a.button,
.dark-lime-woo-inner input[type="submit"],
.dark-lime-woo-inner .single_add_to_cart_button,
.dark-lime-woo-inner .add_to_cart_button,
.dark-lime-woo-inner .checkout-button{background:var(--accent);color:#0a0a0a;border:none;border-radius:999px;font-family:var(--font-body);font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer;transition:filter .2s}
.dark-lime-woo-inner .button:hover,
.dark-lime-woo-inner button.button:hover,
.dark-lime-woo-inner a.button:hover,
.dark-lime-woo-inner input[type="submit"]:hover,
.dark-lime-woo-inner .single_add_to_cart_button:hover,
.dark-lime-woo-inner .add_to_cart_button:hover,
.dark-lime-woo-inner .checkout-button:hover{filter:brightness(1.1);background:var(--accent);color:#0a0a0a}
.dark-lime-woo-inner .quantity input.qty{background:var(--bg-input);border:1px solid var(--line-2);border-radius:8px;color:var(--fg);padding:.5rem;text-align:center;font-family:inherit}
.dark-lime-woo-inner .product_meta{font-size:.85rem;color:var(--fg-3);padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--line)}
.dark-lime-woo-inner .product_meta a{color:var(--accent)}
/* Tabs */
.dark-lime-woo-inner .woocommerce-tabs ul.tabs li{background:var(--bg-2);border:1px solid var(--line-2)}
.dark-lime-woo-inner .woocommerce-tabs ul.tabs li a{color:var(--fg-2)}
.dark-lime-woo-inner .woocommerce-tabs ul.tabs li.active{background:var(--accent);border-color:var(--accent)}
.dark-lime-woo-inner .woocommerce-tabs ul.tabs li.active a{color:#0a0a0a}
.dark-lime-woo-inner .woocommerce-Tabs-panel h2{color:var(--fg)}
/* Sale badge */
.dark-lime-woo-inner .onsale{background:var(--accent);color:#0a0a0a;font-weight:600;border:none}
/* Product loop cards (shop / category / related) — flex column, aligned */
.dark-lime-woo-inner ul.products{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;align-items:stretch}
.dark-lime-woo-inner ul.products li.product{margin:0!important;width:auto!important;float:none!important;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:1.25rem;transition:transform .25s,border-color .25s;text-align:left;display:flex;flex-direction:column;position:relative}
.dark-lime-woo-inner ul.products li.product:hover{transform:translateY(-3px);border-color:var(--line-2)}
.dark-lime-woo-inner ul.products li.product > a:first-of-type,
.dark-lime-woo-inner ul.products li.product a.woocommerce-LoopProduct-link,
.dark-lime-woo-inner ul.products li.product a.woocommerce-loop-product__link{display:flex!important;flex-direction:column;text-decoration:none;color:inherit}
.dark-lime-woo-inner ul.products li.product img{border-radius:12px;margin:0 0 1rem!important;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.dark-lime-woo-inner ul.products li.product .woocommerce-loop-product__title{color:var(--fg)!important;font-family:var(--font-body)!important;font-style:normal!important;font-size:1rem!important;font-weight:500!important;padding:0!important;margin:0 0 .4rem!important;line-height:1.3}
.dark-lime-woo-inner ul.products li.product .price{color:var(--accent)!important;font-size:1.05rem!important;display:block;margin:0 0 1rem!important;font-weight:600}
.dark-lime-woo-inner ul.products li.product .price del{color:var(--fg-3)!important;font-weight:400;margin-right:.4rem}
.dark-lime-woo-inner ul.products li.product .price ins{color:var(--accent)!important;text-decoration:none}
/* Add-to-cart / read-more button: full-width pill pinned to bottom, never a circle */
.dark-lime-woo-inner ul.products li.product .button,
.dark-lime-woo-inner ul.products li.product a.add_to_cart_button,
.dark-lime-woo-inner ul.products li.product a.added_to_cart{display:block!important;width:100%!important;margin:auto 0 0!important;padding:.65rem 1rem!important;text-align:center!important;float:none!important;font-size:.85rem!important;line-height:1.2!important;min-height:0!important;height:auto!important;box-sizing:border-box!important;white-space:normal!important}
.dark-lime-woo-inner ul.products li.product a.added_to_cart{margin-top:.5rem!important;background:var(--bg-3)!important;color:var(--accent)!important}
/* onsale badge top-right */
.dark-lime-woo-inner ul.products li.product .onsale{position:absolute;top:1rem;right:1rem;margin:0!important;z-index:2;left:auto}
/* Notices */
.dark-lime-woo-inner .woocommerce-message,
.dark-lime-woo-inner .woocommerce-info,
.dark-lime-woo-inner .woocommerce-error,
.dark-lime-woo-inner .woocommerce-noreviews{background:var(--bg-2);border:1px solid var(--line-2);border-left:3px solid var(--accent);color:var(--fg);border-radius:8px}
.dark-lime-woo-inner .woocommerce-message a,
.dark-lime-woo-inner .woocommerce-info a{color:var(--accent)}
/* Tables (cart, checkout, account) */
.dark-lime-woo-inner table.shop_table{border:1px solid var(--line);border-radius:12px}
.dark-lime-woo-inner table.shop_table th{color:var(--fg-3);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.dark-lime-woo-inner table.shop_table td{color:var(--fg);border-top:1px solid var(--line)}
/* Form fields */
.dark-lime-woo-inner input[type="text"],
.dark-lime-woo-inner input[type="email"],
.dark-lime-woo-inner input[type="tel"],
.dark-lime-woo-inner input[type="password"],
.dark-lime-woo-inner textarea,
.dark-lime-woo-inner select,
.dark-lime-woo-inner .input-text{background:var(--bg-input);border:1px solid var(--line-2);border-radius:10px;color:var(--fg);font-family:inherit}
.dark-lime-woo-inner .star-rating,
.dark-lime-woo-inner .stars a{color:var(--accent)}
.dark-lime-woo-inner .stock.in-stock{color:var(--accent)}

/* ===== ICON MENU ITEMS (for Tools Dropdown menu location + any menu using the icon walker) ===== */
.icon-menu{list-style:none!important;padding:.5rem!important;margin:0!important}
.icon-menu li{margin:0;padding:0;list-style:none}
.icon-menu > li > a{display:flex!important;align-items:flex-start;gap:.75rem;padding:.7rem .85rem!important;border-radius:10px;text-decoration:none;color:inherit;transition:background .15s;background:none!important;font-size:.85rem!important}
.icon-menu > li > a:hover{background:rgba(255,255,255,.06)!important}
.icon-menu .menu-icon{width:36px;height:36px;background:var(--accent-dim);border:1px solid rgba(185,255,63,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.icon-menu .menu-icon svg{width:16px;height:16px;color:var(--accent);stroke:currentColor;fill:none;stroke-width:2}
.icon-menu .menu-text{display:flex;flex-direction:column;flex:1;min-width:0}
.icon-menu .menu-title{font-size:.82rem;font-weight:500;color:var(--fg);line-height:1.3}
.icon-menu .menu-desc{font-size:.68rem;color:var(--fg-3);margin-top:.15rem;line-height:1.3}

/* ===== SHARE BAR ===== */
.share-bar{max-width:var(--content-w);margin:3rem auto 0;padding:0 1.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;position:relative;z-index:1}
.share-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--fg-3);margin-right:.5rem}
.share-btn{padding:.5rem 1rem;font-size:.78rem;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--fg-2);cursor:pointer;transition:all .2s;font-family:inherit}
.share-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}
.share-btn.copied{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}

/* ===== AUTHOR CARD ===== */
.post-divider{max-width:var(--content-w);margin:4rem auto 1.5rem;padding:0 1.5rem;text-align:center;position:relative;z-index:1}
.post-divider-inner{display:inline-block;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--fg-3);padding:0 1rem;background:var(--bg);position:relative}
.post-divider::before{content:"";position:absolute;top:50%;left:1.5rem;right:1.5rem;height:1px;background:var(--line);z-index:-1}
.author-card{max-width:var(--content-w);margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}
.author-card-inner{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;display:flex;gap:1.5rem;align-items:flex-start}
.author-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#7dd3fc);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:italic;font-size:1.75rem;color:#0a0a0a;flex-shrink:0}
.author-info h4{font-family:var(--font-display);font-style:italic;font-size:1.3rem;font-weight:400;margin-bottom:.4rem}
.author-info p{color:var(--fg-2);font-size:.92rem;line-height:1.6;margin-bottom:.75rem}
.author-link{color:var(--accent);font-size:.85rem;font-weight:500;transition:opacity .2s}
.author-link:hover{opacity:.8}

/* ===== GRIDS (FIX: single card no longer stretches full width) ===== */
.related-section{max-width:var(--max-w);margin:4rem auto 0;padding:0 1.5rem;position:relative;z-index:1}
.related-section h3{font-family:var(--font-display);font-style:italic;font-size:2rem;font-weight:400;margin-bottom:2rem;text-align:center}
.related-grid,
.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,380px));gap:1.5rem;justify-content:center}
.archive-grid{max-width:var(--max-w);margin:3rem auto 0;padding:0 1.5rem;position:relative;z-index:1}
.related-card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s;text-decoration:none;color:inherit}
.related-card:hover{transform:translateY(-3px);border-color:var(--line-2)}
.related-card-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line)}
.related-card-img-placeholder{width:100%;aspect-ratio:16/9;background:var(--bg-3);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent);border-bottom:1px solid var(--line)}
.related-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.related-card-cat{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}
.related-card-title{font-size:1rem;font-weight:500;line-height:1.4;color:var(--fg)}
.related-card-date{font-family:var(--font-mono);font-size:.68rem;color:var(--fg-3);margin-top:auto}

/* ===== ARCHIVE HERO ===== */
.archive-hero{position:relative;z-index:1;padding:8rem 1.5rem 2rem;max-width:var(--max-w);margin:0 auto;text-align:center}
.archive-eyebrow{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:1rem}
.archive-hero h1{font-family:var(--font-display);font-style:italic;font-size:clamp(2.2rem,5vw,3.75rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}
.archive-hero h1 .hero-highlight{color:var(--accent);font-style:italic}
.archive-hero p{color:var(--fg-2);max-width:580px;margin:0 auto;font-size:1.05rem;line-height:1.6}

/* ===== PAGINATION ===== */
.pagination{position:relative;z-index:1;max-width:var(--max-w);margin:3rem auto 0;padding:0 1.5rem;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}
.pagination a,.pagination span{padding:.6rem 1rem;font-size:.85rem;border:1px solid var(--line-2);border-radius:999px;color:var(--fg-2);transition:all .2s;font-family:var(--font-mono)}
.pagination a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}
.pagination .current{background:var(--accent);color:#0a0a0a;border-color:var(--accent);font-weight:600}

/* ===== BACK LINK ===== */
.back-to-blog{max-width:var(--content-w);margin:3rem auto;padding:0 1.5rem;text-align:center;position:relative;z-index:1}
.back-to-blog a{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.85rem;border:1px solid var(--line-2);border-radius:999px;color:var(--fg-2);transition:all .2s}
.back-to-blog a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}

/* ===== SEARCH FORM ===== */
.search-form-wrap{position:relative;z-index:1;max-width:var(--content-w);margin:2rem auto;padding:0 1.5rem}
.search-form{display:flex;gap:.5rem}
.search-form input[type="search"]{flex:1;padding:.85rem 1.25rem;background:var(--bg-input);border:1px solid var(--line-2);border-radius:999px;color:var(--fg);font-family:inherit;font-size:.95rem;transition:border-color .2s}
.search-form input[type="search"]:focus{outline:none;border-color:var(--accent)}
.search-form button{padding:.85rem 1.75rem;background:var(--accent);color:#0a0a0a;border:none;border-radius:999px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .2s}
.search-form button:hover{filter:brightness(1.1)}

/* ===== 404 ===== */
.four-oh-four{position:relative;z-index:1;min-height:75vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem}
.four-inner{max-width:520px}
.four-code{font-family:var(--font-mono);font-size:8rem;font-weight:500;line-height:1;color:var(--accent);opacity:.15;margin-bottom:-1rem}
.four-inner h1{font-family:var(--font-display);font-style:italic;font-size:2.5rem;font-weight:400;margin-bottom:1rem;line-height:1.15}
.four-inner p{color:var(--fg-2);font-size:1.05rem;line-height:1.7;margin-bottom:2rem}
.four-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.four-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:999px;font-size:.85rem;font-weight:500;transition:all .25s}
.four-btn-primary{background:var(--accent);color:#0a0a0a}
.four-btn-primary:hover{filter:brightness(1.1)}
.four-btn-secondary{border:1px solid var(--line-2);color:var(--fg-2)}
.four-btn-secondary:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}
.four-path{margin-top:2.5rem;font-family:var(--font-mono);font-size:.72rem;color:var(--fg-3);word-break:break-all}

/* ===== COMMENTS (fully styled) ===== */
.comments-area{max-width:var(--content-w);margin:4rem auto 0;padding:0 1.5rem;position:relative;z-index:1}
.comments-title,.comment-reply-title{font-family:var(--font-display);font-style:italic;font-size:1.75rem;font-weight:400;margin-bottom:2rem;color:var(--fg)}
.comment-reply-title small{font-family:var(--font-body);font-style:normal;font-size:.8rem;margin-left:.75rem}
.comment-reply-title small a{color:var(--accent);text-decoration:underline}
.comment-list{list-style:none;margin:0 0 3rem;padding:0}
.comment-list .comment,.comment-list .pingback,.comment-list .trackback{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:1.5rem;margin-bottom:1rem;list-style:none}
.comment-list .children{list-style:none;margin-top:1rem;padding-left:1.5rem;border-left:2px solid var(--line)}
.comment-author{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.92rem;color:var(--fg);font-weight:600}
.comment-author .avatar{width:40px;height:40px;border-radius:50%}
.comment-author cite{font-style:normal}
.comment-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--fg-3);margin-bottom:.75rem}
.comment-meta a{color:var(--fg-3);text-decoration:none}
.comment-meta a:hover{color:var(--accent)}
.comment-content{color:var(--fg);font-size:.95rem;line-height:1.7}
.comment-content p{margin-bottom:.75rem}
.comment-content p:last-child{margin-bottom:0}
.reply{margin-top:.75rem}
.comment-reply-link{display:inline-block;font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);padding:.4rem .85rem;border:1px solid var(--line-2);border-radius:999px;transition:all .2s}
.comment-reply-link:hover{background:var(--accent-dim);border-color:var(--accent)}

.comment-form{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}
.comment-form p{margin-bottom:1.25rem}
.comment-form p:last-of-type{margin-bottom:0}
.comment-form label{display:block;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-2);margin-bottom:.5rem}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{width:100%;background:var(--bg-input);border:1px solid var(--line-2);border-radius:10px;color:var(--fg);font-family:inherit;font-size:.95rem;line-height:1.6;padding:.75rem 1rem;transition:border-color .2s,background .2s}
.comment-form textarea{min-height:140px;resize:vertical}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus{outline:none;border-color:var(--accent);background:var(--bg)}
.comment-form input[type="text"]::placeholder,
.comment-form input[type="email"]::placeholder,
.comment-form input[type="url"]::placeholder,
.comment-form textarea::placeholder{color:var(--fg-3)}
.comment-form .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.82rem;color:var(--fg-2)}
.comment-form .comment-form-cookies-consent input[type="checkbox"]{margin-top:.25rem;accent-color:var(--accent);width:16px;height:16px;cursor:pointer}
.comment-form .comment-form-cookies-consent label{display:inline;font-family:inherit;font-size:.82rem;text-transform:none;letter-spacing:normal;color:var(--fg-2);margin-bottom:0;cursor:pointer}
.comment-form .form-submit{margin-bottom:0}
.comment-form .submit,
.comment-form input[type="submit"]{background:var(--accent);color:#0a0a0a;border:none;border-radius:999px;font-family:inherit;font-size:.9rem;font-weight:600;padding:.75rem 2rem;cursor:pointer;transition:filter .2s}
.comment-form .submit:hover,
.comment-form input[type="submit"]:hover{filter:brightness(1.1)}
.comment-form .required{color:var(--accent)}
.comment-notes,.logged-in-as{font-size:.85rem;color:var(--fg-2);margin-bottom:1.25rem}
.logged-in-as a{color:var(--accent);text-decoration:underline}
.comment-notes a,.comment-form-cookies-consent a{color:var(--accent)}
.no-comments{color:var(--fg-3);font-style:italic;text-align:center;padding:2rem;background:var(--bg-2);border:1px solid var(--line);border-radius:14px}
.comments-area .comment-navigation,.comments-area .comment-pagination{margin:1.5rem 0;display:flex;justify-content:space-between;gap:1rem}
.comments-area .comment-navigation a{color:var(--accent);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}

/* ===== FOOTER ===== */
.site-footer{position:relative;z-index:2;background:var(--bg-2);border-top:1px solid var(--line);padding:4rem 0 2rem;margin-top:6rem}
.footer-wrap{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:2.5rem;margin-bottom:3rem}
.footer-brand h3{font-family:var(--font-display);font-style:italic;font-size:1.5rem;font-weight:400;margin-bottom:.75rem}
.footer-brand h3 em{font-style:italic;color:var(--accent)}
.footer-brand p{color:var(--fg-2);font-size:.88rem;line-height:1.6}
.footer-col h5{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:var(--fg-3);margin-bottom:1rem}
.footer-col a,.footer-col ul.menu li a{display:block;color:var(--fg-2);font-size:.85rem;padding:.3rem 0;transition:color .2s;text-decoration:none}
.footer-col a:hover,.footer-col ul.menu li a:hover{color:var(--accent)}
.footer-col ul.menu{list-style:none;margin:0;padding:0}
.footer-bottom{border-top:1px solid var(--line);padding-top:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-family:var(--font-mono);font-size:.7rem;color:var(--fg-3)}

/* ===== REVEAL ===== */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ===== WIDE PAGE TEMPLATE ===== */
.page-template-page-wide .post-content,
.page-template-page-wide .featured-image{max-width:var(--max-w)}

/* ===== WP CORE ALIGNMENT ===== */
.alignleft{float:left;margin:0 1.5rem 1rem 0;max-width:50%}
.alignright{float:right;margin:0 0 1rem 1.5rem;max-width:50%}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignwide{max-width:1000px;margin-left:auto;margin-right:auto}
.alignfull{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;max-width:none}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:.8rem;color:var(--fg-3);text-align:center;margin-top:.5rem;font-family:var(--font-mono)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}
.skip-link{position:absolute;left:-9999px;top:0;z-index:9999}
.skip-link:focus{position:fixed;left:1rem;top:1rem;width:auto;height:auto;clip:auto;clip-path:none;padding:.6rem 1rem;background:var(--accent);color:#0a0a0a;font-weight:600;font-size:.85rem;border-radius:8px;text-decoration:none}

/* ===== BLANK CANVAS TEMPLATE ===== */
.canvas-page{position:relative;z-index:1;padding-top:5rem}
.canvas-page .alignfull,.canvas-page .alignwide{margin-left:0;margin-right:0;width:auto;left:auto;right:auto}

/* ===== EMBED SAFETY (prevent overflow on mobile) ===== */
.post-content iframe,.post-content video,.post-content embed,.post-content object,
.canvas-page iframe,.canvas-page video{max-width:100%;width:100%;display:block}
.post-content .wp-block-embed iframe,.post-content .wp-block-embed__wrapper{max-width:100%;width:100%}
.post-content .wp-block-embed{margin:2rem auto;max-width:100%}
.post-content .wp-block-embed.aspect-ratio,.post-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.post-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}

/* ===== SIDEBAR & WIDGETS ===== */
.page-with-sidebar{position:relative;z-index:1;max-width:var(--max-w);margin:3rem auto 0;padding:0 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;align-items:start}
.page-with-sidebar .post-content{max-width:none;padding:0;margin:0}
.page-with-sidebar .post-hero{padding:8rem 0 2rem}
.page-with-sidebar .featured-image{max-width:none;padding:0;margin-bottom:2rem}
.sidebar{position:sticky;top:6rem;display:flex;flex-direction:column;gap:1.5rem}
.widget{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:1.5rem;color:var(--fg-2);font-size:.9rem;line-height:1.6}
.widget-title{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--fg-3);margin-bottom:1rem;font-weight:500}
.widget ul,.widget ol{list-style:none;margin:0;padding:0}
.widget li{padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.88rem}
.widget li:last-child{border-bottom:none}
.widget a{color:var(--fg-2);text-decoration:none;transition:color .2s}
.widget a:hover{color:var(--accent)}
.widget select,.widget input[type="search"],.widget input[type="text"]{width:100%;background:var(--bg-input);border:1px solid var(--line-2);border-radius:10px;color:var(--fg);font-family:inherit;font-size:.9rem;padding:.6rem .85rem}
.widget select:focus,.widget input:focus{outline:none;border-color:var(--accent)}
.widget_search button,.widget input[type="submit"]{background:var(--accent);color:#0a0a0a;border:none;border-radius:999px;padding:.55rem 1.25rem;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;margin-top:.5rem}
.widget img{border-radius:8px;margin-top:.5rem}
.widget_recent_entries li,.widget_recent_comments li,.widget_categories li,.widget_archive li,.widget_meta li,.widget_pages li,.widget_nav_menu li{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.widget .post-date,.widget .rss-date{font-family:var(--font-mono);font-size:.7rem;color:var(--fg-3)}
.widget_tag_cloud a{display:inline-block;background:var(--bg-3);border:1px solid var(--line);border-radius:999px;padding:.3rem .75rem;font-size:.72rem!important;margin:.15rem;color:var(--fg-2)}
.widget_tag_cloud a:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}
.widget_calendar table{width:100%;font-size:.82rem}
.widget_calendar td,.widget_calendar th{padding:.25rem;text-align:center;color:var(--fg-2)}
.widget_calendar caption{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.5rem}

/* ===== RESPONSIVE ===== */
@media(max-width:980px){.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}}
@media(max-width:768px){
  .nav{top:.85rem;padding:.4rem .55rem;max-width:calc(100vw - 1.5rem)}
  .nav-brand{font-size:.95rem;padding:0 .6rem}
  .nav-links{display:none}
  .nav-toggle{display:flex;padding:.6rem;min-width:44px;min-height:44px;align-items:center;justify-content:center}
  .nav-toggle svg{width:22px;height:22px}
  .post-hero{padding:7rem 1.25rem 2rem}
  .post-content{font-size:1rem;padding:0 1.25rem}
  .post-content h2{font-size:1.65rem;margin-top:2.5rem}
  .post-content h3{font-size:1.2rem}
  .post-content blockquote{font-size:1.05rem;padding-left:1rem}
  .featured-image{padding:0 1.25rem}
  .author-card,.share-bar{padding:0 1.25rem}
  .author-card-inner{flex-direction:column;text-align:center;align-items:center;padding:1.5rem}
  .archive-hero{padding:7rem 1.25rem 2rem}
  .archive-hero h1{font-size:clamp(1.85rem,8vw,2.5rem)}
  .post-hero h1{font-size:clamp(1.8rem,7vw,2.3rem)}
  .footer-grid{grid-template-columns:repeat(2,1fr);gap:2rem}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{flex-direction:column;text-align:center}
  .four-code{font-size:5rem}
  .four-inner h1{font-size:1.85rem}
  .related-grid,.archive-grid{grid-template-columns:1fr;padding:0 1.25rem}
  .related-section,.related-section h3{padding-left:0;padding-right:0}
  .related-section h3{padding:0 1.25rem}
  .comment-form{padding:1.25rem}
  .comments-area{padding:0 1.25rem}
  .share-btn{font-size:.78rem;padding:.55rem 1rem;min-height:40px}
  .four-btn{padding:.8rem 1.5rem;min-height:44px;font-size:.9rem}
  .back-to-blog a{min-height:44px;padding:.85rem 1.5rem}
  .pagination a,.pagination span{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
  .mobile-menu-section a{padding:.7rem 0;min-height:44px}
  .comment-reply-link{min-height:36px;display:inline-flex;align-items:center}
  .page-with-sidebar{grid-template-columns:1fr;gap:2rem;padding:0 1.25rem}
  .sidebar{position:static}
  .canvas-page{padding-top:4rem}
  .dark-lime-woo-outer{padding:6rem 1.25rem 3rem}
  .dark-lime-woo-inner .product.type-product{grid-template-columns:1fr;gap:1.5rem}
}
@media(max-width:480px){
  .post-hero{padding-top:6rem}
  .archive-hero{padding-top:6rem}
  .featured-image{padding:0 1rem;margin-bottom:2rem}
  .footer-grid{grid-template-columns:1fr;gap:2rem}
  .footer-wrap{padding:0 1.25rem}
  body{font-size:15px}
  .post-content{font-size:1rem}
  .nav-brand{font-size:.92rem}
  .four-code{font-size:4rem}
  .author-avatar{width:56px;height:56px;font-size:1.5rem}
  .share-label{display:block;width:100%;margin-bottom:.5rem;margin-right:0;text-align:center}
  .share-bar{gap:.4rem;justify-content:center}
  .share-btn{flex:0 0 auto;text-align:center;white-space:nowrap;padding:.55rem .9rem;font-size:.75rem}
  .comment-form input[type="submit"],.comment-form .submit{width:100%;padding:.9rem 1.5rem}
}
