/*
Theme Name: NXHY International
Theme URI: https://nanxuanheya.wuyoustudio.com/
Author: Wuyou Studio
Description: International B2B WordPress theme for Nanjing Nanxuan Huaya Technology Co., Ltd.
Version: 1.22.7
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: nanxuanheya
*/

/* Shared navigation dropdown used by the homepage and inner pages. */
.nav-dropdown { position: relative; display: flex; align-items: stretch; }
.nav-dropdown > .nav-link { display: inline-flex; align-items: center; gap: 6px; }
.nav-dropdown-caret { display: inline-block; font-size: .8em; line-height: 1; transition: transform .18s ease; }
.nav-dropdown-menu { position: absolute; z-index: 60; top: calc(100% - 6px); left: 50%; display: grid; min-width: 226px; gap: 4px; padding: 8px; border: 1px solid #d7e2ec; border-radius: 12px; background: #fff; box-shadow: 0 16px 34px rgb(6 23 43 / .16); opacity: 0; pointer-events: none; visibility: hidden; transform: translate(-50%, 8px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu { opacity: 1; pointer-events: auto; visibility: visible; transform: translate(-50%, 0); }
.nav-dropdown:hover .nav-dropdown-caret, .nav-dropdown:focus-within .nav-dropdown-caret { transform: rotate(180deg); }
.nav-dropdown-link { display: grid; gap: 2px; padding: 10px 12px; border-radius: 8px; color: #06172b; font-size: .86rem; font-weight: 700; line-height: 1.25; }
.nav-dropdown-menu:not(.nav-dropdown-menu--products) .nav-dropdown-link { grid-template-columns: 18px minmax(0, 1fr); align-items: center; gap: 8px; padding: 9px 10px; }
.nav-dropdown-icon { display: grid; width: 18px; height: 18px; place-items: center; color: #1f75e8; }
.nav-dropdown-icon svg { display: block; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.nav-dropdown-icon svg path:last-child { fill: none; }
.nav-dropdown-link-copy { display: grid; min-width: 0; gap: 2px; }
.nav-dropdown-link-copy > strong { color: inherit; font-size: .86rem; font-weight: 700; line-height: 1.25; }
.nav-dropdown-link-copy > span { color: #7b8da0; font-size: .72rem; font-weight: 500; line-height: 1.25; }
.nav-dropdown-menu--products { min-width: 300px; }
.nav-dropdown-menu--products .nav-dropdown-link { grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 8px; padding: 8px 10px; }
.nav-dropdown-product-image { display: block; width: 30px; height: 24px; padding: 2px; border-radius: 4px; background: #f1f6fb; object-fit: contain; transition: transform .2s ease, background-color .2s ease; }
.nav-dropdown-link:hover, .nav-dropdown-link:focus-visible, .nav-dropdown-link.is-current { color: #155dc0; background: #e8f2fb; }
.nav-dropdown-menu--products .nav-dropdown-link:hover .nav-dropdown-product-image, .nav-dropdown-menu--products .nav-dropdown-link:focus-visible .nav-dropdown-product-image, .nav-dropdown-menu--products .nav-dropdown-link.is-current .nav-dropdown-product-image { background: #fff; transform: scale(1.06); }
.mobile-menu-group { display: grid; }
.mobile-menu-group > a { padding: 11px 0; border-bottom: 1px solid #e7eef5; font-size: 14px; font-weight: 600; }
.mobile-menu-group .mobile-menu-sub { padding-left: 16px; color: #155dc0; font-size: 13px; }