/* Footer Enhancements */

/* Add a subtle top border to the footer */
.footer {
    position: relative;
}

.footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, 
        rgba(var(--theme-primary-rgb, 0, 0, 0), 0.7), 
        rgba(var(--theme-secondary-rgb, 0, 0, 0), 0.7)
    );
}

/* Enhance footer widgets */
.footer .widget {
    transition: transform 0.3s ease;
}

.footer .widget:hover {
    transform: translateY(-5px);
}

/* Improve footer widget titles */
.footer .widget-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.footer .widget-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: rgba(var(--theme-primary-rgb, 255, 255, 255), 0.3);
    transition: width 0.3s ease;
}

.footer .widget:hover .widget-title:after {
    width: 60px;
}

/* Enhance footer links */
.footer a {
    position: relative;
    transition: color 0.3s ease, padding 0.3s ease;
}

.footer a:hover {
    padding-left: 5px;
}

.footer a:before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

.footer a:hover:before {
    width: 100%;
}

/* Improve copyright section */
.copyright {
    position: relative;
    overflow: hidden;
}

.copyright:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        rgba(255, 255, 255, 0.1),
        transparent
    );
}

/* Add subtle animation to footer */
.animate__fadeIn {
    animation-duration: 0.8s;
}

/* Enhance footer columns on hover */
.footer_top-area .wgl_col-3,
.footer_top-area .wgl_col-4,
.footer_top-area .wgl_col-6,
.footer_top-area .wgl_col-12 {
    transition: background-color 0.3s ease;
    border-radius: 8px;
    padding: 20px;
}

.footer_top-area .wgl_col-3:hover,
.footer_top-area .wgl_col-4:hover,
.footer_top-area .wgl_col-6:hover,
.footer_top-area .wgl_col-12:hover {
    background-color: rgba(255, 255, 255, 0.03);
}

/* Improve footer social icons if present */
.footer .social-icons a {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.footer .social-icons a:hover {
    transform: translateY(-3px);
    opacity: 0.8;
}

/* Add subtle hover effect to footer buttons */
.footer .wgl-button,
.footer button,
.footer input[type="button"],
.footer input[type="submit"] {
    position: relative;
    overflow: hidden;
}

.footer .wgl-button:before,
.footer button:before,
.footer input[type="button"]:before,
.footer input[type="submit"]:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.2) 50%, 
        rgba(255, 255, 255, 0) 100%);
    transition: left 0.5s ease;
}

.footer .wgl-button:hover:before,
.footer button:hover:before,
.footer input[type="button"]:hover:before,
.footer input[type="submit"]:hover:before {
    left: 100%;
}