/* Common Footer and Responsive Styles */
/* Used by: index.html, hazoura-project-details.html, mypromptlib-project-details.html, shopifex-project-details.html, springboost-project-details.html */

/* Specific CSS for Quick Links hover - only underline effect */
.footer-link.text-white-75.text-decoration-none.mb-3.small:hover {
    color: #457BF7 !important;
    text-decoration: underline !important;
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 0.75rem !important;
    transform: none !important;
}

/* Ensure no pseudo-elements interfere */
.footer-link.text-white-75.text-decoration-none.mb-3.small:hover::before,
.footer-link.text-white-75.text-decoration-none.mb-3.small:hover::after {
    content: none !important;
    display: none !important;
}

/* Apply same hover effect to legal items */
.text-white-50.text-decoration-none.small.hover-primary:hover {
    color: #457BF7 !important;
    text-decoration: underline !important;
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    transform: none !important;
}

/* Responsive Footer Styles */
@media (max-width: 767px) {
    .footer-responsive-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
    
    .footer-quick-links {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.5rem 1rem !important;
    }
    
    .footer-services {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.5rem 1rem !important;
    }
    
    .footer-bottom-links {
        flex-wrap: nowrap !important;
        gap: 0.5rem !important;
        justify-content: center !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-responsive-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 2rem !important;
    }
    
    .footer-quick-links, .footer-services {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.5rem 1rem !important;
    }
}

/* Additional responsive improvements */
@media (max-width: 575px) {
    .tp-footer__area {
        padding-top: 60px !important;
        padding-bottom: 30px !important;
    }
    
    .footer-responsive-grid {
        padding: 2rem 0 !important;
    }
}