/*
Theme Name: Allez
Theme URI: https://wordpress.com/theme/allez/
Author: Automattic
Author URI: https://automattic.com/
Description: Allez is the perfect theme site for sports practitioners or fans who want to blog about their sport.
Requires at least: 6.0
Tested up to: 6.4.1
Requires PHP: 5.7
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: allez
Tags: entertainment, holiday, two-columns, three-columns, accessibility-ready, block-patterns, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, full-site-editing, post-formats, rtl-language-support, sticky-post, style-variations, template-editing, threaded-comments, translation-ready, allez, dai, avanti, vamos, sports, sport-site, fans, practitioners, blog, blogging, match, games, reviews
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline >.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 0.5px !important;
	text-underline-offset: 2px;
}

/*
 * Navigation Block
 * Reset the padding from List block
 * https://github.com/WordPress/gutenberg/issues/50486
 */
.wp-block-navigation ul {
	padding: unset;
}

/*
 * Pull quote Block
 * Reset the browser default margins for blockquote and paragraph element
 * https://github.com/WordPress/gutenberg/issues/44129
 */
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
	margin: 0;
}

/*
 * Form field styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
input:not([type="submit"]):not([type="checkbox"]),
textarea,
.wp-block-post-comments-form input:not([type=submit]),
.wp-block-post-comments-form textarea {
	border-color: var(--wp--preset--color--secondary);
}


/* ========================================
   CUSTOM ANIMATIONS - Added March 18, 2026
   ======================================== */

/* Smooth scroll behavior */
html { scroll-behavior: smooth; }

/* Button hover animations with lift effect */
.button, .wp-block-button__link, a.button, .elementor-button, input[type="submit"] {
  transition: all 0.3s ease !important;
  will-change: transform;
}

.button:hover, .wp-block-button__link:hover, a.button:hover, .elementor-button:hover, input[type="submit"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}

/* Image hover effects - subtle zoom */
img {
  transition: transform 0.4s ease;
}

img:hover {
  transform: scale(1.05);
}

/* Card/Column lift effect */
.wp-block-column, article, .post {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wp-block-column:hover, article:hover, .post:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

/* Link underline animation */
a:not(.button):not(.wp-block-button__link) {
  position: relative;
}

/* Fade-in animation for sections */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-on-scroll {
  animation: fadeInUp 0.8s ease-out;
}

/* END CUSTOM ANIMATIONS */


/* ========================================
   ENHANCED ANIMATIONS - March 19, 2026
   ======================================== */

/* Hero Section Animation - Fade in and slide up */
.wp-block-cover, .hero-section, .entry-header {
  animation: heroFadeIn 1.2s ease-out;
}

@keyframes heroFadeIn {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Headline animations - Slide in from left */
h1, h2, .wp-block-heading, .entry-title {
  animation: slideInLeft 0.8s ease-out;
  animation-fill-mode: both;
}

h1 { animation-delay: 0.2s; }
h2 { animation-delay: 0.3s; }
h3 { animation-delay: 0.4s; }

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Booking button - Continuous pulse effect */
a.button, .wp-block-button__link {
  animation: gentlePulse 2s infinite;
  position: relative;
  overflow: visible !important;
}

@keyframes gentlePulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.4);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(255, 107, 0, 0);
  }
}

/* More dramatic hover effects */
.button:hover, .wp-block-button__link:hover {
  transform: translateY(-5px) scale(1.05) !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.25) !important;
}

/* Images - Bigger zoom with brightness */
img:hover {
  transform: scale(1.1) !important;
  filter: brightness(1.15);
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* Content blocks - Dramatic lift */
.wp-block-column:hover, article:hover, .post:hover {
  transform: translateY(-10px) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
}

/* Logo animation - Rotate on hover */
.site-logo img:hover, .custom-logo:hover {
  transform: rotate(5deg) scale(1.1);
  transition: transform 0.4s ease;
}

/* Navigation menu - Slide down */
.site-navigation, .nav-menu {
  animation: slideDown 0.6s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Paragraphs - Fade in */
p, .wp-block-paragraph {
  animation: fadeIn 1s ease-out;
  animation-fill-mode: both;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Location cards/blocks - Staggered entrance */
.wp-block-column:nth-child(1) { animation: fadeInUp 0.8s ease-out 0.2s backwards; }
.wp-block-column:nth-child(2) { animation: fadeInUp 0.8s ease-out 0.4s backwards; }
.wp-block-column:nth-child(3) { animation: fadeInUp 0.8s ease-out 0.6s backwards; }
.wp-block-column:nth-child(4) { animation: fadeInUp 0.8s ease-out 0.8s backwards; }

/* Lists - Items appear one by one */
li {
  animation: fadeInUp 0.6s ease-out backwards;
}

li:nth-child(1) { animation-delay: 0.1s; }
li:nth-child(2) { animation-delay: 0.2s; }
li:nth-child(3) { animation-delay: 0.3s; }
li:nth-child(4) { animation-delay: 0.4s; }
li:nth-child(5) { animation-delay: 0.5s; }
li:nth-child(6) { animation-delay: 0.6s; }

/* Footer - Slide up */
footer, .site-footer {
  animation: slideUp 0.8s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Bounce effect for important elements */
.wp-block-button, .call-to-action {
  animation: bounce 2s ease-in-out 1s;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

/* Glowing border effect on focus */
input:focus, textarea:focus, select:focus {
  box-shadow: 0 0 15px rgba(255, 107, 0, 0.5);
  border-color: #ff6b00;
  transition: all 0.3s ease;
}

/* Spinning effect for icons/emojis */
.wp-block-image:hover i, .icon:hover {
  animation: spin 1s ease-in-out;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* END ENHANCED ANIMATIONS */

/* ========================================
   FIX: Remove animations from blank areas
   ======================================== */

/* Override blank containers - no animation */
.wp-block-column:empty,
.wp-block-group:empty,
div:empty,
p:empty {
  animation: none !important;
  opacity: 1 !important;
}

/* Only animate columns with content */
.wp-block-column {
  animation: none !important;
}

.wp-block-column:not(:empty):has(*) {
  animation: fadeInUp 0.8s ease-out backwards;
}

/* Only animate specific content blocks */
.wp-block-column:nth-child(1):has(*) { animation-delay: 0.2s; }
.wp-block-column:nth-child(2):has(*) { animation-delay: 0.4s; }
.wp-block-column:nth-child(3):has(*) { animation-delay: 0.6s; }
.wp-block-column:nth-child(4):has(*) { animation-delay: 0.8s; }

/* Remove paragraph animation from empty ones */
p:empty, .wp-block-paragraph:empty {
  animation: none !important;
  opacity: 1 !important;
}

/* Only animate paragraphs with text */
p:not(:empty), .wp-block-paragraph:not(:empty) {
  animation: fadeIn 1s ease-out;
}

/* Remove list animations from empty lists */
ul:empty, ol:empty, li:empty {
  animation: none !important;
  opacity: 1 !important;
}

/* Spacer blocks should never animate */
.wp-block-spacer,
.elementor-spacer,
[class*="spacer"] {
  animation: none !important;
  opacity: 1 !important;
}

/* Container/wrapper elements shouldnt animate memory/ mission-control/

/* FIX: Remove animations from blank areas */
.wp-block-spacer { animation: none !important; opacity: 1 !important; }
div:empty { animation: none !important; opacity: 1 !important; }
p:empty { animation: none !important; opacity: 1 !important; }
.wp-block-column:empty { animation: none !important; opacity: 1 !important; }
.wp-block-group:empty { animation: none !important; opacity: 1 !important; }
ul:empty, ol:empty, li:empty { animation: none !important; opacity: 1 !important; }


/* OVERRIDE: Remove all column animations to fix blank popping */
.wp-block-column,
.wp-block-column:nth-child(1),
.wp-block-column:nth-child(2),
.wp-block-column:nth-child(3),
.wp-block-column:nth-child(4) {
  animation: none !important;
  opacity: 1 !important;
}

/* OVERRIDE: Remove all list item animations */
li,
li:nth-child(1),
li:nth-child(2),
li:nth-child(3),
li:nth-child(4),
li:nth-child(5),
li:nth-child(6) {
  animation: none !important;
  opacity: 1 !important;
}

/* Only animate these specific visible elements */
.wp-block-image img { animation: fadeIn 0.8s ease-out; }
.wp-block-heading { animation: slideInLeft 0.8s ease-out; }
article.post { animation: fadeInUp 0.8s ease-out; }
.entry-content > p:not(:empty) { animation: fadeIn 1s ease-out; }


/* CRITICAL FIX: Ensure all images are always visible */
img, 
.wp-block-image img,
.wp-image,
figure img,
.custom-logo {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Remove animations from images entirely */
img {
  animation: none !important;
}

/* Only add hover effect, no entrance animation */
img:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}


/* ========================================
   SPECIAL MENU ITEM ANIMATIONS
   ======================================== */

/* Target navigation menu items */
.wp-block-navigation-item a,
.menu-item a,
nav a {
  position: relative;
  transition: all 0.3s ease;
  display: inline-block;
}

/* Animated underline that grows on hover */
.wp-block-navigation-item a::after,
.menu-item a::after,
nav a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.wp-block-navigation-item a:hover::after,
.menu-item a:hover::after,
nav a:hover::after {
  width: 100%;
}

/* Lift and scale effect on hover */
.wp-block-navigation-item a:hover,
.menu-item a:hover,
nav a:hover {
  transform: translateY(-2px) scale(1.05);
  color: var(--wp--preset--color--primary, #ff6b00) !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Special animations for policy pages */
a[href*="policy"],
a[href*="safeguarding"],
a[href*="diversity"],
a[href*="inclusion"],
a[href*="health-safety"],
a[href*="wet-weather"],
a[href*="junior"],
a[href*="adult"],
a[href*="coaching"] {
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

a[href*="policy"]:hover,
a[href*="safeguarding"]:hover,
a[href*="diversity"]:hover,
a[href*="inclusion"]:hover,
a[href*="health-safety"]:hover,
a[href*="wet-weather"]:hover,
a[href*="junior"]:hover,
a[href*="adult"]:hover,
a[href*="coaching"]:hover {
  transform: translateX(5px) scale(1.03);
  color: #ff6b00 !important;
  padding-left: 8px;
}

/* Glowing border effect */
a[href*="policy"]:hover,
a[href*="safeguarding"]:hover,
a[href*="diversity"]:hover,
a[href*="inclusion"]:hover,
a[href*="health-safety"]:hover,
a[href*="wet-weather"]:hover {
  box-shadow: -3px 0 0 0 #ff6b00;
}

/* Bounce animation on hover for coaching programme links */
a[href*="junior"]:hover,
a[href*="adult"]:hover,
a[href*="coaching"]:hover {
  animation: menuBounce 0.5s ease;
}

@keyframes menuBounce {
  0%, 100% { transform: translateX(0) scale(1); }
  25% { transform: translateX(5px) scale(1.05); }
  50% { transform: translateX(3px) scale(1.03); }
  75% { transform: translateX(6px) scale(1.04); }
}

/* Pulse effect for important policy links */
a[href*="safeguarding"]:hover,
a[href*="health-safety"]:hover {
  animation: policyPulse 1s ease-in-out;
}

@keyframes policyPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.85; transform: scale(1.05); }
}

/* Rainbow underline for diversity link */
a[href*="diversity"]:hover::after,
a[href*="inclusion"]:hover::after {
  background: linear-gradient(90deg, 
    #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3
  ) !important;
  height: 3px !important;
  animation: rainbowSlide 2s linear infinite;
}

@keyframes rainbowSlide {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

/* END SPECIAL MENU ANIMATIONS */


/* ========================================
   ANIMATE SPECIFIC TEXT ITEMS ON HOVER
   ======================================== */

/* Target any clickable element (links, headings, buttons) */
a, h1, h2, h3, h4, h5, h6, .wp-block-heading, button, .wp-element-button {
  transition: all 0.3s ease;
}

/* Style for all policy/programme related elements */
*:hover:is(
  a, h1, h2, h3, h4, h5, h6, 
  .wp-block-heading, 
  p, span, div, li
) {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Our Policies - Header animation */
*:has-text("Our Policies"):hover,
a:contains("Our Policies"):hover,
h1:contains("Our Policies"):hover,
h2:contains("Our Policies"):hover,
h3:contains("Our Policies"):hover {
  transform: scale(1.08) !important;
  color: #ff6b00 !important;
  text-shadow: 0 2px 8px rgba(255, 107, 0, 0.3) !important;
}

/* Wet Weather - Rain effect */
li:has(a[href*="wet-weather"]):hover,
a[href*="wet-weather"]:hover,
*:contains("Wet Weather"):hover {
  transform: translateX(8px) !important;
  color: #1e90ff !important;
  filter: drop-shadow(0 0 8px rgba(30, 144, 255, 0.5));
}

/* Junior Coaching Programme - Playful bounce */
li:has(a[href*="junior"]):hover,
a[href*="junior"]:hover,
*:contains("Junior Coaching"):hover {
  animation: jrBounce 0.6s ease !important;
  color: #ff6b00 !important;
}

@keyframes jrBounce {
  0%, 100% { transform: translateY(0); }
  25% { transform: translateY(-5px); }
  50% { transform: translateY(-3px); }
  75% { transform: translateY(-6px); }
}

/* Adult Coaching Programme - Professional slide */
li:has(a[href*="adult"]):hover,
a[href*="adult"]:hover,
*:contains("Adult Coaching"):hover {
  transform: translateX(10px) scale(1.05) !important;
  color: #ff6b00 !important;
  font-weight: bold !important;
}

/* Safeguarding - Important red pulse */
li:has(a[href*="safeguarding"]):hover,
a[href*="safeguarding"]:hover,
*:contains("Safe Guarding"):hover,
*:contains("Safeguarding"):hover {
  animation: safeguardPulse 1s ease-in-out !important;
  color: #dc3545 !important;
  font-weight: bold !important;
}

@keyframes safeguardPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.9; }
}

/* Diversity & Inclusion - Rainbow glow */
li:has(a[href*="diversity"]):hover,
li:has(a[href*="inclusion"]):hover,
a[href*="diversity"]:hover,
a[href*="inclusion"]:hover,
*:contains("Diversity"):hover,
*:contains("Inclusion"):hover {
  animation: rainbowGlow 2s ease-in-out infinite !important;
  transform: translateX(8px) scale(1.05) !important;
  font-weight: bold !important;
}

@keyframes rainbowGlow {
  0% { color: #ff0000; text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); }
  16% { color: #ff7f00; text-shadow: 0 0 10px rgba(255, 127, 0, 0.5); }
  33% { color: #ffff00; text-shadow: 0 0 10px rgba(255, 255, 0, 0.5); }
  50% { color: #00ff00; text-shadow: 0 0 10px rgba(0, 255, 0, 0.5); }
  66% { color: #0000ff; text-shadow: 0 0 10px rgba(0, 0, 255, 0.5); }
  83% { color: #4b0082; text-shadow: 0 0 10px rgba(75, 0, 130, 0.5); }
  100% { color: #9400d3; text-shadow: 0 0 10px rgba(148, 0, 211, 0.5); }
}

/* Cancellation Policy - Warning yellow */
li:has(a[href*="cancellation"]):hover,
a[href*="cancellation"]:hover,
*:contains("Cancellation"):hover {
  transform: translateX(8px) !important;
  color: #ffc107 !important;
  text-shadow: 0 0 8px rgba(255, 193, 7, 0.5) !important;
  font-weight: bold !important;
}

/* Health & Safety Policy - Medical green pulse */
li:has(a[href*="health"]):hover,
a[href*="health-safety"]:hover,
*:contains("Health & Safety"):hover {
  animation: healthPulse 1.2s ease-in-out !important;
  color: #28a745 !important;
  font-weight: bold !important;
}

@keyframes healthPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); box-shadow: 0 0 15px rgba(40, 167, 69, 0.5); }
}

/* General list item hover in policy sections */
.wp-block-list li:hover,
ul li:hover,
ol li:hover {
  transform: translateX(5px);
  transition: transform 0.3s ease;
}

/* END SPECIFIC TEXT ANIMATIONS */


/* ========================================
   SPECIFIC MENU ITEM CLASSES ANIMATIONS
   ======================================== */

/* Our Policies */
.animate-policies:hover {
  transform: scale(1.08) !important;
  color: #ff6b00 !important;
  text-shadow: 0 2px 8px rgba(255, 107, 0, 0.3) !important;
  transition: all 0.3s ease !important;
}

/* Wet Weather */
.animate-wet-weather:hover {
  transform: translateX(10px) !important;
  color: #1e90ff !important;
  filter: drop-shadow(0 0 8px rgba(30, 144, 255, 0.5)) !important;
  transition: all 0.4s ease !important;
}

/* Junior Coaching */
.animate-junior {
  transition: all 0.3s ease !important;
}

.animate-junior:hover {
  animation: jrBounceAnim 0.6s ease !important;
  color: #ff6b00 !important;
  font-weight: bold !important;
}

@keyframes jrBounceAnim {
  0%, 100% { transform: translateY(0); }
  25% { transform: translateY(-8px); }
  50% { transform: translateY(-4px); }
  75% { transform: translateY(-6px); }
}

/* Adult Coaching */
.animate-adult:hover {
  transform: translateX(12px) scale(1.06) !important;
  color: #ff6b00 !important;
  font-weight: bold !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Safeguarding */
.animate-safeguarding {
  transition: all 0.3s ease !important;
}

.animate-safeguarding:hover {
  animation: safeguardPulseAnim 1s ease-in-out !important;
  color: #dc3545 !important;
  font-weight: bold !important;
}

@keyframes safeguardPulseAnim {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 rgba(220, 53, 69, 0); }
  50% { transform: scale(1.1); box-shadow: 0 0 20px rgba(220, 53, 69, 0.6); }
}

/* Diversity & Inclusion */
.animate-diversity {
  transition: all 0.3s ease !important;
}

.animate-diversity:hover {
  animation: rainbowGlowAnim 2s ease-in-out infinite !important;
  transform: translateX(10px) scale(1.06) !important;
  font-weight: bold !important;
}

@keyframes rainbowGlowAnim {
  0% { color: #ff0000; text-shadow: 0 0 15px rgba(255, 0, 0, 0.7); }
  14% { color: #ff7f00; text-shadow: 0 0 15px rgba(255, 127, 0, 0.7); }
  28% { color: #ffff00; text-shadow: 0 0 15px rgba(255, 255, 0, 0.7); }
  42% { color: #00ff00; text-shadow: 0 0 15px rgba(0, 255, 0, 0.7); }
  57% { color: #0000ff; text-shadow: 0 0 15px rgba(0, 0, 255, 0.7); }
  71% { color: #4b0082; text-shadow: 0 0 15px rgba(75, 0, 130, 0.7); }
  85% { color: #9400d3; text-shadow: 0 0 15px rgba(148, 0, 211, 0.7); }
  100% { color: #ff0000; text-shadow: 0 0 15px rgba(255, 0, 0, 0.7); }
}

/* Cancellation Policy */
.animate-cancellation:hover {
  transform: translateX(10px) scale(1.05) !important;
  color: #ffc107 !important;
  text-shadow: 0 0 12px rgba(255, 193, 7, 0.7) !important;
  font-weight: bold !important;
  transition: all 0.4s ease !important;
}

/* Health & Safety */
.animate-health {
  transition: all 0.3s ease !important;
}

.animate-health:hover {
  animation: healthPulseAnim 1.2s ease-in-out !important;
  color: #28a745 !important;
  font-weight: bold !important;
}

@keyframes healthPulseAnim {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 rgba(40, 167, 69, 0); }
  50% { transform: scale(1.12); box-shadow: 0 0 25px rgba(40, 167, 69, 0.8); }
}

/* END SPECIFIC CLASSES */


/* ========================================
   DISABLE FOOTER ANIMATIONS
   ======================================== */

/* Remove all animations from footer */
footer, 
.site-footer,
footer *,
.site-footer *,
.wp-block-template-part-footer,
.wp-block-template-part-footer * {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Remove hover effects from footer elements */
footer a:hover,
.site-footer a:hover,
footer img:hover,
.site-footer img:hover {
  transform: none !important;
  animation: none !important;
}

/* END FOOTER ANIMATION DISABLE */


/* ========================================
   REMOVE GREEN GLOW - HEALTH & SAFETY
   ======================================== */

/* Override Health & Safety animations */
.animate-health,
.animate-health:hover,
a[href*="health-safety"]:hover,
a[href*="health"]:hover,
*:contains("Health & Safety"):hover {
  animation: none !important;
  color: inherit !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Simple hover for Health & Safety - no glow */
.animate-health:hover {
  color: #28a745 !important;
  font-weight: normal !important;
  transition: color 0.3s ease !important;
}

/* END GREEN GLOW REMOVAL */


/* ========================================
   DISABLE ALL SPECIAL MENU ANIMATIONS
   ======================================== */

/* Remove all the fancy menu item animations */
.animate-policies,
.animate-policies:hover,
.animate-wet-weather,
.animate-wet-weather:hover,
.animate-junior,
.animate-junior:hover,
.animate-adult,
.animate-adult:hover,
.animate-safeguarding,
.animate-safeguarding:hover,
.animate-diversity,
.animate-diversity:hover,
.animate-cancellation,
.animate-cancellation:hover,
.animate-health,
.animate-health:hover {
  animation: none !important;
  transform: none !important;
  color: inherit !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: inherit !important;
}

/* Disable all policy/programme specific animations */
a[href*="policy"]:hover,
a[href*="safeguarding"]:hover,
a[href*="diversity"]:hover,
a[href*="inclusion"]:hover,
a[href*="health-safety"]:hover,
a[href*="wet-weather"]:hover,
a[href*="junior"]:hover,
a[href*="adult"]:hover,
a[href*="coaching"]:hover {
  animation: none !important;
  transform: none !important;
  color: inherit !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  padding-left: 0 !important;
}

/* Remove all menu item special effects */
.wp-block-navigation-item a::after,
.menu-item a::after,
nav a::after {
  display: none !important;
}

/* Simple, clean menu hover - just underline */
.wp-block-navigation-item a:hover,
.menu-item a:hover,
nav a:hover {
  text-decoration: underline !important;
  transform: none !important;
  color: inherit !important;
  text-shadow: none !important;
}

/* END MENU ANIMATION REMOVAL */


/* ========================================
   DISABLE TEXT ANIMATIONS - ONLY ANIMATE INTERACTIVE ELEMENTS
   ======================================== */

/* Remove all animations from static text */
p, 
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.wp-block-paragraph,
span,
div:not(.button):not(.wp-element-button),
li,
ul, ol,
article,
.entry-content,
.post {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* No hover effects on non-interactive text */
p:hover,
h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover,
.wp-block-heading:hover,
span:hover,
div:not(a):hover {
  animation: none !important;
  transform: none !important;
  color: inherit !important;
}

/* Only animate INTERACTIVE elements */
a,
button,
.button,
.wp-element-button,
.wp-block-button__link,
input[type="submit"],
a img {
  /* Keep their animations */
}

/* Remove list item animations unless they contain links */
li {
  animation: none !important;
  opacity: 1 !important;
}

li:hover {
  transform: none !important;
}

/* END TEXT ANIMATION REMOVAL */


/* ========================================
   ENSURE ALL IMAGES ALWAYS VISIBLE - ABSOLUTE FIX
   ======================================== */

/* Force ALL images visible with maximum specificity */
img,
figure img,
.wp-block-image img,
.wp-block-media-text__media img,
.wp-image,
.wp-image-256,
picture img,
[class*="wp-image-"] {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  animation: none !important;
  transform: none !important;
}

/* Ensure figure containers are visible */
figure,
.wp-block-image,
.wp-block-media-text__media {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
}

/* END ABSOLUTE IMAGE FIX */


/* ========================================
   STANDARDIZE SPONSOR LOGO SIZES
   ======================================== */

/* Partners & Sponsors section - make all logos same size */
.wp-image-54,  /* LTA */
.wp-image-53,  /* SLTC */
.wp-image-435, /* Gardens */
.wp-image-436, /* Adidas */
.wp-image-155, /* Prince */
.wp-image-56,  /* Logo */
.wp-image-58   /* Wandsworth */
{
  width: 120px !important;
  height: auto !important;
  max-width: 120px !important;
  object-fit: contain !important;
}

/* Make sure parent figures are also consistent */
.wp-block-heading + .wp-block-group figure.wp-block-image {
  width: 120px !important;
  max-width: 120px !important;
}

/* END SPONSOR LOGO STANDARDIZATION */


/* ========================================
   MAKE TIM HENMAN & DUKE OF EDINBURGH BIGGER
   ======================================== */

/* Tim Henman Foundation - make it bigger */
.wp-image-1209 {
  width: 180px !important;
  max-width: 180px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Duke of Edinburgh Award - make it bigger */
.wp-image-1207 {
  width: 180px !important;
  max-width: 180px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Make sure parent figures are also bigger for these two */
figure:has(.wp-image-1209),
figure:has(.wp-image-1207) {
  width: 180px !important;
  max-width: 180px !important;
}

/* END TIM HENMAN & DUKE OF EDINBURGH SIZE FIX */


/* ========================================
   HORIZONTAL SCROLLING SPONSOR LOGOS LOOP
   ======================================== */

/* Container for sponsor logos - enable scrolling */
.wp-block-heading:contains("Partners") + .wp-block-group,
.wp-container-core-group-is-layout-88c01e81 {
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

/* Make the logos scroll horizontally */
.wp-container-core-group-is-layout-88c01e81 {
  display: flex !important;
  flex-wrap: nowrap !important;
  animation: scrollLogos 20s linear infinite !important;
  gap: 30px !important;
  will-change: transform !important;
}

/* Pause animation on hover */
.wp-container-core-group-is-layout-88c01e81:hover {
  animation-play-state: paused !important;
}

/* Scrolling animation - right to left */
@keyframes scrollLogos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Make all sponsor logo figures inline */
.wp-container-core-group-is-layout-88c01e81 figure {
  flex-shrink: 0 !important;
  margin: 0 15px !important;
}

/* END HORIZONTAL SCROLLING LOGOS */


/* ========================================
   FIX SPONSOR LOGO OVERLAP - ADD PROPER SPACING
   ======================================== */

/* Override previous scrolling styles with better spacing */
.wp-container-core-group-is-layout-88c01e81 {
  display: flex !important;
  flex-wrap: nowrap !important;
  animation: scrollLogos 30s linear infinite !important;
  gap: 40px !important;
  padding: 20px 0 !important;
  will-change: transform !important;
  align-items: center !important;
}

/* Give each logo plenty of space */
.wp-container-core-group-is-layout-88c01e81 figure {
  flex-shrink: 0 !important;
  margin: 0 20px !important;
  display: inline-block !important;
  padding: 0 10px !important;
}

/* Ensure images stay within bounds */
.wp-container-core-group-is-layout-88c01e81 img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Add container wrapper with overflow hidden */
div:has(> .wp-container-core-group-is-layout-88c01e81) {
  overflow: hidden !important;
  width: 100% !important;
  position: relative !important;
}

/* END OVERLAP FIX */


/* ========================================
   FORCE SPONSOR LOGO SCROLLING - ABSOLUTE
   ======================================== */

/* Target the exact container with maximum specificity */
.wp-block-group.is-content-justification-center.is-nowrap.wp-container-core-group-is-layout-88c01e81 {
  overflow: visible !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  animation: scrollLogosForce 30s linear infinite !important;
  gap: 50px !important;
  padding: 20px 0 !important;
  will-change: transform !important;
  align-items: center !important;
  width: max-content !important;
}

/* Parent container needs overflow hidden */
div:has(> .wp-container-core-group-is-layout-88c01e81) {
  overflow: hidden !important;
  width: 100% !important;
}

@keyframes scrollLogosForce {
  0% {
    transform: translateX(0%) !important;
  }
  100% {
    transform: translateX(-33.33%) !important;
  }
}

/* Pause on hover */
.wp-container-core-group-is-layout-88c01e81:hover {
  animation-play-state: paused !important;
}

/* END FORCE SCROLLING */

