/**
 * Consolidated Theme CSS
 * This file combines all scattered CSS fixes into a single, organized stylesheet
 */

/* ==========================================================================
   WISHLIST FIXES
   ========================================================================== */

/* 
 * Override styles to ensure wishlist button is always enabled 
 * regardless of color selection
 */
.add-to-wishlist-button {
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.add-to-wishlist-button.disabled {
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Override any attempt to hide the button */
.add-to-wishlist-button[style*='opacity'] {
  opacity: 1 !important;
}

.add-to-wishlist-button[style*='pointer-events'] {
  pointer-events: auto !important;
}



/* ==========================================================================
   FIXED FOOTER STYLES
   ========================================================================== */

/* Fixed Footer Styles */


body {
  min-height: 100%; 
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto; /* Enable scrolling on body only */
  height: 100%; /* Ensure body fills the viewport */
}

/* Special handling for accordion scroll pages */
html.has-accordion-scroll {
  overflow: auto; /* Allow scrolling on HTML for accordion pages */
}

body.has-accordion-scroll {
  /* Special styles for accordion scroll pages */
  overflow: visible; /* Let content overflow for accordion effect */
}

.site-main {
  position: relative;
  z-index: 10;
  background-color: #fff;
}

/* ==========================================================================
   LOCOMOTIVE SCROLL BASE
   ========================================================================== */

/* Basic locomotive scroll styles */
[data-scroll-container] {
  height: 100vh;
  overflow: hidden;
}

[data-scroll-section] {
  position: relative;
}

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