/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themess
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Swatches row under product name */
.lgc-swatches { display:flex; gap:8px; margin:6px 0 6px; align-items:center; }

/* Swatch button */
.lgc-swatch {
  appearance:none; border:0; padding:0; background:transparent; cursor:pointer;
  width:22px; height:22px; border-radius:50%; position:relative; outline: none;
  display:inline-flex; align-items:center; justify-content:center;
}

/* Swatch dot (uses --swatch if provided, else shows text initials) */
.lgc-swatch-dot {
  display:inline-flex; align-items:center; justify-content:center;
  width:100%; height:100%; border-radius:50%;
  background: var(--swatch, #ddd);
  color:#111; font-size:10px; font-weight:700;
}

/* Active state when hovered */
.lgc-swatch:is(:hover,:focus-visible) .lgc-swatch-dot {
  box-shadow: 0 0 0 2px #000 inset;
}
/* Image chip (uses background-image) */
.lgc-swatch-chip {
  display:inline-block;
  width:100%;
  height:100%;
  border-radius:50%;
  background-size: cover;
  background-position: center;
}