/*
Theme Name: Trúc Chỉ Việt Pro
Theme URI: https://example.com/truc-chi-viet-pro
Author: OpenAI
Description: Theme WordPress bán tranh trúc chỉ và nội thất phòng thờ. Tương thích WooCommerce, thư viện nhiều ảnh, tìm kiếm, giỏ hàng, menu nhiều cấp và trang chủ theo phong cách showroom.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: truc-chi-viet-pro
License: GPL v2 or later
*/

:root{
  --red:#8b1717; --red2:#641010; --gold:#d3a853; --ink:#28211c;
  --paper:#fffaf1; --cream:#f5ede0; --line:#e5d4bd; --muted:#74675c;
  --white:#fff; --shadow:0 12px 35px rgba(56,36,20,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.tc-wrap{width:min(1200px,94%);margin:auto}
.tc-topbar{background:var(--red2);color:#fff;font-size:13px}
.tc-topbar-inner{min-height:37px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.tc-head{background:#fff}
.tc-head-inner{min-height:96px;display:grid;grid-template-columns:260px 1fr 235px;align-items:center;gap:28px}
.tc-brand{display:flex;align-items:center;gap:12px}
.custom-logo{max-height:74px;width:auto}
.tc-brand-name{font-family:Georgia,serif;font-size:25px;font-weight:800;color:var(--red)}
.tc-brand-tag{font-size:12px;color:var(--muted)}
.tc-search form{display:flex;border:2px solid var(--red);border-radius:5px;overflow:hidden}
.tc-search input{width:100%;border:0;padding:13px 15px;outline:0;font-size:15px}
.tc-search button{border:0;background:var(--red);color:#fff;padding:0 22px;font-weight:700;cursor:pointer}
.tc-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px}
.tc-hotline{display:flex;align-items:center;gap:10px}
.tc-hotline-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--red);font-size:20px}
.tc-hotline small{display:block;color:var(--muted)}
.tc-hotline strong{color:var(--red);font-size:18px}
.tc-cart{position:relative;font-size:25px;color:var(--red)}
.tc-count{position:absolute;right:-11px;top:-10px;min-width:20px;height:20px;border-radius:50%;background:var(--gold);color:#fff;font-size:11px;display:grid;place-items:center}
.tc-nav{background:var(--red);color:#fff;position:sticky;top:0;z-index:100}
.tc-menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:26px;padding:12px 0}
.tc-nav ul{list-style:none;margin:0;padding:0;display:flex}
.tc-nav li{position:relative}
.tc-nav a{display:block;padding:15px 18px;font-size:14px;font-weight:700;text-transform:uppercase}
.tc-nav li:hover>a,.tc-nav .current-menu-item>a{background:var(--red2)}
.tc-nav ul ul{display:none;position:absolute;left:0;top:100%;min-width:235px;background:#fff;color:var(--ink);box-shadow:var(--shadow);z-index:20}
.tc-nav ul ul li{width:100%;border-bottom:1px solid var(--line)}
.tc-nav ul ul a{text-transform:none;padding:12px 16px}
.tc-nav li:hover>ul{display:block}
.tc-hero{position:relative;min-height:570px;display:grid;align-items:center;background-size:cover;background-position:center;color:#fff}
.tc-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,13,8,.82),rgba(24,13,8,.18))}
.tc-hero-content{position:relative;max-width:680px;padding:75px 0}
.tc-eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:13px;color:#f2ce88;font-weight:800}
.tc-hero h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,72px);line-height:1.08;margin:12px 0 18px}
.tc-hero p{font-size:18px;color:#fff5e6}
.tc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border-radius:4px;font-weight:800;border:1px solid transparent}
.tc-btn-red{background:var(--red);color:#fff}
.tc-btn-gold{background:var(--gold);color:#25180e}
.tc-btn-outline{border-color:#fff;color:#fff}
.tc-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.tc-section{padding:72px 0}
.tc-section.cream{background:var(--cream)}
.tc-title{text-align:center;margin-bottom:35px}
.tc-title small{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:2px}
.tc-title h2{font-family:Georgia,serif;font-size:clamp(31px,4vw,46px);line-height:1.2;margin:7px 0 9px}
.tc-title p{max-width:720px;margin:auto;color:var(--muted)}
.tc-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tc-cat{position:relative;min-height:255px;overflow:hidden;border-radius:5px;background-size:cover;background-position:center;box-shadow:var(--shadow)}
.tc-cat:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(25,13,8,.9))}
.tc-cat-info{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;color:#fff}
.tc-cat h3{font-family:Georgia,serif;font-size:23px;margin:0}
.tc-cat p{font-size:13px;margin:3px 0 0;color:#f3e4d2}
.tc-real-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:250px 250px;gap:14px}
.tc-real{background-size:cover;background-position:center;border-radius:5px;overflow:hidden;position:relative}
.tc-real:first-child{grid-row:1/3}
.tc-real span{position:absolute;left:15px;bottom:15px;background:rgba(95,16,16,.9);color:#fff;padding:8px 12px;font-weight:700}
.tc-products ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:22px}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;background:#fff;border:1px solid var(--line);padding:12px;border-radius:5px;box-shadow:0 7px 24px rgba(50,30,15,.08);transition:.25s}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.woocommerce ul.products li.product img{border-radius:3px;margin-bottom:12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px;line-height:1.4;color:var(--ink)}
.woocommerce ul.products li.product .price{color:var(--red);font-size:17px;font-weight:800}
.woocommerce span.onsale{background:var(--red)}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--red);color:#fff;border-radius:3px;padding:12px 16px}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--red2);color:#fff}
.tc-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}
.tc-story-card{background:#fff;border-left:5px solid var(--red);padding:34px;box-shadow:var(--shadow)}
.tc-story h2{font-family:Georgia,serif;font-size:42px;line-height:1.2;margin:10px 0}
.tc-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.tc-benefit{background:#fff;padding:22px;text-align:center;border:1px solid var(--line)}
.tc-benefit i{font-style:normal;font-size:31px;color:var(--red)}
.tc-benefit h3{margin:8px 0 5px;font-size:17px}
.tc-benefit p{font-size:13px;color:var(--muted);margin:0}
.tc-feedback{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tc-quote{background:#fff;padding:26px;border:1px solid var(--line);box-shadow:0 8px 25px rgba(50,30,15,.07)}
.tc-stars{color:#d29a31;letter-spacing:2px}
.tc-quote strong{display:block;margin-top:12px;color:var(--red)}
.tc-news{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tc-post{border:1px solid var(--line);background:#fff;box-shadow:0 7px 24px rgba(50,30,15,.07)}
.tc-post img{width:100%;aspect-ratio:16/10;object-fit:cover}
.tc-post-body{padding:20px}
.tc-post h3{font-family:Georgia,serif;font-size:21px;line-height:1.35;margin:5px 0 10px}
.tc-post-meta{font-size:12px;color:var(--red);font-weight:700}
.tc-contact-band{background:var(--red);color:#fff;padding:36px 0}
.tc-contact-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
.tc-content{padding:55px 0;background:#faf7f1}
.tc-content article,.woocommerce-page .site-main{background:#fff;padding:30px;border:1px solid var(--line)}
.entry-title,.woocommerce-products-header__title{font-family:Georgia,serif;font-size:40px}
.site-footer{background:#261710;color:#e9ded4;padding:55px 0 18px}
.tc-footer{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
.site-footer h3{color:#fff;font-family:Georgia,serif}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:8px}
.tc-copy{border-top:1px solid rgba(255,255,255,.14);margin-top:35px;padding-top:18px;text-align:center;font-size:13px}
.tc-floating{position:fixed;right:18px;bottom:18px;z-index:99;display:flex;flex-direction:column;gap:9px}
.tc-floating a{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:var(--shadow)}
.tc-phone-float{background:#d42828}.tc-zalo-float{background:#0877d1}
@media(max-width:980px){
 .tc-head-inner{grid-template-columns:1fr auto}.tc-search{grid-column:1/3;grid-row:2}
 .tc-category-grid,.tc-products ul.products{grid-template-columns:repeat(2,1fr)!important}
 .tc-benefits{grid-template-columns:repeat(2,1fr)}
 .tc-story{grid-template-columns:1fr}.tc-footer{grid-template-columns:repeat(2,1fr)}
 .tc-menu-toggle{display:block}.tc-nav-inner{position:relative}
 .tc-nav .menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--red)}
 .tc-nav .menu.open{display:block}.tc-nav ul{flex-direction:column}
 .tc-nav ul ul{position:static;display:block;box-shadow:none;background:var(--red2);color:#fff}
}
@media(max-width:650px){
 .tc-topbar-inner>span:first-child{display:none}.tc-head-inner{grid-template-columns:1fr auto;gap:12px}
 .tc-brand-tag,.tc-hotline{display:none}.tc-search{grid-column:1/3}.tc-head-actions{gap:8px}
 .tc-hero{min-height:510px}.tc-category-grid,.tc-products ul.products,.tc-feedback,.tc-news,.tc-footer,.tc-benefits{grid-template-columns:1fr!important}
 .tc-real-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,230px)}.tc-real:first-child{grid-row:auto}
 .tc-contact-inner{display:block}.tc-contact-inner .tc-btn{margin-top:15px}
}