@media only screen and (min-width: 768px) and (max-height: 1024px) {
    #wrap {
        margin-top: -10px !important;
    }
}
@media only screen and (min-height: 768px) and (max-width: 1024px) {
    #wrap {
        margin-top: -10px !important;
    }
}
#main {
    overflow: visible;
}
.profilePic {
    overflow: visible !important;
}
.profilePicOnline::after,
.profilePicOffline::after {
    top: auto !important;
    left: auto !important;
    bottom: 16px !important;
    right: 16px !important;
    transform: none !important;
    z-index: 5 !important;
}
@media (min-width: 768px) {
    .profile-sidebar {
        position: sticky;
        top: 80px;
        z-index: 2;
        height: fit-content;
        align-self: flex-start;
    }
}
/* Fan profiles: restore header height after hiding stats / media buttons */
.profile-identity--fan {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    min-height: 180px;
}
.profile-identity-row--fan {
    align-items: center;
    min-height: 140px;
}
.profile-identity--fan .profile-name {
    margin-top: 8px;
}
@media (max-width: 575.98px) {
    .profile-identity--fan {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        min-height: 0;
    }
    .profile-identity-row--fan {
        min-height: 0;
    }
}

/* Profile cover / identity — dark mode */
/* Dark profile chrome/badges: handled in dark-mode.css */
html[data-theme="dark"] .white-bg .btn-primary {
    background: #667eea !important;
    border-color: #667eea !important;
    color: #fff !important;
}
html[data-theme="dark"] .white-bg .btn-outline-primary {
    background: transparent !important;
    border-color: #667eea !important;
    color: #9db4ff !important;
}
html[data-theme="dark"] .white-bg .btn-outline-primary:hover {
    background: #667eea !important;
    color: #fff !important;
}
html[data-theme="dark"] #coverImageContainer.coverPic--zoomable::before {
    background: rgba(26, 29, 38, 0.92) !important;
    color: #e8eaed !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] #coverImageModal .modal-content,
html[data-theme="dark"] #coverImageModal .modal-header,
html[data-theme="dark"] #coverImageModal .modal-body {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .coverPic {
    background-color: #1c2029;
}
/* Default cover image: dark-mode.css only */