/*
Theme Name: Thiết Bị Mạng Giá Rẻ
Author: Thietbimanggiare
Description: Theme bán thiết bị mạng tối giản, HTML từ máy chủ, tương thích WooCommerce và Yoast SEO.
Version: 0.7.7
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thietbimanggiare
Tags: e-commerce, custom-logo, custom-menu, featured-images, translation-ready
*/
:root{--ink:#16324b;--muted:#536573;--primary:#164e70;--accent:#b34b12;--tint:#edf4f7;--surface:#f7f9fa;--line:#dce4e9;--white:#fff;--radius:8px;--width:1200px}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:var(--white);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:break-word}
a{color:var(--primary);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
img{max-width:100%;height:auto;vertical-align:middle}
iframe,video{max-width:100%}
figure{margin:0 0 1.5rem}
h1,h2,h3,h4{line-height:1.25;color:var(--ink);text-wrap:balance}
h1{font-size:clamp(1.9rem,4vw,3.4rem);letter-spacing:-.035em;margin:0 0 1.25rem}
h2{font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.025em}
h3{font-size:1.15rem}
p{margin:0 0 1.2rem}
button,input,select,textarea{font:inherit;max-width:100%}
input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{min-height:44px;border:1px solid #8d9ba5;border-radius:4px;background:var(--white);color:var(--ink);padding:.65rem .8rem}
input[type=checkbox],input[type=radio]{accent-color:var(--primary)}
button,.button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.1rem;border:1px solid var(--primary);border-radius:4px;background:var(--primary);color:var(--white);font-weight:650;text-decoration:none;cursor:pointer}
button:hover,.button:hover,input[type=submit]:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}
button:disabled{cursor:wait;opacity:.65}
label{font-weight:600}
table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}
th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line)}
pre{overflow:auto;padding:1rem;background:var(--surface)}
blockquote{margin:1.5rem 0;padding-left:1.5rem;border-left:3px solid var(--primary)}
.container{width:min(var(--width),calc(100% - 40px));margin-inline:auto}
.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;white-space:nowrap}
.skip-link:focus{clip-path:none;height:auto;width:auto;top:12px;left:12px;z-index:99999;background:var(--white);padding:12px}
.site-header{border-bottom:1px solid var(--line)}
.header-main{display:flex;align-items:center;gap:36px;padding-block:24px}
.brand{display:block;color:var(--ink);font-size:1.2rem;font-weight:800;line-height:1.25;text-decoration:none;max-width:300px;letter-spacing:-.035em}
.brand-note{display:block;font-size:.73rem;color:var(--muted);font-weight:500;letter-spacing:.04em;margin-top:6px}
.custom-logo-link{display:inline-block;max-width:240px}
.custom-logo{max-height:70px;width:auto}
.search-form{display:flex;gap:8px;align-items:stretch;flex:1;max-width:520px;margin:0}
.search-form input[type=search]{width:100%;min-width:0;background:var(--surface)}
.search-form button{flex-shrink:0}
.header-links{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:.9rem;font-weight:600}
.header-links a{text-decoration:none;white-space:nowrap;padding-block:10px}
.nav-shell{background:var(--surface);border-top:1px solid var(--line)}
.site-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:5px}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:8px 28px;flex-wrap:wrap}
.menu a{display:flex;align-items:center;min-height:44px;padding:9px 0;font-size:.9rem;font-weight:600;text-decoration:none}
.menu .sub-menu{list-style:none;margin:0 0 8px;padding-left:15px;border-left:1px solid var(--line)}
.menu .sub-menu a{font-weight:400;padding:4px 0}
.menu .current-menu-item>a{color:var(--accent);text-decoration:underline}
.site-main{min-height:50vh;padding-block:32px 64px}
.breadcrumbs,.woocommerce-breadcrumb{font-size:.85rem;color:var(--muted);margin:0 0 28px;line-height:1.8}
.breadcrumbs a{color:var(--muted)}
.home-hero{background:var(--tint);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:48px}
.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);font-weight:750;margin-bottom:20px}
.home-hero .entry-content{max-width:660px;color:var(--muted);font-size:1.05rem}
.home-hero h1{max-width:760px}
.hero-actions{margin-top:28px}
.network-mark{padding:28px 24px;border:1px solid #bbceda;border-radius:var(--radius);background:#fff8;display:grid;gap:18px}
.network-mark>span{height:44px;border:1px solid #96adbd;border-radius:4px;display:flex;align-items:center;padding:12px;gap:8px;background:var(--white)}
.network-mark i{display:block;width:15px;height:15px;background:var(--ink);border-radius:2px}
.network-mark i:last-child{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#26816a}
.section{margin-top:52px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}
.section-heading h2{margin:0}
.section-heading a{font-size:.9rem;flex-shrink:0}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.category-card{padding:24px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:100px;font-weight:650}
.category-card:hover{border-color:var(--primary);background:var(--tint)}
.category-card span{font-size:.85rem;font-weight:400;color:var(--muted)}
.empty-state{padding:28px;border:1px dashed #a6b5c0;border-radius:var(--radius);background:var(--surface);color:var(--muted)}
.empty-state p:last-child{margin:0}
.entry-content{overflow-wrap:anywhere}
.entry-content:after{content:"";display:table;clear:both}
.entry-content>*:last-child{margin-bottom:0}
.entry-content ul,.entry-content ol{padding-left:1.4rem}
.entry-content .alignleft{float:left;margin:0 1.5rem 1rem 0}
.entry-content .alignright{float:right;margin:0 0 1rem 1.5rem}
.entry-content .aligncenter{display:block;margin-inline:auto}
.wp-caption{max-width:100%}
.wp-caption-text,.gallery-caption{font-size:.85rem;color:var(--muted)}
.page-content{max-width:860px;margin-inline:auto}
body.woocommerce-cart .page-content,body.woocommerce-checkout .page-content,body.woocommerce-account .page-content{max-width:none}
.content-card{padding-block:28px;border-bottom:1px solid var(--line)}
.content-card h2{font-size:1.5rem;margin-top:0}
.post-meta{font-size:.85rem;color:var(--muted);margin-block:12px 24px}
.entry-image{margin-bottom:24px}
.navigation{margin-top:32px}
.nav-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:4px;text-decoration:none}
.page-numbers.current{background:var(--primary);color:var(--white)}
.comments-area{margin-top:40px;border-top:1px solid var(--line);padding-top:24px}
.comment-list{padding-left:1.2rem}
.comment-list .children{padding-left:1rem}
.comment-body{margin-bottom:24px}
.comment-form-comment label{display:block}
.comment-form textarea{width:100%}
.bypostauthor{border-left:2px solid var(--primary);padding-left:12px}
.site-footer{border-top:1px solid var(--line);background:var(--surface);padding-block:36px;color:var(--muted);font-size:.9rem}
.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}
.footer-title{color:var(--ink);font-size:1rem;font-weight:750;margin-bottom:8px}
.footer-note{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:.8rem}
@media(max-width:1000px){.header-main{gap:20px;flex-wrap:wrap}.search-form{order:3;max-width:none;flex-basis:100%}.home-hero{grid-template-columns:minmax(0,1fr) 190px;gap:24px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.header-main{padding-block:20px;gap:16px}.brand{font-size:1rem;max-width:210px}.brand-note{font-size:.65rem}.header-links{gap:12px;font-size:.8rem}.header-account{display:none}.search-form{gap:6px}.search-form button{padding-inline:14px}.menu{gap:0 22px}.site-main{padding-top:24px}.home-hero{grid-template-columns:minmax(0,1fr);padding:26px 22px}.network-mark{display:none}.home-hero h1{font-size:2.2rem}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card{padding:16px;display:block;min-height:105px}.category-card span{display:block;margin-top:8px}.section{margin-top:36px}.section-heading{align-items:flex-start}.footer-main{display:block}.footer-main nav{margin-top:20px}th,td{padding:.6rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}