@import url("https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&text=%E8%81%B2%E7%95%AB%E6%8E%A8%E8%96%A6&display=swap"); /* Global nav button + layout overrides. Linked via nginx sub_filter into so it loads before paint. */ /* Hide hero slider pagination dot — only 1 slide so no navigation value, just visual noise */ .hero-dots, .hero-dot { display: none !important; } /* List pagination: force single-row, arrow-only prev/next, centered */ .vf-pagination, .mf-pagination { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 6px !important; overflow-x: auto; padding: 8px 0 !important; } .vf-page-link, .mf-page-link, .vf-pagination a, .mf-pagination a { flex-shrink: 0 !important; min-width: 36px; text-align: center; padding: 6px 10px !important; white-space: nowrap !important; } #site-navigation .main-menu, .main-menu { gap: 8px; display: flex !important; align-items: center; } #site-navigation .main-menu > li, .main-menu > li { display: inline-block !important; } .main-menu .menu-link { display: inline-block !important; padding: 6px 14px !important; border: 1px solid #A17E4F !important; border-radius: 4px !important; background: transparent !important; color: #A17E4F !important; font-weight: 500 !important; font-size: 13px !important; text-decoration: none !important; transition: background 0.15s, color 0.15s !important; line-height: 1.4 !important; height: auto !important; } .main-menu .menu-link:hover { background: rgba(161,126,79,0.15) !important; } .main-menu .menu-item.current-menu-item .menu-link, .main-menu .menu-item.piclody-nav-active .menu-link { background: #A17E4F !important; color: #000 !important; font-weight: 600 !important; } .main-menu .search-toggle-li { display: none !important; } /* Wide-mobile / tablet (600-959px): 1-row, menu evenly distributed across logo→lang span */ @media (min-width: 600px) and (max-width: 959px) { #site-header-inner.container { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; } #site-logo { flex-shrink: 0; order: 0 !important; } #site-navigation-wrap { order: 1 !important; flex: 1 1 auto; display: flex !important; align-items: center !important; min-width: 0; } /* Menu fills the navWrap and distributes items evenly (space-around) */ #site-navigation-wrap .main-menu, #site-navigation .main-menu { flex: 1 1 auto !important; width: 100% !important; display: flex !important; justify-content: space-around !important; align-items: center !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .main-menu .menu-link { padding: 4px 8px !important; font-size: 13px !important; } #site-header-inner > .pl-switcher, body > .pl-switcher { display: flex !important; align-items: center !important; order: 2 !important; margin-left: 8px !important; flex-shrink: 0; position: static !important; transform: none !important; } .pl-switcher .pl-lang { padding: 2px 6px !important; font-size: 11px !important; } .pl-switcher-mobile, .oceanwp-mobile-menu-icon { display: none !important; } } @media (max-width: 767px) { .main-menu .menu-link { padding: 4px 10px !important; font-size: 12px !important; } #main #content-wrap { padding-top: 8px !important; padding-bottom: 12px !important; } main > .elementor, main .elementor-section-wrap { padding-top: 0 !important; } .elementor-section.elementor-top-section:first-of-type { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; } .elementor-section.elementor-top-section:first-of-type .elementor-container, .elementor-section.elementor-top-section:first-of-type .elementor-widget-wrap { min-height: 0 !important; padding: 0 !important; } } /* Unified voice/music UI: button + dropdown styles * Specificity bumped for mf-btn (.mf-wrap button.mf-btn = 0,2,1) so we override the inline mu-plugin's white-text rule. */ .vf-btn, .mf-wrap .mf-btn, .mf-wrap button.mf-btn, .vl-btn, .pv-back, .mf-search-btn { background: #A17E4F !important; color: #000 !important; border: 1px solid #A17E4F !important; border-radius: 6px !important; padding: 10px 24px !important; font-weight: 700 !important; font-size: 14px !important; letter-spacing: 0.5px !important; text-decoration: none !important; cursor: pointer !important; } .vf-btn:hover, .mf-wrap .mf-btn:hover, .mf-wrap button.mf-btn:hover, .vl-btn:hover, .pv-back:hover { background: #C39858 !important; color: #000 !important; } .vf-select, .vf-search, .mf-dropdown-btn, .mf-search, #mf-keyword { background: rgba(0,0,0,0.6) !important; border: 1px solid rgba(161,126,79,0.5) !important; border-radius: 6px !important; padding: 10px 14px !important; color: #fff !important; font-size: 14px !important; height: auto !important; line-height: 1.4 !important; } .vf-select:hover, .mf-dropdown-btn:hover { border-color: #A17E4F !important; } /* Unify placeholder text color on both forms' dropdown buttons */ .mf-dropdown-btn, .vf-custom-dropdown-btn { color: rgba(255,255,255,0.6) !important; } /* Voice form: mobile stacked, desktop horizontal (match music's layout) */ .vf-filters { display: flex !important; flex-direction: column !important; gap: 8px !important; } @media (min-width: 768px) { .vf-filters { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px !important; } .vf-filters .vf-custom-dropdown, .vf-filters #vf-keyword, .vf-filters .vf-search { flex: 1 1 0 !important; min-width: 0 !important; } .vf-filters #vf-submit, .vf-filters .vf-btn { flex-shrink: 0 !important; width: auto !important; } } .vf-search, #vf-keyword, .vf-search-row, .vf-keyword-row { width: 100% !important; box-sizing: border-box; } /* Voice custom dropdown (replaces native