Theme Name: Green Theme (Aura Luxury)
Author: Your Name
Description: Theme giao diện Dark Luxury Tailwind tối ưu cho ngành nội thất.
Version: 1.0.5
Text Domain: green-theme
*/

/* ==========================================

/* --- DESKTOP MENU --- */
.desktop-menu {
list-style: none;
margin: 0;
padding: 0;
}

.desktop-menu > li {
position: relative;
white-space: nowrap; /* Chống rớt dòng text menu */
}

.desktop-menu a {
color: #d1d5db; /* Xám nhạt */
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 500;
transition: all 0.3s;
text-decoration: none;
display: block;
padding: 10px 0;
}

.desktop-menu a:hover {
color: #D4AF37; /* Màu vàng gold */
}

/* Tự động thêm mũi tên (Chevron) cho mục nào có menu con /
.desktop-menu .menu-item-has-children > a::after {
content: '\f078'; / Mã icon FontAwesome */
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 0.6rem;
margin-left: 8px;
vertical-align: middle;
transition: transform 0.3s ease;
display: inline-block;
}

.desktop-menu .menu-item-has-children:hover > a::after {
transform: rotate(180deg); /* Xoay mũi tên lên khi hover */
color: #D4AF37;
}

/* --- DROPDOWN (SUB-MENU) DESKTOP --- */
.desktop-menu ul.sub-menu {
display: none;

/* ==========================================
HERO SECTION BACKGROUND
========================================== */
.hero-bg {
background-image: linear-gradient(rgba(10, 10, 10, 0.7), rgba(10, 10, 10, 0.9)), url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?q=80&w=2000&auto=format&fit=crop');
background-size: cover;
background-position: center;
background-attachment: fixed;
}