/* responsive.css */

@media (max-width: 1199px) {
    .hero-title {
        font-size: 3.5rem;
    }
}

@media (max-width: 991px) {
    .hero-title {
        font-size: 3rem;
    }
    .hero-section {
        padding-top: 100px;
        text-align: center;
    }
    .hero-content {
        margin: 0 auto;
    }
    .nav-actions {
        display: none !important; /* Hide on tablet/mobile header */
    }
    .navbar-nav {
        background: rgba(17, 17, 17, 0.98);
        padding: 20px;
        border-radius: 4px;
        margin-top: 15px;
        border: 1px solid var(--gold-border);
    }
    .profile-card {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .hero-title {
        font-size: 2.5rem;
    }
    .hero-subtitle {
        font-size: 1rem;
    }
    .floating-buttons {
        bottom: 20px;
        padding: 0 20px;
    }
    .floating-btn {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .section-padding {
        padding: 60px 0;
    }
    .page-header {
        padding: 120px 0 60px;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 2rem;
    }
    .btn-primary-gold, .btn-outline-gold {
        padding: 10px 20px;
        font-size: 12px;
    }
    .profile-img-wrap {
        padding-top: 100%; /* More square on very small screens */
    }
    .card-actions {
        grid-template-columns: 1fr;
    }
}