/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Signet Metal Cards: integration rules for plugin-owned Single Product markup.
 * Bricks owns structure and SCF bindings; CommerceKit owns gallery behavior;
 * AWSPC owns calculator markup and state.
 */
.single-product main,
.single-product .wpc-product-form,
.single-product form.cart {
  font-family: "Manrope", "Avenir Next", "Segoe UI", sans-serif;
}

.single-product .brxe-woocommerce-breadcrumbs a,
.single-product .woocommerce-breadcrumb a,
.single-product .woocommerce-breadcrumbs a {
  color: var(--text-muted);
  text-decoration: none;
}

.single-product .brxe-woocommerce-breadcrumbs a:hover,
.single-product .brxe-woocommerce-breadcrumbs a:focus-visible,
.single-product .woocommerce-breadcrumb a:hover,
.single-product .woocommerce-breadcrumb a:focus-visible,
.single-product .woocommerce-breadcrumbs a:hover,
.single-product .woocommerce-breadcrumbs a:focus-visible {
  color: var(--text-strong);
}

.single-product .ckit-shortcode-gallery,
.single-product .ckit-shortcode-gallery .cg-main-swiper,
.single-product .ckit-shortcode-gallery .cg-main-swiper .swiper-wrapper,
.single-product .ckit-shortcode-gallery .cg-main-swiper .swiper-slide,
.single-product .ckit-shortcode-gallery .woocommerce-product-gallery__image {
  width: 100% !important;
}

.single-product .ckit-shortcode-gallery .cg-main-swiper,
.single-product .ckit-shortcode-gallery .cg-main-swiper .swiper-wrapper,
.single-product .ckit-shortcode-gallery .cg-main-swiper .swiper-slide,
.single-product .ckit-shortcode-gallery .woocommerce-product-gallery__image {
  aspect-ratio: 4 / 3;
  height: auto !important;
  min-height: 0 !important;
}

.single-product .ckit-shortcode-gallery .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  background: var(--surface-dark-elevated);
}

.single-product .ckit-shortcode-gallery .cg-thumb-swiper,
.single-product .ckit-shortcode-gallery .cg-thumb-swiper .swiper-wrapper {
  margin-top: 12px;
  background: var(--white);
}

.single-product .ckit-shortcode-gallery .cg-thumb-swiper .swiper-slide {
  width: 112px !important;
  border: var(--border-width) solid var(--border-subtle);
  background: var(--white);
}

.single-product .ckit-shortcode-gallery .cg-thumb-swiper img {
  aspect-ratio: 1.36 / 1;
  width: 100%;
  object-fit: cover;
  background: var(--white);
}