/* ForeverUs Public Site - Custom Styles */

:root {
    --primary: #c0392b;
    --secondary: #8e44ad;
    --gradient: linear-gradient(135deg, #c0392b 0%, #8e44ad 100%);
}

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Profile Cards */
.profile-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.profile-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,0.15) !important; }

/* Hero Section */
.hero-gradient { background: var(--gradient); }

/* Buttons */
.btn-gradient {
    background: var(--gradient);
    border: none;
    color: white;
    border-radius: 50px;
    padding: 10px 30px;
    font-weight: 600;
    transition: opacity 0.2s;
}
.btn-gradient:hover { opacity: 0.9; color: white; }

/* Section Titles */
.section-title {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    position: relative;
    display: inline-block;
}
.section-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--gradient);
    border-radius: 2px;
}

/* Form Styling */
.form-control:focus, .form-select:focus {
    border-color: #c0392b;
    box-shadow: 0 0 0 0.2rem rgba(192, 57, 43, 0.15);
}

/* Badge verified */
.badge-verified {
    background: #27ae60;
    color: white;
    font-size: 0.65rem;
    padding: 3px 8px;
    border-radius: 20px;
}

/* Step indicators */
.step-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    background: var(--gradient);
    color: white;
}

/* Responsive Images */
img { max-width: 100%; }

/* Animations */
@keyframes heartbeat {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}
.heartbeat { animation: heartbeat 1.5s infinite; }

/* Footer Links */
footer a:hover { color: #c0392b !important; }

/* Nav active */
.navbar-nav .nav-link.active {
    color: #c0392b !important;
    font-weight: 600;
}

/* Card hover effects */
.card { transition: transform 0.15s ease; }

/* Interest Status Badges */
.interest-pending { background: #fff3cd; color: #856404; }
.interest-accepted { background: #d1e7dd; color: #0f5132; }
.interest-rejected { background: #f8d7da; color: #842029; }

/* Mobile responsive */
@media (max-width: 576px) {
    .display-4 { font-size: 2rem; }
    .hero-gradient { min-height: 70vh; }
}