/** Shopify CDN: Minification failed

Line 8:37 Unexpected "("

**/
*
  legacy-slideshow.css.liquid
  Hard-coded slideshow CSS overrides (no Liquid variables or SCSS mixins)
  - Colors and breakpoint are fixed to ensure consistent styling independent of theme settings.
*/

/* Constants (documented for reference)
   Banner (filled button) color: #ff6a00
   Banner background color: #ffffff
   Regular (outline and mobile override) color: #222222
   Small breakpoint: 480px
*/

/* Slideshow: hide subsequent slides until Flickity is ready */
.homepage-slideshow .gallery-cell:not(:first-child) {
  height: 0;
}

/* Once Flickity is enabled, allow slides to size normally */
.homepage-slideshow.flickity-enabled .gallery-cell:not(:first-child) {
  height: auto;
}

/* Button variants inside slideshow */
/* Outline (ghost) and Filled buttons share a simple hover text color */
.homepage-slideshow a.highlight-false,
.homepage-slideshow input[type="button"].highlight-false,
.homepage-slideshow a.highlight-true,
.homepage-slideshow input[type="button"].highlight-true {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

/* Hover state: predictable, high contrast */
.homepage-slideshow a.highlight-false:hover,
.homepage-slideshow input[type="button"].highlight-false:hover,
.homepage-slideshow a.highlight-true:hover,
.homepage-slideshow input[type="button"].highlight-true:hover {
  color: #ffffff;
}

/* Outline variant base */
.homepage-slideshow a.highlight-false,
.homepage-slideshow input[type="button"].highlight-false {
  color: #222222;
  border: 1px solid #222222;
  background-color: transparent;
}

/* Outline variant hover: invert to filled */
.homepage-slideshow a.highlight-false:hover,
.homepage-slideshow input[type="button"].highlight-false:hover {
  border-color: #222222;
  background-color: #222222;
  color: #ffffff;
}

/* Filled variant base */
.homepage-slideshow a.highlight-true,
.homepage-slideshow input[type="button"].highlight-true {
  background-color: #ff6a00;
  border: 1px solid #ff6a00;
  color: #111111; /* readable on #ff6a00 */
}

/* Filled variant hover */
.homepage-slideshow a.highlight-true:hover,
.homepage-slideshow input[type="button"].highlight-true:hover {
  background-color: #ff6a00;
  border-color: #ff6a00;
  color: #ffffff;
}

/* Small screens (<= 480px) */
@media (max-width: 480px) {
  .homepage-slideshow a.highlight-false,
  .homepage-slideshow input[type="button"].highlight-false,
  .homepage-slideshow a.highlight-true,
  .homepage-slideshow input[type="button"].highlight-true {
    color: #222222;
    border-color: #222222;
    background-color: transparent;
  }

  .homepage-slideshow a.highlight-false:hover,
  .homepage-slideshow input[type="button"].highlight-false:hover,
  .homepage-slideshow a.highlight-true:hover,
  .homepage-slideshow input[type="button"].highlight-true:hover {
    border-color: #222222;
    background-color: #222222;
    color: #ffffff;
  }
}