/*
Theme Name: HypeUnique Monochrome
Author: HypeUnique
Description: A product-led WooCommerce theme with a monochrome layout, blue purchase controls and native commerce.
Version: 3.2.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:#111;--muted:#666;--line:#dedede;--paper:#fff;--soft:#f6f6f6;--width:100%;--hu-max:100%;--hu-gutter:32px;--hu-font:Arial,Helvetica,sans-serif;--hu-accent:#386ed8;--hu-accent-hover:#2b59b5}
*{box-sizing:border-box}
html{scroll-padding-top:20px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--hu-font);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}a:hover{color:inherit}
img{max-width:100%;height:auto;vertical-align:middle}iframe,video{max-width:100%}
.woocommerce span.onsale.hu-sale-badge,.woocommerce ul.products li.product .onsale.hu-sale-badge,.hm-home .hu-sale-badge{position:absolute;top:10px;left:10px;right:auto;z-index:2;display:inline-block;min-height:0;min-width:0;margin:0;padding:3px 9px;border:0;border-radius:3px;background:var(--hu-accent);color:#fff;font:400 11px/15px Arial,Helvetica,sans-serif;letter-spacing:.4px;text-align:center;white-space:nowrap}
button,input,select,textarea{font:inherit;border-radius:0}
input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{max-width:100%;min-height:44px;padding:10px 12px;border:1px solid #aaa;background:#fff;color:var(--ink)}
textarea{width:100%}
button,input[type=submit],.button,.wp-block-button__link{display:inline-block;min-height:44px;padding:11px 20px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:400;text-decoration:none;cursor:pointer;line-height:1.5}
button:disabled{opacity:.45;cursor:not-allowed}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
h1,h2,h3{font-weight:500;line-height:1.2;letter-spacing:-.03em}
h1{font-size:36px;margin:0 0 28px}h2{font-size:28px}h3{font-size:18px}
.container{width:min(var(--width),calc(100% - var(--hu-gutter)*2));margin-inline:auto}
.site-main{padding-block:36px 64px;min-height:45vh}.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)}
.menu{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;list-style:none;margin:0;padding:0;font-size:13px}.menu a{text-decoration:none}
.menu li{position:relative}.menu .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:20;min-width:190px;margin:0;padding:16px;list-style:none;background:#fff;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}
.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:#111}
.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:13px}.wp-caption-text{color:var(--muted)}.bypostauthor{border-left:2px solid var(--line);padding-left:12px}
.navigation{margin-block:24px}.nav-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.comments-area{margin-top:40px}.comment-list{padding-left: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:1023px){:root{--hu-gutter:24px}h1{font-size:32px}.site-main{padding-block:28px 48px}}
@media(max-width:767px){:root{--hu-gutter:20px}h1{font-size:28px;margin-bottom:22px}h2{font-size:26px}.site-main{padding-block:24px 44px}input,select,textarea{font-size:16px}.alignleft,.alignright{float:none;margin:16px 0}}