/*
 Theme Name: My Custom Theme
 Theme URI: https://dianhuolifire.com
 Author: WorkBuddy
 Version: 1.0
 Text Domain: my-custom
*/
/*
Theme Name: DIANHUOLI FIRE
Theme URI: https://dianhuolifire.com
Author: WorkBuddy
Author URI: https://www.workbuddy.cn
Description: Professional B2B industrial website theme for fire alarm systems and emergency lighting manufacturer. Modern industrial tech design with responsive layout, scroll animations, and full WordPress integration.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dianhuoli-fire
Tags: b2b, industrial, manufacturing, fire-safety, responsive, custom-menu, custom-logo
*/

/* Main styles are in css/main.css - edit that file for color/layout changes */
/* Use Appearance > Theme File Editor > css/main.css to customize */

/* ==================== WordPress Menu Compatibility ==================== */
/* Ensure WP-generated sub-menu uses same styles as .dropdown */
.nav-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;
    background: var(--white, #fff);
    border: 1px solid var(--gray-200, #e2e8f0);
    border-radius: var(--radius, 12px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.1);
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    list-style: none;
    margin: 0;
}
.nav-menu .menu-item-has-children:hover > .sub-menu,
.nav-menu .has-dropdown:hover > .sub-menu,
.nav-menu .has-dropdown:hover > .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.nav-menu .sub-menu li {
    margin: 0;
}
.nav-menu .sub-menu a,
.nav-menu .dropdown a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: var(--radius-sm, 8px);
    font-size: 14px;
    color: var(--gray-600, #475569);
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
}
.nav-menu .sub-menu a:hover {
    background: var(--gray-50, #f8fafc);
    color: var(--brand-red, #dc2626);
}

/* Mobile: show sub-menu without hover */
@media (max-width: 768px) {
    .nav-menu .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        padding: 0 0 0 16px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    .nav-menu .menu-item-has-children:hover > .sub-menu,
    .nav-menu .has-dropdown:hover > .sub-menu {
        max-height: 400px;
    }
}