| .lux-profile-bg { |
| min-height: 100vh; |
| background: linear-gradient(135deg, #020814 0%, #021520 25%, #130501 50%, #1e020399 75%, #14010bb7 100%); |
| position: relative; |
| padding: 120px 0 80px; |
| overflow: hidden; |
| } |
|
|
| .lux-avatar-initials{ |
| font-weight: 700; |
| font-size: 5.5rem; |
|
|
| } |
| .lux-profile-floating-elements { |
| position: absolute; |
| top: 0; left: 0; width: 100%; height: 100%; |
| pointer-events: none; |
| z-index: 1; |
| } |
| .lux-profile-floating-icon { |
| position: absolute; |
| color: rgba(246, 211, 101, 0.4); |
| filter: drop-shadow(0 0 10px rgba(246, 211, 101, 0.3)); |
| animation: cartFloat 8s ease-in-out infinite; |
| } |
| @keyframes cartFloat { |
| 0%,100% { transform: translateY(0px) rotate(0deg); opacity: 0.4; } |
| 50% { transform: translateY(-30px) rotate(180deg); opacity: 0.8; } |
| } |
|
|
| .lux-profile-container { |
| column-count: 2; |
| column-gap: 48px; |
| max-width: 1200px; |
| margin: 0 auto; |
| padding: 0 32px 32px 32px; |
| } |
| .lux-profile-card, |
| .lux-profile-stats-card, |
| .lux-profile-activity-card { |
| break-inside: avoid; |
| margin: 5px; |
| width: 100%; |
| display: block; |
| background: linear-gradient(135deg, rgba(255,255,255,0.09) 60%, rgba(246,211,101,0.08) 100%); |
| backdrop-filter: blur(32px) saturate(180%); |
| border: 1.5px solid rgba(255,255,255,0.16); |
| border-radius: 36px; |
| box-shadow: 0 20px 60px rgba(0,0,0,0.32), 0 2px 12px #ffd70022; |
| padding: 48px 38px 38px 38px; |
| text-align: center; |
| position: relative; |
| overflow: hidden; |
| transition: box-shadow 0.3s, border 0.3s, background 0.3s; |
| min-height: 320px; |
| } |
| .lux-profile-card:hover, |
| .lux-profile-stats-card:hover, |
| .lux-profile-activity-card:hover { |
| box-shadow: 0 32px 80px #ffd70033, 0 2px 18px #43e97b33; |
| border: 2.5px solid #ffd70088; |
| background: linear-gradient(135deg, rgba(255,255,255,0.13) 60%, rgba(246,211,101,0.13) 100%); |
| } |
| .lux-profile-section-title { |
| font-size: 1.7rem; |
| font-weight: 800; |
| color: #fff; |
| margin-bottom: 28px; |
| letter-spacing: 0.7px; |
| background: linear-gradient(90deg, #ffd700, #43e97b, #764ba2, #fda085); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| background-clip: text; |
| -webkit-text-fill-color: transparent; |
| } |
| .lux-profile-action-btn, .lux-profile-offer-btn, .lux-profile-login-btn { |
| font-size: 1.12rem; |
| padding: 16px 32px; |
| border-radius: 20px; |
| font-weight: 800; |
| letter-spacing: 0.5px; |
| box-shadow: 0 4px 18px #ffd70022; |
| background: linear-gradient(135deg, #ffd700, #43e97b); |
| color: #232946; |
| border: none; |
| transition: all 0.3s; |
| } |
| .lux-profile-action-btn.logout { |
| background: linear-gradient(135deg, #ff6b6b, #ff4757); |
| color: #fff; |
| } |
| .lux-profile-action-btn:hover, .lux-profile-offer-btn:hover, .lux-profile-login-btn:hover { |
| transform: translateY(-2px) scale(1.05); |
| box-shadow: 0 8px 32px #ffd70055; |
| background: linear-gradient(135deg, #43e97b, #ffd700); |
| color: #232946; |
| } |
| .lux-profile-avatar-glass { |
| width: 120px; height: 120px; |
| border-radius: 50%; |
| background: rgba(255,255,255,0.16); |
| box-shadow: 0 4px 24px #ffd70033, 0 2px 12px #4ecdc433; |
| border: 2.5px solid #ffd70088; |
| display: flex; align-items: center; justify-content: center; |
| margin-bottom: 8px; |
| transition: box-shadow 0.3s, border 0.3s; |
| } |
| .lux-profile-avatar-glass:hover { |
| box-shadow: 0 8px 32px #ffd70077; |
| border: 3px solid #ffd700cc; |
| } |
| .lux-profile-badge { |
| display: inline-flex; |
| align-items: center; |
| gap: 6px; |
| background: linear-gradient(90deg, #ffd700, #43e97b); |
| color: #232946; |
| border-radius: 12px; |
| padding: 4px 14px; |
| font-weight: 700; |
| font-size: 1.01rem; |
| margin: 0 6px 6px 0; |
| box-shadow: 0 2px 8px #ffd70022; |
| } |
| .lux-profile-membership-benefits { |
| margin-top: 12px; |
| display: flex; |
| gap: 10px; |
| flex-wrap: wrap; |
| justify-content: center; |
| } |
| .lux-profile-header-card { |
| width: 100%; |
| display: block; |
| column-span: all; |
| margin-bottom: 48px; |
| box-shadow: 0 24px 80px #ffd70033, 0 2px 18px #43e97b33; |
| border: 2.5px solid #ffd700cc; |
| } |
| .lux-profile-header-flex { |
| display: flex; |
| align-items: center; |
| gap: 36px; |
| justify-content: flex-start; |
| } |
| .lux-profile-header-info { |
| flex: 1; |
| text-align: left; |
| } |
| .lux-profile-tier-row { |
| display: flex; |
| align-items: center; |
| gap: 18px; |
| margin-bottom: 8px; |
| } |
| .lux-profile-tier-label { |
| font-size: 1.2rem; |
| font-weight: 700; |
| color: #ffd700; |
| } |
| .lux-profile-tier-next { |
| font-size: 1.1rem; |
| font-weight: 600; |
| color: #43e97b; |
| } |
| .lux-profile-membership-progress { |
| margin-bottom: 8px; |
| } |
| .lux-profile-badge { |
| margin-bottom: 0; |
| } |
| .lux-profile-stats-card, .lux-profile-activity-card { |
| margin-bottom: 0; |
| } |
| .lux-profile-stats-card { |
| min-height: 320px; |
| width: 100%; |
| margin: 0 auto 0 auto; |
| } |
| .lux-profile-activity-card { |
| min-height: 340px; |
| width: 100%; |
| margin: 0 auto 0 auto; |
| } |
| .lux-profile-stats-grid { |
| display: grid; |
| grid-template-columns: repeat(2, 1fr); |
| gap: 28px; |
| } |
| .lux-profile-stat { |
| display: flex; |
| flex-direction: column; |
| align-items: center; |
| gap: 8px; |
| background: rgba(255,255,255,0.07); |
| border-radius: 18px; |
| padding: 18px 0; |
| color: #fff; |
| font-size: 1.08rem; |
| font-weight: 600; |
| box-shadow: 0 2px 8px rgba(102,126,234,0.08); |
| } |
| .lux-profile-stat b { |
| font-size: 1.5rem; |
| font-weight: 800; |
| background: linear-gradient(135deg, #f6d365, #fda085); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| background-clip: text; |
| } |
|
|
| .lux-profile-activity-card { |
| background: rgba(255,255,255,0.05); |
| backdrop-filter: blur(30px); |
| border: 1px solid rgba(255,255,255,0.12); |
| border-radius: 32px; |
| box-shadow: 0 20px 60px rgba(0,0,0,0.3); |
| padding: 36px 32px; |
| width: 100%; |
| max-width: 700px; |
| margin: 0 auto; |
| margin-bottom: 0; |
| } |
| .lux-profile-activity-list { |
| list-style: none; |
| padding: 0; |
| margin: 0; |
| display: flex; |
| flex-direction: column; |
| gap: 18px; |
| } |
| .lux-profile-activity-list li { |
| display: flex; |
| align-items: center; |
| gap: 14px; |
| font-size: 1.08rem; |
| color: #fff; |
| background: rgba(255,255,255,0.04); |
| border-radius: 14px; |
| padding: 12px 18px; |
| justify-content: space-between; |
| } |
| .lux-profile-activity-badge { |
| border-radius: 10px; |
| padding: 4px 12px; |
| font-size: 0.95rem; |
| font-weight: 700; |
| margin-left: 12px; |
| color: #fff; |
| background: linear-gradient(135deg, #667eea, #764ba2); |
| } |
| .lux-profile-activity-badge.delivered { background: linear-gradient(135deg, #43e97b, #38f9d7); color: #232946; } |
| .lux-profile-activity-badge.wishlist { background: linear-gradient(135deg, #f6d365, #fda085); color: #232946; } |
| .lux-profile-activity-badge.updated { background: linear-gradient(135deg, #667eea, #764ba2); } |
| .lux-profile-activity-badge.login { background: linear-gradient(135deg, #ff6b6b, #ff4757); } |
|
|
| .lux-profile-offers-card { |
| background: rgba(255,255,255,0.05); |
| backdrop-filter: blur(30px); |
| border: 1px solid rgba(255,255,255,0.12); |
| border-radius: 32px; |
| box-shadow: 0 20px 60px rgba(0,0,0,0.3); |
| padding: 36px 32px; |
| width: 100%; |
| max-width: 700px; |
| margin: 0 auto; |
| margin-bottom: 0; |
| text-align: center; |
| } |
| .lux-profile-offer-content { |
| margin-top: 12px; |
| margin-bottom: 0; |
| } |
| .lux-profile-offer-btn { |
| display: inline-flex; |
| align-items: center; |
| gap: 8px; |
| padding: 14px 32px; |
| background: linear-gradient(135deg, #43e97b, #38f9d7); |
| color: #232946; |
| border: none; |
| border-radius: 18px; |
| font-weight: 700; |
| font-size: 1.08rem; |
| cursor: pointer; |
| transition: all 0.3s; |
| box-shadow: 0 4px 18px rgba(67,233,123,0.13); |
| text-decoration: none; |
| margin-top: 10px; |
| } |
| .lux-profile-offer-btn:hover { |
| transform: translateY(-2px) scale(1.04); |
| box-shadow: 0 8px 32px rgba(67,233,123,0.22); |
| text-decoration: none; |
| } |
|
|
| .gradient-text { |
| background: linear-gradient(90deg, #667eea, #f6d365, #764ba2, #fda085); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| background-clip: text; |
| -webkit-text-fill-color: transparent; |
| } |
|
|
| .lux-profile-fallback { |
| min-height: 60vh; |
| display: flex; |
| flex-direction: column; |
| align-items: center; |
| justify-content: center; |
| gap: 32px; |
| background: rgba(255,255,255,0.03); |
| border-radius: 32px; |
| margin: 80px auto 0 auto; |
| max-width: 500px; |
| box-shadow: 0 8px 32px rgba(31,38,135,0.10); |
| padding: 60px 40px; |
| } |
| .lux-profile-fallback-title { |
| font-size: 2rem; |
| font-weight: 700; |
| color: #fff; |
| margin-bottom: 18px; |
| } |
| .lux-profile-login-btn { |
| display: inline-flex; |
| align-items: center; |
| gap: 8px; |
| padding: 14px 32px; |
| background: linear-gradient(135deg, #667eea, #764ba2); |
| color: #fff; |
| border: none; |
| border-radius: 18px; |
| font-weight: 700; |
| font-size: 1.08rem; |
| cursor: pointer; |
| transition: all 0.3s; |
| box-shadow: 0 4px 18px rgba(102,126,234,0.13); |
| text-decoration: none; |
| } |
| .lux-profile-login-btn:hover { |
| transform: translateY(-2px) scale(1.04); |
| box-shadow: 0 8px 32px rgba(102,126,234,0.22); |
| text-decoration: none; |
| } |
|
|
| .lux-profile-row-3 { |
| display: grid; |
| grid-template-columns: 1fr 1fr 1fr; |
| gap: 40px; |
| margin-bottom: 0; |
| margin-top: 0; |
| } |
|
|
| @media (max-width: 1200px) { |
| .lux-profile-container { |
| max-width: 98vw; |
| gap: 24px; |
| padding: 0 8px 24px 8px; |
| } |
| .lux-profile-card, .lux-profile-stats-card, .lux-profile-activity-card, .lux-profile-offers-card { |
| width: 100%; |
| margin: 0 auto; |
| } |
| } |
|
|
| @media (max-width: 1080px) and (min-width: 900px) { |
| .lux-profile-container { |
| padding: 0 16px 24px 16px; |
| } |
| |
| .lux-profile-card, .lux-profile-stats-card, .lux-profile-activity-card, .lux-profile-offers-card { |
| margin: 24px 0; |
| break-inside: avoid; |
| width: 100%; |
| } |
| |
| .lux-profile-header-card { |
| margin-bottom: 32px; |
| } |
|
|
| .lux-order-timeline-card.recent-order-card { |
| flex-direction: column !important; |
| align-items: center !important; |
| gap: 16px !important; |
| padding: 20px 16px !important; |
| } |
| .lux-order-timeline-card.recent-order-card > div:last-child { |
| display: flex !important; |
| flex-direction: column !important; |
| align-items: center !important; |
| min-width: auto !important; |
| width: 100% !important; |
| } |
| |
| .lux-order-timeline-card.recent-order-card a[href="/orders"] { |
| display: block !important; |
| width: 100% !important; |
| max-width: 200px !important; |
| text-align: center !important; |
| margin: 8px auto 0 auto !important; |
| font-size: 14px !important; |
| padding: 10px 16px !important; |
| white-space: nowrap !important; |
| overflow: visible !important; |
| text-overflow: unset !important; |
| } |
|
|
| .lux-profile-stats-card + .lux-profile-stats-card, |
| .lux-profile-stats-card + .lux-profile-activity-card, |
| .lux-profile-activity-card + .lux-profile-stats-card, |
| .lux-profile-activity-card + .lux-profile-activity-card { |
| margin-top: 32px; |
| } |
| } |
|
|
| @media (max-width: 900px) { |
| .lux-profile-row-3 { |
| grid-template-columns: 1fr; |
| gap: 28px; |
| } |
| .lux-profile-container { |
| column-count: 1; |
| column-gap: 0; |
| padding: 0 4px 18px 4px; |
| max-width: 100vw; |
| } |
| .lux-profile-header-flex { |
| flex-direction: column; |
| align-items: flex-start; |
| gap: 18px; |
| } |
| .lux-profile-card, .lux-profile-stats-card, .lux-profile-activity-card, .lux-profile-offers-card { |
| padding: 18px 8px; |
| margin: 12px 0; |
| min-height: unset; |
| width: 100%; |
| } |
| .lux-profile-header-card { |
| margin-bottom: 24px; |
| } |
|
|
| .lux-profile-stats-card > div { |
| flex-direction: column; |
| gap: 16px; |
| align-items: center; |
| } |
| |
| .lux-profile-stats-card input[readonly] { |
| width: 100%; |
| max-width: 400px; |
| font-size: 15px; |
| padding: 12px 16px; |
| } |
| |
| .lux-profile-stats-card button { |
| width: auto; |
| min-width: 120px; |
| font-size: 15px; |
| padding: 12px 20px; |
| } |
| |
| .lux-profile-stats-card > div:last-child { |
| font-size: 15px; |
| text-align: center; |
| margin-top: 16px; |
| } |
| |
| .lux-profile-avatar-glass { |
| width: 100px; |
| height: 100px; |
| } |
| |
| .lux-avatar-initials { |
| font-size: 4.5rem; |
| } |
| } |
| @media (max-width: 600px){ |
| .lux-profile-container { |
| padding: 0 2px 8px 2px; |
| gap: 6px; |
| } |
| .lux-profile-card, .lux-profile-stats-card, .lux-profile-activity-card, .lux-profile-offers-card { |
| padding: 8px 2px; |
| margin: 6px 0; |
| min-height: unset; |
| width: 100%; |
| } |
| .lux-profile-avatar-glass { |
| width: 80px; |
| height: 80px; |
| } |
| .lux-profile-welcome { |
| font-size: 1rem; |
| } |
| .lux-profile-section-title { |
| font-size: 0.95rem; |
| } |
| .lux-profile-action-btn, .lux-profile-offer-btn, .lux-profile-login-btn { |
| font-size: 0.85rem; |
| padding: 8px 10px; |
| border-radius: 12px; |
| } |
| .lux-order-timeline-card { |
| padding: 10px 6px; |
| gap: 8px; |
| font-size: 0.95rem; |
| } |
|
|
| .lux-profile-stats-card { |
| padding: 16px 12px !important; |
| } |
| |
| .lux-profile-stats-card h2 { |
| font-size: 1.1rem !important; |
| margin-bottom: 16px !important; |
| } |
| |
| .lux-profile-stats-card > div { |
| flex-direction: column !important; |
| gap: 10px !important; |
| align-items: center !important; |
| } |
| |
| .lux-profile-stats-card input[readonly] { |
| width: 100% !important; |
| max-width: 260px !important; |
| font-size: 13px !important; |
| padding: 8px 10px !important; |
| border-radius: 8px !important; |
| } |
| |
| .lux-profile-stats-card button { |
| width: 100% !important; |
| max-width: 260px !important; |
| font-size: 13px !important; |
| padding: 8px 14px !important; |
| border-radius: 8px !important; |
| } |
| |
| .lux-profile-stats-card > div:last-child { |
| font-size: 13px !important; |
| text-align: center !important; |
| margin-top: 10px !important; |
| } |
| |
| .lux-avatar-initials { |
| font-size: 3.5rem; |
| } |
| } |
|
|
| @media (max-width: 330px){ |
| .lux-profile-container { |
| padding: 0 2px 8px 2px; |
| gap: 6px; |
| } |
| .lux-profile-card, .lux-profile-activity-card, .lux-profile-offers-card { |
| padding: 8px 2px; |
| margin: 6px 0; |
| min-height: unset; |
| width: 100%; |
| } |
| .lux-profile-avatar-glass { |
| width: 60px; |
| height: 60px; |
| } |
| .lux-profile-welcome { |
| font-size: 1rem; |
| } |
| .lux-profile-section-title { |
| font-size: 0.95rem; |
| } |
| .lux-profile-action-btn, .lux-profile-offer-btn, .lux-profile-login-btn { |
| font-size: 0.85rem; |
| padding: 8px 10px; |
| border-radius: 12px; |
| } |
| .lux-order-timeline-card { |
| padding: 10px 6px; |
| gap: 8px; |
| font-size: 0.95rem; |
| } |
|
|
| .lux-profile-stats-card { |
| padding: 12px 8px !important; |
| } |
| |
| .lux-profile-stats-card h2 { |
| font-size: 1rem !important; |
| margin-bottom: 12px !important; |
| } |
| |
| .lux-profile-stats-card input[readonly] { |
| width: 100% !important; |
| max-width: 20px !important; |
| font-size: 12px !important; |
| padding: 6px 8px !important; |
| border-radius: 6px !important; |
| } |
| |
| .lux-profile-stats-card button { |
| width: 100% !important; |
| max-width: 220px !important; |
| font-size: 12px !important; |
| padding: 6px 12px !important; |
| border-radius: 6px !important; |
| } |
| |
| .lux-profile-stats-card > div:last-child { |
| font-size: 12px !important; |
| margin-top: 8px !important; |
| } |
| |
| .lux-avatar-initials { |
| font-size: 1rem; |
| } |
| } |
|
|
| @media (max-width: 446px) { |
| |
| .lux-profile-stats-card { |
| padding: 20px 16px !important; |
| } |
| |
| .lux-profile-stats-card h2 { |
| font-size: 1.2rem !important; |
| margin-bottom: 20px !important; |
| } |
|
|
| .lux-profile-stats-card > div { |
| flex-direction: column !important; |
| gap: 12px !important; |
| align-items: center !important; |
| } |
|
|
| .lux-profile-stats-card input[readonly] { |
| width: 100% !important; |
| max-width: 280px !important; |
| font-size: 14px !important; |
| padding: 10px 12px !important; |
| border-radius: 10px !important; |
| } |
|
|
| .lux-profile-stats-card button { |
| width: 100% !important; |
| max-width: 280px !important; |
| font-size: 14px !important; |
| padding: 10px 16px !important; |
| border-radius: 10px !important; |
| } |
|
|
| .lux-profile-stats-card > div:last-child { |
| font-size: 14px !important; |
| text-align: center !important; |
| margin-top: 12px !important; |
| } |
|
|
| .lux-order-timeline-card.recent-order-card { |
| flex-direction: column !important; |
| align-items: center !important; |
| gap: 12px !important; |
| padding: 16px 12px !important; |
| } |
| |
| .lux-order-timeline-card.recent-order-card > div:last-child { |
| display: flex !important; |
| flex-direction: column !important; |
| align-items: center !important; |
| min-width: auto !important; |
| width: 100% !important; |
| } |
| |
| .lux-order-timeline-card.recent-order-card a[href="/orders"] { |
| display: block !important; |
| width: 100% !important; |
| max-width: 200px !important; |
| text-align: center !important; |
| margin: 8px auto 0 auto !important; |
| font-size: 13px !important; |
| padding: 10px 16px !important; |
| } |
|
|
| .recommended-section .lux-order-timeline-card, |
| .lux-order-timeline-card { |
| gap: 6px !important; |
| padding: 6px !important; |
| } |
| |
| .recommended-section .lux-order-timeline-card button { |
| display: block !important; |
| width: 100% !important; |
| max-width: 120px !important; |
| margin: 8px auto 0 auto !important; |
| font-size: 13px !important; |
| padding: 10px 16px !important; |
| } |
|
|
| .recommended-section .lux-order-timeline-card img, |
| .lux-order-timeline-card img { |
| width: 70px !important; |
| height: 70px !important; |
| margin-bottom: 8px !important; |
| } |
| |
| .recommended-section .lux-order-timeline-card div, .lux-order-timeline-card div { |
| text-align: center !important; |
| width: 100% !important; |
| } |
|
|
| .recommended-section > div { |
| display: flex !important; |
| flex-direction: column !important; |
| align-items: center !important; |
| gap: 16px !important; |
| } |
|
|
| .lux-order-timeline-card a, |
| .lux-order-timeline-card button { |
| white-space: nowrap !important; |
| overflow: visible !important; |
| text-overflow: unset !important; |
| } |
|
|
| .lux-order-timeline-card.recent-order-card { |
| margin-bottom: 3px !important; |
| } |
|
|
| .cart-preview-section .lux-order-timeline-card.cart-preview-compact, |
| .lux-order-timeline-card.cart-preview-compact { |
| flex-direction: column !important; |
| align-items: center !important; |
| gap: 12px !important; |
| padding: 16px 12px !important; |
| } |
| |
| .cart-preview-section .lux-order-timeline-card.cart-preview-compact > div, |
| .lux-order-timeline-card.cart-preview-compact > div { |
| display: flex !important; |
| flex-direction: column !important; |
| align-items: center !important; |
| text-align: center !important; |
| width: 100% !important; |
| } |
| |
| .cart-preview-section .lux-order-timeline-card.cart-preview-compact a[href="/cart"], |
| .lux-order-timeline-card.cart-preview-compact a[href="/cart"] { |
| display: block !important; |
| width: 100% !important; |
| max-width: 200px !important; |
| text-align: center !important; |
| margin: 8px auto 0 auto !important; |
| font-size: 13px !important; |
| padding: 10px 16px !important; |
| white-space: nowrap !important; |
| overflow: visible !important; |
| text-overflow: unset !important; |
| } |
| .lux-profile-card, .lux-profile-activity-card, .lux-profile-offers-card { |
| padding: 8px 2px; |
| margin: 6px 0; |
| min-height: unset; |
| width: 100%; |
| } |
| |
| .lux-profile-avatar-glass { |
| width: 70px; |
| height: 70px; |
| } |
| |
| .lux-avatar-initials { |
| font-size: 1rem; |
| } |
| } |
| .lux-order-timeline-card { |
| width: 100%; |
| min-width: 0; |
| margin-left: 0; |
| margin-right: 0; |
| box-sizing: border-box; |
| background: linear-gradient(135deg, rgba(255,255,255,0.13) 60%, rgba(246,211,101,0.10) 100%); |
| border-radius: 24px; |
| box-shadow: 0 4px 24px #ffd70022, 0 2px 12px #4ecdc433; |
| border: 1.5px solid #ffd70055; |
| padding: 24px 24px 24px 24px; |
| margin-bottom: 24px; |
| display: flex; |
| align-items: center; |
| gap: 18px; |
| position: relative; |
| transition: box-shadow 0.3s, border 0.3s, background 0.3s; |
| } |
| .lux-order-timeline-card:hover { |
| box-shadow: 0 8px 32px #ffd70055; |
| border: 2.5px solid #ffd700cc; |
| background: linear-gradient(135deg, rgba(255,255,255,0.18) 60%, rgba(246,211,101,0.16) 100%); |
| } |
| .lux-order-status-badge { |
| display: inline-block; |
| margin-top: 6px; |
| padding: 4px 14px; |
| border-radius: 8px; |
| font-weight: 700; |
| font-size: 13px; |
| background: linear-gradient(90deg, #ffd700, #43e97b); |
| color: #232946; |
| box-shadow: 0 2px 8px #ffd70033; |
| border: none; |
| } |
| .lux-order-status-badge.status-delivered { |
| background: linear-gradient(90deg, #43e97b, #38f9d7); |
| color: #232946; |
| } |
| .lux-order-status-badge.status-shipped { |
| background: linear-gradient(90deg, #ffd700, #f6d365); |
| color: #232946; |
| } |
| .lux-order-status-badge.status-processing { |
| background: linear-gradient(90deg, #667eea, #764ba2); |
| color: #fff; |
| } |
| .lux-order-status-badge.status-placed { |
| background: linear-gradient(90deg, #ff6b6b, #ff4757); |
| color: #fff; |
| } |
| .lux-order-btn { |
| background: linear-gradient(135deg, #ffd700, #43e97b); |
| color: #232946; |
| border: none; |
| border-radius: 10px; |
| padding: 6px 16px; |
| font-weight: 700; |
| font-size: 0.98rem; |
| margin-bottom: 4px; |
| margin-right: 0; |
| box-shadow: 0 2px 8px #ffd70022; |
| cursor: pointer; |
| transition: all 0.2s cubic-bezier(0.175,0.885,0.32,1.275); |
| } |
| .lux-order-btn:hover { |
| background: linear-gradient(135deg, #43e97b, #ffd700); |
| color: #232946; |
| box-shadow: 0 4px 18px 0 #ffd70055; |
| } |
|
|
| .lux-profile-stats-card .wishlist-preview-card, |
| .lux-profile-stats-card .cart-preview-card { |
| min-width: 220px; |
| max-width: 340px; |
| min-height: 260px; |
| padding: 32px 18px 24px 18px; |
| margin: 0 auto 18px auto; |
| background: linear-gradient(135deg, rgba(255,255,255,0.18) 60%, rgba(246,211,101,0.18) 100%); |
| border: 3px solid #ffd700cc; |
| border-radius: 28px; |
| box-shadow: 0 8px 32px #ffd70055, 0 2px 12px #43e97b33; |
| display: flex; |
| flex-direction: column; |
| align-items: center; |
| justify-content: center; |
| font-size: 1.25rem; |
| font-weight: 700; |
| color: #232946; |
| transition: box-shadow 0.3s, border 0.3s, background 0.3s; |
| } |
| .lux-profile-stats-card .wishlist-preview-card img, |
| .lux-profile-stats-card .cart-preview-card img { |
| width: 110px; |
| height: 110px; |
| border-radius: 18px; |
| object-fit: cover; |
| margin-bottom: 18px; |
| box-shadow: 0 2px 12px #ffd70033; |
| } |
| .lux-profile-stats-card .wishlist-preview-card .item-name, |
| .lux-profile-stats-card .cart-preview-card .item-name { |
| font-size: 1.18rem; |
| font-weight: 800; |
| margin-bottom: 8px; |
| color: #232946; |
| } |
| .lux-profile-stats-card .wishlist-preview-card .item-price, |
| .lux-profile-stats-card .cart-preview-card .item-price { |
| font-size: 1.12rem; |
| font-weight: 700; |
| color: #43e97b; |
| margin-bottom: 6px; |
| } |
