/* MyRoots Components - Additional Styles */
/* Match notification popup */
.match-popup {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.85); z-index: 10000;
    display: flex; align-items: center; justify-content: center;
    animation: fadeIn 0.3s ease;
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.match-popup-content {
    text-align: center; color: #fff; max-width: 360px; padding: 40px;
}
.match-popup-content h2 { font-family: var(--mr-font-display); font-size: 36px; color: var(--mr-gold); margin-bottom: 10px; }
.match-popup-photos { display: flex; justify-content: center; gap: 20px; margin: 20px 0; }
.match-popup-photos img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 3px solid var(--mr-gold); }
.match-popup-score { font-size: 18px; color: var(--mr-gold-light); margin-bottom: 20px; }

/* Verified badge */
.verified-badge::after { content: '✅'; margin-left: 4px; font-size: 14px; }
.premium-badge::after { content: '⭐'; margin-left: 4px; font-size: 14px; }

/* Toast notifications */
.myroots-toast {
    position: fixed; bottom: 30px; right: 30px; z-index: 10001;
    background: var(--mr-green-dark); color: #fff; padding: 14px 24px;
    border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.3);
    animation: slideIn 0.3s ease, slideOut 0.3s ease 2.7s;
    font-size: 14px; font-weight: 500; max-width: 360px;
}
.myroots-toast.error { background: var(--mr-red); }
.myroots-toast.gold { background: var(--mr-gold); color: var(--mr-green-dark); }
@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes slideOut { from { opacity: 1; } to { opacity: 0; } }

/* Profile detail modal */
.profile-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 5000; display: flex; align-items: center; justify-content: center; padding: 20px; }
.profile-modal-content { background: var(--mr-card); border-radius: var(--mr-radius-lg); max-width: 500px; width: 100%; max-height: 85vh; overflow-y: auto; }
.profile-modal-header { position: relative; }
.profile-modal-header img { width: 100%; height: 350px; object-fit: cover; border-radius: var(--mr-radius-lg) var(--mr-radius-lg) 0 0; }
.profile-modal-close { position: absolute; top: 12px; right: 12px; background: rgba(0,0,0,0.5); color: #fff; border: none; width: 36px; height: 36px; border-radius: 50%; font-size: 18px; cursor: pointer; }
.profile-modal-body { padding: 24px; }
.profile-modal-body h2 { font-family: var(--mr-font-display); color: var(--mr-green-dark); }
.profile-detail-row { display: flex; gap: 8px; margin-top: 12px; font-size: 14px; }
.profile-detail-label { color: var(--mr-text-muted); min-width: 100px; }
.profile-detail-value { font-weight: 500; }