/**
 * WMC Multi Currency Switcher — WoodMart Theme Compatibility
 * Version: 1.0.0
 *
 * Provides deep integration with WoodMart header builder and color schemes.
 */

/* ============================================================
   WoodMart Header Builder Element Container
   ============================================================ */
.wd-header-currency-switcher {
    display: flex;
    align-items: center;
    height: 100%;
}

/* ============================================================
   WoodMart Header Row Integration
   ============================================================ */

/* Inherit WoodMart header text color */
.wd-header-row .wmc-switcher,
.wd-header-row .wmc-switcher__trigger,
.wd-header-row .wmc-currency-btn {
    color: inherit;
}

/* Remove border in header context */
.wd-header-row .wmc-switcher__trigger {
    border: none;
    background: transparent;
    padding: 0 10px;
    height: 100%;
    border-radius: 0;
}

.wd-header-row .wmc-switcher__trigger:hover {
    background: rgba(0, 0, 0, 0.05);
}

/* WoodMart header dropdown menu */
.wd-header-row .wmc-dropdown-menu {
    top: 100%;
    border-top: 2px solid var(--wd-primary-color, #0073aa);
}

/* ============================================================
   WoodMart Color Schemes
   ============================================================ */

/* Light scheme (default) */
.wd-header-row.wd-scheme-light .wmc-switcher__trigger,
.wd-header-row.wd-scheme-light .wmc-currency-btn {
    color: var(--wd-header-color, #333);
}

/* Dark scheme */
.wd-header-row.wd-scheme-dark .wmc-switcher__trigger,
.wd-header-row.wd-scheme-dark .wmc-currency-btn {
    color: var(--wd-header-color-dark, #fff);
}

.wd-header-row.wd-scheme-dark .wmc-dropdown-menu {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.1);
}

.wd-header-row.wd-scheme-dark .wmc-currency-btn {
    color: #eee;
}

.wd-header-row.wd-scheme-dark .wmc-currency-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.wd-header-row.wd-scheme-dark .wmc-dropdown-item.wmc-active .wmc-currency-btn {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

/* ============================================================
   WoodMart Sticky Header
   ============================================================ */
.wd-sticky-header .wmc-switcher__trigger {
    transition: color 0.3s ease, background 0.3s ease;
}

/* ============================================================
   WoodMart Transparent Header
   ============================================================ */
.wd-transparent-header .wd-header-row .wmc-switcher__trigger {
    color: inherit;
}

/* ============================================================
   WoodMart Mobile Navigation
   ============================================================ */
.wmc-mobile-currency {
    padding: 12px 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin-top: 8px;
}

.wmc-mobile-currency .wmc-switcher--list .wmc-list {
    flex-wrap: wrap;
    gap: 6px;
}

.wmc-mobile-currency .wmc-currency-btn {
    font-size: 13px;
    padding: 5px 10px;
}

/* ============================================================
   WoodMart HTML Block Integration
   ============================================================ */
.wd-html-block .wmc-switcher {
    width: 100%;
}

.wd-html-block .wmc-switcher--dropdown {
    width: auto;
}

/* ============================================================
   WoodMart Mega Menu Integration
   ============================================================ */
.wd-mega-menu .wmc-switcher {
    display: inline-flex;
}

/* ============================================================
   WoodMart Footer Integration
   ============================================================ */
.wd-footer .wmc-switcher__trigger {
    border-color: rgba(255, 255, 255, 0.2);
    color: inherit;
}

/* ============================================================
   WoodMart Primary Color Override
   ============================================================ */
.wmc-dropdown-item.wmc-active .wmc-currency-btn {
    color: var(--wd-primary-color, #0073aa);
    background: rgba(var(--wd-primary-color-rgb, 0, 115, 170), 0.08);
}

.wmc-checkmark {
    color: var(--wd-primary-color, #0073aa);
}

.wmc-switcher--list .wmc-list-item.wmc-active .wmc-currency-btn {
    background: var(--wd-primary-color, #0073aa);
    border-color: var(--wd-primary-color, #0073aa);
    color: #fff;
}

/* ============================================================
   WoodMart Header Builder — Plain Text/HTML element
   ============================================================ */
.wd-header-element-plain-text .wmc-switcher,
.wd-header-element-html-block .wmc-switcher {
    display: inline-flex;
    align-items: center;
}

/* WoodMart HTML Block 元素中的切换器 */
.wd-header-element-html-block .wmc-switcher--dropdown {
    position: relative;
}

/* ============================================================
   WoodMart Top Bar (顶部工具栏) 注入
   ============================================================ */
.wmc-topbar-currency {
    display: inline-flex;
    align-items: center;
    margin-left: 12px;
}

.wmc-topbar-currency .wmc-switcher__trigger {
    font-size: 12px;
    padding: 0 8px;
    height: 30px;
    border: none;
    background: transparent;
    color: inherit;
}

.wmc-topbar-currency .wmc-dropdown-menu {
    top: 100%;
    font-size: 12px;
    min-width: 140px;
}

/* ============================================================
   WoodMart Header Auto-Inject 容器
   ============================================================ */
.wmc-header-auto-inject {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 8px;
}

.wmc-header-auto-inject .wmc-switcher__trigger {
    border: none;
    background: transparent;
    color: inherit;
    height: 100%;
    padding: 0 10px;
}

.wmc-header-auto-inject .wmc-switcher__trigger:hover {
    background: rgba(0, 0, 0, 0.05);
}

/* ============================================================
   WoodMart Responsive Header
   ============================================================ */
@media (max-width: 1024px) {
    .wd-header-row .wmc-name {
        display: none;
    }
}

@media (max-width: 768px) {
    .wd-header-row .wmc-switcher__trigger {
        padding: 0 8px;
    }

    .wd-header-row .wmc-code {
        display: none;
    }
}