/**
 * ============================================================================
 * GLOBAL FOOTER EFFECTS - FOOTER LINK AND ELEMENT ANIMATIONS
 * ============================================================================
 * Comprehensive hover effects for footer links, deal banner, and language switcher.
 * ============================================================================
 */

/* ========================================================================== */
/* FOOTER LINK EFFECTS */
/* ========================================================================== */
.global-footer__link {
  transition: all 0.3s ease; /* Smooth transitions */
  position: relative; /* For underline pseudo-element */
}

/* Animated underline on hover */
.global-footer__link::after {
  content: ""; /* Empty content */
  position: absolute; /* Absolute positioning */
  bottom: -2px; /* Below text */
  left: 0; /* Start from left */
  width: 0; /* Hidden by default */
  height: 1px; /* Underline thickness */
  background-color: currentColor; /* Match text color */
  transition: width 0.3s ease; /* Animate width */
}

/* LINK HOVER STATE - Brighten and slide */
.global-footer__link:hover {
  color: rgba(255, 255, 255, 0.9); /* Brighter white */
  transform: translateX(4px); /* Slide right */
}

/* LINK HOVER STATE - Show underline */
.global-footer__link:hover::after {
  width: 100%; /* Full width underline */
}

/* ========================================================================== */
/* SOCIAL LINK EFFECTS */
/* ========================================================================== */
.global-footer__social-link {
  transition: all 0.3s ease; /* Smooth transitions */
}

/* SOCIAL LINK HOVER STATE - Lift */
.global-footer__social-link:hover {
  transform: translateY(-3px); /* Lift up */
  opacity: 0.8; /* Slightly transparent */
}

/* ========================================================================== */
/* DEAL OF THE DAY BANNER EFFECTS */
/* ========================================================================== */
.global-footer__deal-of-day {
  transition: all 0.3s ease; /* Smooth transitions */
}

/* DEAL BANNER HOVER STATE - Lift and shadow */
.global-footer__deal-of-day:hover {
  background-color: #0a0a0a; /* Darker background */
  transform: translateY(-2px); /* Lift up */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); /* Drop shadow */
}

/* DEAL BADGE EFFECTS */
.global-footer__deal-badge {
  transition: all 0.3s ease; /* Smooth transitions */
}

/* BADGE HOVER STATE - Brighten and slide */
.global-footer__deal-of-day:hover .global-footer__deal-badge {
  color: rgba(255, 255, 255, 0.9); /* Brighter white */
  transform: translateX(4px); /* Slide right */
}

/* DEAL EMOJI EFFECTS */
.global-footer__deal-emoji {
  transition: transform 0.3s ease; /* Smooth transform */
}

/* EMOJI HOVER STATE - Scale and rotate */
.global-footer__deal-of-day:hover .global-footer__deal-emoji {
  transform: scale(1.2) rotate(10deg); /* Grow and tilt */
}

/* DEAL TITLE EFFECTS */
.global-footer__deal-title {
  transition: color 0.3s ease; /* Smooth color change */
}

/* TITLE HOVER STATE - Brighten */
.global-footer__deal-of-day:hover .global-footer__deal-title {
  color: rgba(255, 255, 255, 1); /* Pure white */
}

/* DEAL PRICE EFFECTS */
.global-footer__deal-price {
  transition: all 0.3s ease; /* Smooth transitions */
}

/* PRICE HOVER STATE - Brighten and scale */
.global-footer__deal-of-day:hover .global-footer__deal-price {
  color: rgba(255, 255, 255, 1); /* Pure white */
  transform: scale(1.05); /* Scale up slightly */
}

/* ========================================================================== */
/* DEAL BUTTON EFFECTS */
/* ========================================================================== */
.global-footer__deal-button {
  transition: all 0.3s ease; /* Smooth transitions */
  position: relative; /* For ripple effect */
  overflow: hidden; /* Hide ripple overflow */
}

/* Ripple effect pseudo-element */
.global-footer__deal-button::before {
  content: ""; /* Empty content */
  position: absolute; /* Absolute positioning */
  top: 50%; /* Center vertically */
  left: 50%; /* Center horizontally */
  width: 0; /* Hidden by default */
  height: 0; /* Hidden by default */
  border-radius: 50%; /* Circular ripple */
  background: rgba(255, 255, 255, 0.1); /* Semi-transparent white */
  transform: translate(-50%, -50%); /* Center the circle */
  transition:
    width 0.6s ease,
    height 0.6s ease; /* Animate expansion */
}

/* BUTTON HOVER STATE - Lift and shadow */
.global-footer__deal-button:hover {
  background-color: #2a2530; /* Lighter background */
  transform: translateY(-2px); /* Lift up */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); /* Drop shadow */
}

/* BUTTON HOVER STATE - Expand ripple */
.global-footer__deal-button:hover::before {
  width: 300px; /* Large ripple */
  height: 300px; /* Large ripple */
}

/* ========================================================================== */
/* LANGUAGE SWITCHER EFFECTS */
/* ========================================================================== */
.global-footer__language-option {
  transition: all 0.3s ease; /* Smooth transitions */
}

/* LANGUAGE OPTION HOVER STATE - Slide */
.global-footer__language-option:hover {
  background-color: #2a2530; /* Lighter background */
  transform: translateX(4px); /* Slide right */
}