/*
Theme Name: Vancouver Island Designs Child Theme
Theme URI: https://www.vancouverislanddesigns.ca
Version: 1.0
Description: A child theme for custom development.
Author: The Vancouver Island Designs Team
Author URI: https://www.vancouverislanddesigns.ca
template: bb-theme
*/

/* Add your custom styles here... */ 
/* === SOLD Overlay on Single Product Images === */
/* === Full-width diagonal SOLD banner === */
/* === Full-width diagonal SOLD banner on main image only === */

/* Make the main active slide a positioning context */
.single-product:has(.product_meta .posted_in a[href*="/product-category/sold/"])
  .woocommerce-product-gallery__image.flex-active-slide {
  position: relative;
  overflow: hidden; /* crops ribbon edges */
}

/* The SOLD banner */
.single-product:has(.product_meta .posted_in a[href*="/product-category/sold/"])
  .woocommerce-product-gallery__image.flex-active-slide::after {
  content: "SOLD";
  position: absolute;
  top: 50%;
  left: -25%;
  width: 150%;
  text-align: center;

  /* Style */
  background: rgba(180, 0, 0, 0.92);
  color: #fff;
  font-weight: 900;
  font-size: clamp(28px, 6vw, 72px);
  letter-spacing: 4px;
  text-transform: uppercase;
  line-height: 1.4;

  /* Rotate to make it diagonal */
  transform: rotate(-25deg);
  transform-origin: center;

  /* Effects */
  z-index: 10;
  pointer-events: none;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
}
.woopack-product-carousel.product_cat-sold .woocommerce-Price-amount bdi,
body.sold-product .woocommerce-Price-amount bdi,
.product_cat-sold .woocommerce-Price-amount bdi{
	text-decoration: line-through;
	color:#999 !important
}
/* SOLD ribbon for WooPack carousel cards that are in the "sold" category */
.woopack-products-carousel .woopack-product-carousel.product_cat-sold .woopack-product-image {
  position: relative; /* anchor the pseudo-element */
  overflow: hidden;   /* crop the ribbon at the image edge */
}

.woopack-products-carousel .woopack-product-carousel.product_cat-sold .woopack-product-image::before {
  content: "SOLD";
  position: absolute;
  top: 50%;
  left: -20%;
  right: -20%;
  transform: translateY(-50%) rotate(-18deg);
  z-index: 2;
  height: 3.2rem;                      /* ribbon thickness */
  line-height: 3.2rem;
  text-align: center;
  font-weight: 800;
  font-size: clamp(14px, 3.2vw, 28px); /* responsive text */
  letter-spacing: 0.2em;
  color: #fff;
  background: rgba(220, 0, 0, 0.85);   /* ribbon colour */
  text-transform: uppercase;
  pointer-events: none;                /* don't block clicks */
  box-shadow: 0 0 0 2px rgba(255,255,255,0.12) inset;
}

/* Optional: subtle dim on sold images for contrast */
.woopack-products-carousel .woopack-product-carousel.product_cat-sold .woopack-product-image img {
  filter: saturate(0.9) brightness(0.92);
}
/* SOLD ribbon for grid layout products with "sold" category */
.woopack-products-grid-wrap .woopack-product-grid.product_cat-sold .woopack-product-image {
  position: relative;
  overflow: hidden;
}

.woopack-products-grid-wrap .woopack-product-grid.product_cat-sold .woopack-product-image::before {
  content: "SOLD";
  position: absolute;
  top: 50%;
  left: -20%;
  right: -20%;
  transform: translateY(-50%) rotate(-18deg);
  z-index: 2;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  font-weight: 800;
  font-size: clamp(14px, 3vw, 28px);
  letter-spacing: 0.2em;
  color: #fff;
  background: rgba(220, 0, 0, 0.85);
  text-transform: uppercase;
  pointer-events: none;
}

/* optional: dim the sold product image slightly */
.woopack-products-grid-wrap .woopack-product-grid.product_cat-sold .woopack-product-image img {
  filter: saturate(0.9) brightness(0.92);
}

/*-------------------- cookie policy ---------------------*/
.pum-theme-default-theme .pum-container {
 padding: 0 !important;
 background-color: transparent !important;
}
.pum-content.popmake-content {
 padding: 15px 45px 15px 25px !important;
    background-color: rgba(0,0,0,.75) !important;
}
.pum-content.popmake-content p{
 margin:0 !important;
}
.pum-close.popmake-close {
    top: 0 !important;
    right: 0 !important;
    background-color: transparent !important;
    padding: 0 15px !important;
    font-size: 20px !important;
}
.pum-content.popmake-content a{
 color:goldenrod;
}
a:focus {
    outline: none;
}
.grecaptcha-badge {
z-index:-99999;
}
.pum-theme-25 .pum-container, .pum-theme-default-theme .pum-container {
	    border: none;
}
/*-------------------- end cookie policy ---------------------*/
.fl-page-footer a, .fl-page-footer a *, .fl-page-footer a.fas, .fl-page-footer a.fab {
	 color:goldenrod;
}