/* Custom Language Dropdown */
.lang-select { min-width: 180px !important; }
.custom-lang-dropdown { position: relative; display: inline-block; width: 100%; min-width: 180px; }
.lang-dropdown-trigger { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 8px 12px !important; background: linear-gradient(135deg, rgba(28, 18, 22, 0.95), rgba(18, 12, 14, 0.98)) !important; border: 1px solid rgba(201, 160, 80, 0.25) !important; border-radius: 3px !important; color: #c9a050 !important; font-size: 13px !important; cursor: url('../img/MU2.cur'), pointer !important; transition: all 0.25s ease !important; min-width: 180px !important; width: 100% !important; }
.lang-dropdown-trigger:hover { border-color: rgba(201, 160, 80, 0.6) !important; background: rgba(35, 25, 30, 0.95) !important; }
.custom-lang-dropdown.open .lang-dropdown-trigger { border-color: rgba(201, 160, 80, 0.7) !important; box-shadow: 0 0 10px rgba(201, 160, 80, 0.2) !important; }
.lang-current { flex: 1; white-space: nowrap; }
.lang-arrow { margin-left: 8px; font-size: 10px; opacity: 0.7; transition: transform 0.25s ease; }
.custom-lang-dropdown.open .lang-arrow { transform: rotate(180deg); }
.lang-dropdown-menu { position: absolute; top: calc(100% + 2px); left: 0; min-width: 180px; width: auto; background: #1a1215 !important; border: 1px solid rgba(201, 160, 80, 0.3) !important; border-radius: 3px !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important; z-index: 9999; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.2s ease; white-space: nowrap; }
.custom-lang-dropdown.open .lang-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.lang-option { display: block !important; padding: 10px 16px !important; color: #c9a050 !important; text-decoration: none !important; font-size: 13px !important; cursor: url('../img/MU2.cur'), pointer !important; border-bottom: 1px solid rgba(201, 160, 80, 0.1); white-space: nowrap !important; }
.lang-option:last-child { border-bottom: none; }
.lang-option:hover { background: rgba(201, 160, 80, 0.15) !important; color: #f0d090 !important; padding-left: 20px !important; }
.lang-option.active { background: rgba(201, 160, 80, 0.2) !important; font-weight: 600 !important; padding-left: 32px !important; position: relative; }
.lang-option.active::before { content: '✓'; position: absolute; left: 12px; opacity: 0.8; }

/* Login/Register Buttons */
.my-account { display: flex; align-items: center; gap: 8px; }
.nav-btn-compact { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 14px !important; border-radius: 3px !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; text-decoration: none !important; text-transform: uppercase !important; transition: all 0.3s ease !important; cursor: url('../img/MU2.cur'), pointer !important; white-space: nowrap !important; border: 1px solid transparent !important; }
.nav-btn-login { background: rgba(28, 18, 22, 0.4) !important; border-color: rgba(201, 160, 80, 0.5) !important; color: #c9a050 !important; }
.nav-btn-login:hover { background: rgba(201, 160, 80, 0.15) !important; border-color: rgba(201, 160, 80, 0.8) !important; color: #f0d090 !important; box-shadow: 0 0 12px rgba(201, 160, 80, 0.3) !important; transform: translateY(-1px) !important; }
.nav-btn-register { background: linear-gradient(135deg, rgba(201, 160, 80, 0.85), rgba(181, 140, 60, 0.9)) !important; border-color: rgba(201, 160, 80, 0.9) !important; color: #1a1215 !important; font-weight: 700 !important; }
.nav-btn-register:hover { background: linear-gradient(135deg, rgba(221, 180, 100, 0.95), rgba(201, 160, 80, 1)) !important; color: #000 !important; box-shadow: 0 0 15px rgba(201, 160, 80, 0.5) !important; transform: translateY(-1px) !important; }
.nav-btn-compact .btn-icon { font-size: 13px; line-height: 1; }
