::deep .container { max-width: 1100px; } /* Navigation Layout Overrides - Black & White Architectural Style */ .nav-pills .nav-link { color: #6c757d; border-radius: 0; padding: 0.75rem 1rem; font-weight: 500; font-family: var(--bs-body-font-family); transition: all 0.2s ease-in-out; border: 1px solid transparent; background: transparent !important; } /* Active State - Solid Black Fill with stark white text */ .nav-pills .nav-link.active { background-color: #1A1A1A !important; color: #FFFFFF !important; border-color: #1A1A1A; } /* Hover State for Unselected Buttons */ .nav-pills .nav-link:hover:not(.active) { color: #1A1A1A; background-color: #F8F8F8 !important; } /* Logout Button Link Alignment rules */ .nav-pills .nav-link.text-danger { color: #DC3545 !important; } .nav-pills .nav-link.text-danger:hover { background-color: #FFF5F5 !important; color: #A94442 !important; } hr { border-top: 1px solid rgba(0, 0, 0, 0.08); margin: 1.5rem 0; } /* Profile Banner Design Definitions */ .profile-hero-banner { border-color: rgba(0, 0, 0, 0.05) !important; background-color: #FAFAFA !important; } .brand-greeting { font-family: 'Playfair Display', serif; font-size: 1.8rem; letter-spacing: -0.01em; color: #111111; } .meta-tag { font-size: 0.68rem; letter-spacing: 0.15em; } .hero-crest-svg svg { transition: transform 0.4s ease-in-out; } .profile-hero-banner:hover .hero-crest-svg svg { transform: rotate(15deg); } /* Cards Layout Rules */ .card { border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0; } .address-card { transition: border-color 0.2s ease, box-shadow 0.2s ease; } .address-card:hover { border-color: rgba(0, 0, 0, 0.16); } /* Order Meta Tracks & Status Badges Setup */ .order-meta-track { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem; } .status-badge-base { font-family: var(--bs-font-monospace); font-size: 0.68rem !important; letter-spacing: 0.08em; padding: 0.35rem 0.65rem !important; border-radius: 0px !important; font-weight: 600; } .status-delivered { background-color: #E2F0D9 !important; color: #385723 !important; } .status-shipped { background-color: #FFF2CC !important; color: #7F6000 !important; } .status-processing, .status-pending { background-color: #F2F2F2 !important; color: #595959 !important; border: 1px dashed #D9D9D9; } /* Restored Action Button Interactive Properties */ .action-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: transparent; border: none; color: #1A1A1A; transition: background-color 0.15s ease, transform 0.1s ease; } .action-btn:hover { background-color: rgba(0, 0, 0, 0.05); } .action-btn:active { transform: scale(0.92); } .pointer-label { cursor: pointer; user-select: none; } .tab-pane #profile .card { border: 1px dashed rgba(0, 0, 0, 0.15) !important; }