/* Social Media Icons - Brand Colors - Complete Override */
.tas-follow.uk-iconnav a,
.tas-follow.uk-iconnav a:hover,
.tas-follow.uk-iconnav a:focus,
.tas-follow.uk-iconnav a:active,
.tas-follow.uk-iconnav a:visited,
.tas-follow.uk-iconnav > * > a,
.tas-follow.uk-iconnav > li > a {
    border: 2px solid #fff !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #fff !important;
    outline: 0 !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove any UIKit default borders - All possible selectors */
.tas-follow.uk-iconnav > * > a,
.tas-follow.uk-iconnav li a,
.tas-follow a[uk-icon] {
    border: 2px solid #fff !important;
    border-width: 2px !important;
    border-style: solid !important;
}

.tas-follow.uk-iconnav > * > a::before,
.tas-follow.uk-iconnav > * > a::after,
.tas-follow.uk-iconnav li a::before,
.tas-follow.uk-iconnav li a::after {
    display: none !important;
    border: none !important;
    border-width: 0 !important;
    content: none !important;
}

/* Force remove UIKit icon nav borders */
.uk-iconnav.tas-follow > * > a {
    border: 2px solid #fff !important;
}

.uk-iconnav.tas-follow > *:not(:first-child) {
    border-left: 2px solid #fff !important;
}

/* Facebook */
.tas-follow.uk-iconnav a[href*="facebook"] {
    background: #3b5998 !important;
    color: #fff !important;
}
.tas-follow.uk-iconnav a[href*="facebook"]:hover {
    background: #2d4373 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(59, 89, 152, 0.4) !important;
}

/* Twitter */
.tas-follow.uk-iconnav a[href*="twitter"] {
    background: #1da1f2 !important;
    color: #fff !important;
}
.tas-follow.uk-iconnav a[href*="twitter"]:hover {
    background: #0c85d0 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(29, 161, 242, 0.4) !important;
}

/* YouTube */
.tas-follow.uk-iconnav a[href*="youtube"] {
    background: #ff0000 !important;
    color: #fff !important;
}
.tas-follow.uk-iconnav a[href*="youtube"]:hover {
    background: #cc0000 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.4) !important;
}

/* LinkedIn */
.tas-follow.uk-iconnav a[href*="linkedin"] {
    background: #0077b5 !important;
    color: #fff !important;
}
.tas-follow.uk-iconnav a[href*="linkedin"]:hover {
    background: #005582 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(0, 119, 181, 0.4) !important;
}

/* Instagram */
.tas-follow.uk-iconnav a[href*="instagram"] {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    color: #fff !important;
}
.tas-follow.uk-iconnav a[href*="instagram"]:hover {
    background: linear-gradient(45deg, #d87b2a 0%, #c85532 25%, #b91d35 50%, #a91a54 75%, #991570 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(225, 48, 108, 0.4) !important;
}

/* WhatsApp */
.tas-follow.uk-iconnav a[href*="whatsapp"] {
    background: #25d366 !important;
    color: #fff !important;
}
.tas-follow.uk-iconnav a[href*="whatsapp"]:hover {
    background: #1da851 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4) !important;
}


/* DMCA Badge Styling */
.footer-dmca-badge {
    padding: 10px 0 5px 0;
    background: transparent;
}

.footer-dmca-badge .dmca-badge {
    display: inline-block;
    transition: transform 0.3s ease;
}

.footer-dmca-badge .dmca-badge:hover {
    transform: scale(1.05);
}

.footer-dmca-badge img {
    max-width: 150px;
    height: auto;
    display: inline-block;
}

/* Reduce Copyright Section Spacing */
.tas-copyright {
    padding: 10px 0 !important;
    margin-top: 5px !important;
}

.tas-copyright .uk-container {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


/* Mobile Responsive Footer */
@media (max-width: 640px) {
    /* Center all footer headings on mobile */
    .tas-footer .tas-title {
        text-align: center !important;
    }
    
    /* Center footer about text */
    .tas-footer .tas-about {
        text-align: center !important;
    }
    
    /* Center social media icons */
    .tas-follow.uk-iconnav {
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    /* Center footer links */
    .tas-footer .uk-list {
        text-align: center !important;
    }
    
    .tas-footer .uk-list li {
        text-align: center !important;
    }
    
    /* Center newsletter section */
    .new-subscriber {
        text-align: center !important;
    }
    
    /* Add spacing between footer sections on mobile */
    .tas-footer .tas-widgets > div {
        margin-bottom: 30px !important;
    }
    
    /* Reduce newsletter padding on mobile */
    .new-subscriber {
        padding: 15px !important;
    }
}

/* Newsletter Size Reduction */
.new-subscriber {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    margin-top: 10px !important;
}

/* Reduce spacing between newsletter heading and form */
.tas-footer .tas-title {
    margin-bottom: 15px !important;
}

.new-subscriber .uk-inline {
    position: relative !important;
}

.new-subscriber .uk-form-icon {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #666 !important;
    font-size: 18px !important;
}

.new-subscriber .uk-input {
    height: 40px !important;
    font-size: 14px !important;
    padding: 0 16px 0 40px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
}

.new-subscriber .uk-input:focus {
    border-color: #ed174f !important;
    outline: none !important;
}

.new-subscriber .uk-button {
    height: 40px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 24px !important;
    margin-top: 10px !important;
    line-height: 40px !important;
}

.new-subscriber #showresults {
    margin-top: 10px !important;
    font-size: 13px !important;
}

@media (max-width: 960px) {
    /* Tablet adjustments */
    .tas-footer .tas-title {
        text-align: center !important;
    }
    
    .tas-follow.uk-iconnav {
        justify-content: center !important;
        display: flex !important;
    }
}


/* Hamburger Menu Toggle Button */
.hamburger-toggle {
    background: transparent !important;
    border: none !important;
    padding: 5px 10px !important;
    margin-right: 15px;
    color: #333 !important;
    box-shadow: none !important;
}

.hamburger-toggle:hover {
    background: #f5f5f5 !important;
    color: #000 !important;
}

/* Off-canvas Menu Styling */
#offcanvas-nav .uk-offcanvas-bar {
    background: #fff;
    width: 280px;
    padding: 30px 20px;
}

#offcanvas-nav h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
}

#offcanvas-nav .uk-nav-default > li > a {
    padding: 12px 15px;
    font-size: 16px;
    color: #333;
    border-radius: 6px;
    transition: all 0.3s ease;
}

#offcanvas-nav .uk-nav-default > li > a:hover {
    background: #f5f5f5;
    color: var(--primary-color, #007bff);
    padding-left: 20px;
}

#offcanvas-nav .uk-nav-default > li.uk-active > a {
    background: var(--primary-color, #007bff);
    color: #fff;
}

#offcanvas-nav .uk-offcanvas-close {
    top: 20px;
    right: 20px;
    color: #333;
}
