/*
Theme Name: DMCTN Parent – dienmay
Theme URI: https://dienmaycutayninh.com
Author: Bùi Lý Tĩnh
Author URI: https://dienmaycutayninh.com
Description: Parent theme WooCommerce + SEO + Hamburger danh mục. Nhẹ và an toàn kích hoạt. TẠO BỞI BÙI VĂN TĨNH.
Version: 1.1.0
Text Domain: devvn
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, woocommerce, responsive
*/
/* Layout base */
:root{--dmctn-gap:16px}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;color:#111;background:#fff}
a{color:#0a57d0;text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Header */
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:1000}
.site-header .inner{display:flex;align-items:center;gap:12px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px}
.brand .logo{width:40px;height:40px;border-radius:8px;background:#0a57d0}
.brand .title{font-weight:700}

/* Hamburger button */
#dmctn-cat-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #ddd;border-radius:10px;background:#f8f8f8;padding:8px 12px;cursor:pointer}
#dmctn-cat-toggle .bars{width:18px;height:12px;display:grid;gap:3px}
#dmctn-cat-toggle .bars span{display:block;height:2px;background:#333;border-radius:1px}

/* Offcanvas */
.dmctn-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:.25s}
.dmctn-drawer-overlay.open{opacity:1;pointer-events:auto}
.dmctn-drawer{position:fixed;top:0;left:0;width:85%;max-width:360px;height:100vh;background:#fff;transform:translateX(-100%);transition:.25s;box-shadow:2px 0 20px rgba(0,0,0,.1);overflow:auto}
.dmctn-drawer.open{transform:translateX(0)}
.dmctn-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #eee}
.dmctn-cat-list ul{list-style:none;margin:0;padding:0} .dmctn-cat-list li{border-bottom:1px solid #f0f0f0} .dmctn-cat-list a{display:block;padding:12px 16px}

/* Grid */
.dmctn-unused-grid{display:grid;gap:var(--dmctn-gap)}
.dmctn-unused-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dmctn-unused-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dmctn-unused-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dmctn-unused-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1024px){.dmctn-unused-grid.cols-5{grid-template-columns:repeat(4,1fr)}}
@media(max-width:768px){.dmctn-unused-grid.cols-4,.dmctn-unused-grid.cols-5{grid-template-columns:repeat(2,1fr)}}

/* Footer categories from old themes: hide defensively */
footer .footer-categories, .site-footer .footer-categories, .footer__categories{display:none !important}

/* Components */
.product-card{border:1px solid #eee;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.product-card .thumb img{width:100%;display:block}
.product-card .info{padding:12px;display:flex;flex-direction:column;gap:6px}
.product-card .price{font-weight:700}

/* 1.1.1: Compat mode - no .dmctn-unused-grid overrides */