/* CLOSE BUTTON STYLES*/

.dwc-quick-view__close-btn {
 --bg-color: #fff;
  --icon-color: black;
  --icon-size: 16px;
  --padding: 8px;
  --border-radius: 50vw;
  --border: none;
}
  
 :root {
   /*QUICK VIEW*/
   --qv-width: 1024px;
  /* OVERLAY */
  --qv-overlay-bg-color: #0a3152;
  --qv-overlay-blur: 5px;
  --qv-overlay-opacity: 0.5;

  /* SIDEBAR LOCATION */
  --qv-sidebar-width: 400px;

  /* QUICK VIEW ENTRANCE ANIMATION */
  --qv-animation: fade;
  /* slide, fade, zoom*/

  /* NEXT/PREV BUTTON */
  --inactive-btn-bg: rgba(0, 0, 0, 0.25);
  --inactive-btn-opacity: 0.5;
   
   /*ACTIVE CARD 
   - add the class .dwc-highlight 
   for this and trail to work */
   
    --active-card-bg:  white ;
    --active-card-border: solid 1px transparent;
  
    
    /*TRAIL*/
    --trail-bg:transparent;
    --trail-border-color:skyblue;
    --trail-border-size: 2px;
    --trail-border-radius:10px;
    --trail-transition:transform 0.45s ease, width 0.3s ease, height 0.3s ease, opacity 0.3s ease;
}

const initializeBricksScripts = 0;
const initializeWooScripts = 1;
const enableTrail= 1;
const quickViewLocation = 'center';  // 'left', 'right', 'center', 'dock'
//const url = '/quick-view-dev-src/'; // quick view page url
const fetchFromSinglePage = 1; // condition to switch between single and multiple URLs
const fallbackUrl = '/quick-view-dev-src/'; // default quick view page URL


// TRAIL configuration
let trailConfig = {
  borderColor: 'var(--trail-border-color)',
  borderSize: 'var(--trail-border-size)',
  borderRadius: 'var( --trail-border-radius)',
  backgroundColor: 'var(--trail-bg)',
  transition: 'var(--trail-transition)'
};