/*
Theme Name: Woo Lite
Author: HypeUnique
Description: A minimal, responsive WooCommerce classic theme with system fonts and an accessible storefront shell.
Version: 1.7.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: woo-lite
Tags: e-commerce, one-column, custom-logo, custom-menu, featured-images, translation-ready
*/
:root{--ink:#171717;--muted:#606060;--line:#e5e5e5;--paper:#fff;--soft:#f5f5f3;--width:1280px}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:break-word}
a{color:inherit;text-underline-offset:4px}
a:hover{color:var(--muted)}
img{max-width:100%;height:auto;vertical-align:middle}
iframe,video{max-width:100%}
button,input,select,textarea{font:inherit}
input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{max-width:100%;padding:.65rem .8rem;border:1px solid #aaa;border-radius:3px;background:#fff;color:var(--ink)}
textarea{width:100%}
button,input[type=submit],.button,.wp-block-button__link{display:inline-block;padding:.8rem 1.2rem;border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:#fff;font-weight:600;text-decoration:none;cursor:pointer}
button:disabled{opacity:.55;cursor:not-allowed}
:focus-visible{outline:2px solid #245fe0;outline-offset:4px}
h1,h2,h3{line-height:1.2;letter-spacing:-.035em}
h1{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 2rem}
h2{font-size:1.65rem}
.container{width:min(var(--width),calc(100% - 64px));margin-inline:auto}
.site-header{border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}
.site-brand{font-size:1.45rem;font-weight:800;letter-spacing:-.05em}
.site-brand a,.menu a,.header-actions a{text-decoration:none}
.custom-logo{max-width:190px;max-height:56px;width:auto}
.menu{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;list-style:none;margin:0;padding:0;font-size:.9rem}
.menu li{position:relative}
.menu .sub-menu{display:none;position:absolute;top:100%;inset-inline-start:0;z-index:20;min-width:190px;margin:0;padding:16px;list-style:none;background:var(--paper);border:1px solid var(--line)}
.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}
.sub-menu a{display:block;padding:6px 0}
.header-actions{display:flex;gap:20px;font-size:.85rem}
.site-main{padding-block:48px 80px;min-height:65vh}
.reading{max-width:800px}
.entry-content:after{content:"";display:table;clear:both}
.entry-content>*{max-width:100%}
.post-card{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.post-card img{width:100%}
.post-card h2 a{text-decoration:none}
.muted{color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.85rem}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{clip:auto;width:auto;height:auto;margin:8px;padding:12px;z-index:99999;background:#fff;color:#171717}
.alignleft{float:left;margin:0 24px 16px 0}.alignright{float:right;margin:0 0 16px 24px}.aligncenter{display:block;margin-inline:auto}
.wp-caption,.gallery-caption{max-width:100%;font-size:.85rem}.wp-caption-text{color:var(--muted)}
.bypostauthor{border-inline-start:2px solid var(--line);padding-inline-start:12px}
.navigation{margin-block:24px}.nav-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.comments-area{margin-top:48px}.comment-list{padding-inline-start:24px}.comment-body{margin-bottom:24px}
table{border-collapse:collapse;max-width:100%;width:100%}th,td{padding:12px;text-align:start;border-bottom:1px solid var(--line)}
pre{overflow:auto;padding:20px;background:var(--soft)}
@media(max-width:760px){.container{width:calc(100% - 32px)}.header-inner{gap:12px;flex-wrap:wrap;padding-block:18px}.primary-nav{order:3;width:100%}.menu{gap:8px 20px}.primary-nav .menu .sub-menu{position:static;display:block;border:0;padding:4px 0 0 12px;min-width:0}.site-main{padding-block:32px 56px}.site-brand{font-size:1.25rem}.header-actions{gap:14px}.alignleft,.alignright{float:none;margin:16px 0}}