/* ========== PROFESSIONAL BUTTON DESIGN ========== */

/* Primary button - elegant and refined */
.wallet-btn.primary,
.btn-login,
.birthday-submit-btn {
    background: linear-gradient(135deg, #3d3530 0%, #4a4238 100%) !important;
    color: #FFD700 !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 14px 28px !important;
    box-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 215, 0, 0.1) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative;
    overflow: hidden;
}

.wallet-btn.primary::before,
.btn-login::before,
.birthday-submit-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.1), transparent);
    transition: left 0.5s ease;
}

.wallet-btn.primary:hover::before,
.btn-login:hover::before,
.birthday-submit-btn:hover::before {
    left: 100%;
}

.wallet-btn.primary:hover,
.btn-login:hover,
.birthday-submit-btn:hover {
    background: linear-gradient(135deg, #4a4238 0%, #544c42 100%) !important;
    border-color: rgba(255, 215, 0, 0.5) !important;
    transform: translateY(-2px) !important;
    box-shadow: 
        0 4px 16px rgba(0, 0, 0, 0.2),
        0 0 20px rgba(255, 215, 0, 0.15) !important;
}

/* Secondary buttons - subtle and elegant */
.wallet-btn.secondary {
    background: rgba(61, 53, 46, 0.4) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 215, 0, 0.2) !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    padding: 14px 28px !important;
    box-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 215, 0, 0.05) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    backdrop-filter: blur(10px);
}

.wallet-btn.secondary:hover {
    background: rgba(74, 66, 56, 0.6) !important;
    color: #FFD700 !important;
    border-color: rgba(255, 215, 0, 0.35) !important;
    transform: translateY(-2px) !important;
    box-shadow: 
        0 4px 16px rgba(0, 0, 0, 0.15),
        0 0 16px rgba(255, 215, 0, 0.1) !important;
}

/* Ensure all button text is visible */
.wallet-btn,
.btn-copy,
.social-btn,
button {
    text-shadow: none !important;
    letter-spacing: 0.3px;
}

.wallet-btn svg,
.btn-copy svg {
    filter: none;
    opacity: 0.9;
}

/* Copy buttons enhancement */
.btn-copy {
    background: rgba(61, 53, 46, 0.3) !important;
    border: 1px solid rgba(255, 215, 0, 0.15) !important;
    color: #e5e5e5 !important;
    font-weight: 500 !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    backdrop-filter: blur(8px);
}

.btn-copy:hover {
    background: rgba(74, 66, 56, 0.5) !important;
    border-color: rgba(255, 215, 0, 0.3) !important;
    color: #FFD700 !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Social share buttons */
.social-btn {
    background: rgba(61, 53, 46, 0.35) !important;
    border: 1px solid rgba(255, 215, 0, 0.15) !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(8px);
}

.social-btn:hover {
    background: rgba(74, 66, 56, 0.55) !important;
    border-color: rgba(255, 215, 0, 0.25) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Shop Now button in header */
.btn-shop {
    background: linear-gradient(135deg, #3d3530 0%, #4a4238 100%) !important;
    color: #FFD700 !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.btn-shop:hover {
    background: linear-gradient(135deg, #4a4238 0%, #544c42 100%) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    transform: translateY(-1px) !important;
}

/* Dropdown items */
.dropdown-item {
    color: #ffffff !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
}

.dropdown-item:hover {
    background: rgba(255, 215, 0, 0.08) !important;
    color: #FFD700 !important;
}

/* Active/pressed states */
.wallet-btn:active,
.btn-copy:active,
.social-btn:active {
    transform: translateY(0) scale(0.98) !important;
}

/* Ensure icon visibility in buttons */
.wallet-btn svg path,
.btn-copy svg path,
.social-btn svg path {
    stroke: currentColor !important;
}

/* Quick link cards as clickable buttons */
.quick-link-card {
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.quick-link-card:hover {
    transform: translateY(-5px) !important;
}

/* Achievement cards */
.achievement-card {
    transition: all 0.3s ease !important;
}

.achievement-card:hover {
    transform: translateY(-4px) scale(1.01) !important;
}

/* Professional focus states */
.wallet-btn:focus,
.btn-copy:focus,
button:focus {
    outline: 2px solid rgba(255, 215, 0, 0.3) !important;
    outline-offset: 2px !important;
}

/* Disabled state */
.wallet-btn:disabled,
button:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
}