/* Mobile-specific style fixes */

/* Fix connection link color on mobile */
@media (max-width: 768px) {
    .link-without-visited-state {
        color: var(--color-brand);
        text-decoration: none;
    }
    
    .link-without-visited-state:hover {
        text-decoration: underline;
    }
    
    /* Ensure "The One" badge looks good on mobile */
    .the-one-badge {
        margin: 12px 0;
        padding: 12px 16px;
        font-size: 14px;
    }
    
    /* Fix any text overflow issues */
    .pv-top-card__content {
        padding: 16px;
    }
    
    .text-heading-xlarge {
        font-size: 28px;
        line-height: 1.2;
    }
    
    /* Ensure buttons are properly styled */
    .artdeco-button {
        min-height: 44px;
        padding: 8px 24px;
        font-size: 16px;
        width: 100%;
        max-width: 300px;
    }
}

/* Dark mode support for mobile */
@media (prefers-color-scheme: dark) and (max-width: 768px) {
    :root {
        --background-color: #1d2226;
        --surface-background: #2d333b;
        --text-color-primary: rgba(255,255,255,0.9);
        --text-color-secondary: rgba(255,255,255,0.6);
        --border-color: rgba(255,255,255,0.08);
    }
}