/* HBC User Menu Styles - Brand Colors */
:root {
    --hbc-brand-primary: #D7C48D;
    --hbc-brand-secondary: #C5B17A;
    --hbc-brand-text: #2D2D2D;
    --hbc-brand-light: rgba(215, 196, 141, 0.1);
    --hbc-brand-medium: rgba(215, 196, 141, 0.3);
    --hbc-brand-strong: rgba(215, 196, 141, 0.4);
}

.hbc-user-menu {
    position: relative;
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    z-index: 999;
}

/* Logged out state - simple icon only (no background) */
.hbc-user-menu-logged-out .hbc-user-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(18px, 4vw, 24px);
    height: clamp(18px, 4vw, 24px);
    background: transparent;
    color: var(--hbc-brand-primary);
    text-decoration: none;
}

.hbc-user-menu-logged-out .hbc-user-link:hover {
    color: var(--hbc-brand-secondary);
}

.hbc-user-icon-svg {
    width: clamp(9px, 2vw, 12px);
    height: clamp(9px, 2vw, 12px);
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease;
}

.hbc-user-menu-logged-out .hbc-user-link:hover .hbc-user-icon-svg {
    transform: scale(1.1);
}

.hbc-user-menu-logged-out .hbc-login-text {
    display: none;
}

/* User link (logged in state) - Simple icon link */
.hbc-user-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(18px, 4vw, 24px);
    height: clamp(18px, 4vw, 24px);
    background: transparent;
    border: 0;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.hbc-user-link:hover {
    transform: translateY(-1px);
}

/* Avatar - Circular and centered */
.hbc-user-avatar {
    border-radius: 50%;
    width: clamp(18px, 4vw, 24px);
    height: clamp(18px, 4vw, 24px);
    object-fit: cover;
    border: 0;
    box-shadow: none;
}

/* SVG icon for logged in users - match logged-out size */
.hbc-user-link .hbc-user-icon-svg {
    width: clamp(9px, 2vw, 12px);
    height: clamp(9px, 2vw, 12px);
    color: var(--hbc-brand-primary);
    transition: all 0.3s ease;
}

.hbc-user-link:hover .hbc-user-icon-svg {
    color: var(--hbc-brand-secondary);
    transform: scale(1.1);
}

/* Simple user menu - no dropdown needed */

/* Responsive design */
@media (max-width: 768px) {
    .hbc-user-link,
    .hbc-user-menu-logged-out .hbc-login-link {
        width: clamp(18px, 5vw, 22px);
        height: clamp(18px, 5vw, 22px);
    }
    
    .hbc-user-avatar {
        width: clamp(18px, 5vw, 22px);
        height: clamp(18px, 5vw, 22px);
    }
    
    .hbc-user-icon-svg {
        width: clamp(9px, 2.5vw, 11px);
        height: clamp(9px, 2.5vw, 11px);
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .hbc-user-link,
    .hbc-user-menu-logged-out .hbc-login-link {
        border-color: #000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .hbc-user-link,
    .hbc-user-menu-logged-out .hbc-login-link,
    .hbc-user-icon-svg {
        transition: none;
    }
}