/*-------------------------------------------
* Wishlist CSS tokens
* For exceeding file size purposes, this file contains only the CSS variables
* CSS tokens which need to use Themes Settings are in wishlist-css-token.css file
*------------------------------------------*/
:root {
  /* product card title */
  --ooo-wl-page-product-card-title-font-size: var(--font-paragraph--size);
  --ooo-wl-page-product-card-title-color: var(--button-color);

  /* product card price */
  --ooo-wl-page-product-card-price-font-size: var(--font-h6--size);
  --ooo-wl-page-product-card-price-line-height: var(--font-h6--line-height);
  --ooo-wl-page-product-card-price-color: var(--color, var(--font-h6-color));
  --ooo-wl-page-product-card-price-letter-spacing: var(--font-h6--letter-spacing);
  --ooo-wl-page-product-card-price-container-gap: 0;

  /* product card unit price */
  --ooo-wl-page-product-card-unit-price-font-size: min(.85em,var(--font-paragraph--size));
  --ooo-wl-page-product-card-unit-price-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));

  /* product card compare at price */
  --ooo-wl-page-product-card-compare-at-price-font-size: var(--font-h6--size);
  --ooo-wl-page-product-card-compare-at-price-line-height: var(--font-h6--line-height);
  --ooo-wl-page-product-card-compare-at-price-letter-spacing: var(--theme-text-letter-spacing);

  /* product card form */
  --ooo-wl-product-page-button-height: 3.25rem;
  --ooo-wl-page-product-card-form-button-height: 3.25rem;
  --ooo-wl-page-product-card-form-button-border-radius: var(--style-border-radius-buttons-primary);
  --ooo-wl-page-product-card-form-select-border-radius: var(--style-border-radius-buttons-primary);
  --ooo-wl-page-product-card-form-select-font-size: var(--font-paragraph--size);
  --ooo-wl-page-product-card-form-button-font-size: var(--font-paragraph--size);
  --ooo-wl-page-product-card-form-button-disabled-color: var(--color-primary-button-text);

  --ooo-wl-page-product-card-rating-star-width: 17px;
  --ooo-wl-page-product-card-rating-color: var(--star-fill-color);
  --ooo-wl-page-product-card-rating-text-font-size: var(--font-paragraph--size);

  /* empty page styles */
  --ooo-wl-page-empty-title-font-family: var(--font-h3--family);
  --ooo-wl-page-empty-description-font-family: var(--font-paragraph--family);
  --ooo-wl-page-empty-button-border-radius: var(--style-border-radius-buttons-primary);
  --ooo-wl-page-empty-button-font-size: var(--font-paragraph--size);
    
  /* not accessible page styles */
  --ooo-wl-page-not-accessible-button-border-radius: var(--style-border-radius-buttons-primary);

  /* share wishlist button */
  --ooo-wl-copy-button-border-radius: var(--style-border-radius-buttons-primary);
  --ooo-wl-popup-button-border-radius: var(--style-border-radius-buttons-primary);
  --ooo-wl-popup-button-padding: 15px 15px;

  /* variant popup */
  --ooo-wl-block-swatch-selected-text-color: var(--color-selected-variant-text);
  --ooo-wl-block-swatch-selected-border-color: var(--color-selected-variant-border);
  --ooo-wl-block-swatch-border-radius: var(--variant-picker-button-radius);
  --ooo-wl-block-swatch-padding: 9px 32px;
  --ooo-wl-variant-popup-title-font-size: var(--font-size--xl);
  --ooo-wl-variant-popup-price-font-size: var(--font-paragraph--size);
}

@media screen and (min-width: 700px) {
  :root {
    /* variant popup */
    --ooo-wl-variant-popup-title-font-size: var(--font-size--2xl);
    --ooo-wl-variant-popup-title-font-weight: 600;
  }
}

/*-------------------------------------------
* Wishlist page - tooltip notification
*------------------------------------------*/
ooo-wl-tooltip {
  --ooo-wl-page-product-card-form-tooltip-error-color: rgb(255, 255, 255);
}


/*-------------------------------------------
* Product page - Add to wishlist button
*------------------------------------------*/
:root {
    --ooo-wl-product-page-button-border-radius: var(--style-border-radius-buttons-primary);
}