/* iShopSync Logo Styling - Consistent with Welcome Page */ .app-logo-link, .navbar-brand { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; font-size: 1.5rem; font-weight: 800; background: linear-gradient(135deg, #059669 0%, #0d9488 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; transition: all 0.3s ease; } .app-logo-link:hover, .navbar-brand:hover { background: linear-gradient(135deg, #047857 0%, #059669 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-decoration: none; } .app-logo-link i, .navbar-brand i { background: linear-gradient(135deg, #059669 0%, #0d9488 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 1.5rem; } .app-logo-link:hover i, .navbar-brand:hover i { background: linear-gradient(135deg, #047857 0%, #059669 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Override white text in app-header for logo */ .app-header .app-logo-link, .app-header .app-logo-link span { color: transparent !important; background: linear-gradient(135deg, #059669 0%, #0d9488 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .app-header .app-logo-link:hover, .app-header .app-logo-link:hover span { background: linear-gradient(135deg, #047857 0%, #059669 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .app-header .app-logo-link i { background: linear-gradient(135deg, #059669 0%, #0d9488 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .app-header .app-logo-link:hover i { background: linear-gradient(135deg, #047857 0%, #059669 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Steag vizibil doar pe butoanele .language-btn (legacy) */ .language-btn .language-flag { display: block !important; opacity: 1 !important; visibility: visible !important; font-size: 1.75rem !important; line-height: 1 !important; width: auto !important; height: auto !important; text-indent: 0 !important; color: inherit !important; font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif !important; z-index: 10 !important; position: relative !important; } /* ===== Modern User Menu Dropdown ===== */ .app-header .dropdown-menu:not(.language-dropdown) { min-width: 248px; padding: 0.55rem !important; margin-top: 0.55rem !important; border: 1px solid rgba(99, 102, 241, 0.12) !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 20px 45px -15px rgba(15, 23, 42, 0.22), 0 6px 18px rgba(15, 23, 42, 0.08) !important; animation: userMenuIn 0.22s cubic-bezier(0.2, 0.8, 0.2, 1); } @keyframes userMenuIn { from { opacity: 0; transform: translateY(-6px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } } .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item, .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item button, .app-header .dropdown-menu:not(.language-dropdown) li > form > .dropdown-item { display: flex !important; align-items: center; gap: 0.7rem; padding: 0.55rem 0.7rem !important; border-radius: 11px !important; font-weight: 600 !important; font-size: 0.9rem !important; color: #1f2937 !important; background: transparent !important; border: none !important; width: 100%; text-align: left; transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease; } .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item > i.fas, .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item > i.far { width: 32px !important; height: 32px !important; border-radius: 9px !important; display: inline-flex !important; align-items: center; justify-content: center; font-size: 0.85rem !important; color: #fff !important; margin: 0 !important; flex-shrink: 0; box-shadow: 0 3px 8px rgba(15, 23, 42, 0.15); background: linear-gradient(135deg, #6366f1, #8b5cf6); transition: transform 0.25s ease; } /* Per-item icon colors */ .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item .fa-id-card { background: linear-gradient(135deg, #3b82f6, #6366f1); } .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item .fa-user-pen { background: linear-gradient(135deg, #8b5cf6, #a855f7); } .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item .fa-history { background: linear-gradient(135deg, #0ea5e9, #06b6d4); } .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item .fa-life-ring { background: linear-gradient(135deg, #f59e0b, #f97316); } .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item .fa-crown { background: linear-gradient(135deg, #eab308, #f59e0b); } .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item .fa-sign-out-alt { background: linear-gradient(135deg, #ef4444, #dc2626); } .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item:hover, .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item:focus-visible { background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(139, 92, 246, 0.08)) !important; color: #4338ca !important; transform: translateX(2px); } .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item:hover > i { transform: scale(1.08) rotate(-6deg); } .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item:active { background: linear-gradient(135deg, rgba(99, 102, 241, 0.14), rgba(139, 92, 246, 0.14)) !important; color: #3730a3 !important; } .app-header .dropdown-menu:not(.language-dropdown) li > form { margin: 0; } .app-header .dropdown-menu:not(.language-dropdown) .dropdown-divider { margin: 0.45rem 0.4rem !important; border-top: 1px solid rgba(148, 163, 184, 0.2) !important; opacity: 1 !important; } /* Badge positioning inside dropdown items */ .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item .badge { margin-left: auto !important; font-size: 0.68rem !important; font-weight: 700 !important; padding: 0.2rem 0.45rem !important; border-radius: 7px !important; } /* Dark mode */ [data-bs-theme="dark"] .app-header .dropdown-menu:not(.language-dropdown) { background: #1e293b !important; border-color: rgba(148, 163, 184, 0.18) !important; box-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.5), 0 6px 18px rgba(0, 0, 0, 0.25) !important; } [data-bs-theme="dark"] .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item { color: #e2e8f0 !important; } [data-bs-theme="dark"] .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item:hover, [data-bs-theme="dark"] .app-header .dropdown-menu:not(.language-dropdown) .dropdown-item:focus-visible { background: linear-gradient(135deg, rgba(99, 102, 241, 0.18), rgba(139, 92, 246, 0.18)) !important; color: #c7d2fe !important; } [data-bs-theme="dark"] .app-header .dropdown-menu:not(.language-dropdown) .dropdown-divider { border-top-color: rgba(148, 163, 184, 0.18) !important; }