/* ====================================
   FOOTER STYLES - TronzadorasMG
   ==================================== */

/* Footer background gradient */
footer {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
}

/* Footer links hover effect */
footer a:hover {
    color: #bc2119 !important;
    transition: color 0.3s ease;
}

/* Footer icons size */
footer .fab,
footer .fas {
    font-size: 1.2em;
}

/* Footer primary text color (company name) */
footer .text-primary {
    color: #bc2119 !important;
}

/* Back to top button */
#backToTop {
    opacity: 0.8;
    transition: opacity 0.3s ease;
    background-color: #bc2119 !important;
    border-color: #bc2119 !important;
}

#backToTop:hover {
    opacity: 1;
    background-color: #a01d17 !important;
    border-color: #a01d17 !important;
}

/* ====================================
   RESPONSIVE ADJUSTMENTS
   ==================================== */

/* Small screens */
@media (max-width: 768px) {
    footer .col-lg-4,
    footer .col-lg-3,
    footer .col-lg-2 {
        margin-bottom: 2rem;
    }
    
    footer .text-md-end {
        text-align: center !important;
    }
    
    #backToTop {
        width: 45px;
        height: 45px;
        margin: 1rem;
    }
}

/* Extra small screens */
@media (max-width: 576px) {
    footer .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    footer h5,
    footer h6 {
        font-size: 1rem;
    }
    
    footer .list-inline-item {
        display: block;
        margin-bottom: 0.5rem;
    }
    
    footer .list-inline-item:not(:last-child)::after {
        content: none;
    }
}