/*
Theme Name: Hanatux Pet Emporium
Theme URI: https://wystech.com/hanatux
Author: Wystech Solutions
Author URI: https://wystech.com
Description: Enterprise Pro Ultra Responsive Pet Store eCommerce Theme for WordPress. Built for pet shops, dog & cat supplies, grooming salons, veterinary clinics, and pet accessory brands. Features dynamic catalog, live cart drawer, currency switcher, nutrition quiz, and smooth animations.
Version: 1.1.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hanatux-pet-emporium
Tags: e-commerce, two-columns, custom-colors, custom-menu, custom-logo, featured-images, full-width-template, theme-options, translation-ready
*/

@import url('assets/css/main.css');
/* ==========================================================================
   FOOTER ANIMATIONS (FORCED OVERRIDE)
   ========================================================================== */

/* 1. Page Load Entrance */
@keyframes footerFadeUp {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.site-footer {
  animation: footerFadeUp 0.8s ease-out forwards !important;
}

/* 2. Link Hover Animation */
.site-footer .footer-links a {
  display: inline-block !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

.site-footer .footer-links a:hover {
  transform: translateX(8px) !important;
  color: #d18d48 !important;
}

/* 3. Social Links Hover */
.site-footer .footer-social-links .social-link {
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), 
              background-color 0.3s ease, 
              box-shadow 0.3s ease !important;
}

.site-footer .footer-social-links .social-link:hover {
  transform: translateY(-5px) scale(1.15) !important;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
}

/* 4. Contact Items Hover */
.site-footer .footer-contact-item {
  transition: transform 0.25s ease !important;
}

.site-footer .footer-contact-item:hover {
  transform: translateX(5px) !important;
}

.site-footer .footer-contact-item i {
  transition: transform 0.3s ease !important;
  display: inline-block !important;
}

.site-footer .footer-contact-item:hover i {
  transform: scale(1.25) !important;
}

/* 5. PCI Security Badge Hover */
.site-footer .footer-security-badge img,
.site-footer .pci-badge-img,
.site-footer .pci-white-badge {
  transition: transform 0.3s ease, filter 0.3s ease !important;
}

.site-footer .footer-security-badge img:hover,
.site-footer .pci-badge-img:hover,
.site-footer .pci-white-badge:hover {
  transform: scale(1.06) !important;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.3)) !important;
}