/* Play button for BE Studio Records - Assembler theme */
.wc-block-components-product-image {
  position: relative !important;
  overflow: hidden !important;
}

.wc-block-components-product-image a {
  position: relative !important;
  display: block !important;
}

.wc-block-components-product-image a::after {
  content: "▶" !important;
  position: absolute !important;
  bottom: 10px !important;
  left: 10px !important;
  background: #ffffff !important;
  color: #000000 !important;
  font-size: 13px !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  text-align: center !important;
  border-radius: 5px !important;
  z-index: 999 !important;
  pointer-events: none !important;
}
/* ============================================
   NAVIGATION
   ============================================ */
.wp-block-navigation-item,
.wp-block-navigation-item__content,
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item,
nav .wp-block-navigation-item {
  background-color: #0F0523 !important;
  background: #0F0523 !important;
}

.wp-block-navigation {
  background-color: #0F0523 !important;
}

/* ============================================
   MOBILE MENU
   ============================================ */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
  background-color: #0d0d0d !important;
  color: #ffffff !important;
}

.wp-block-navigation__responsive-container.is-menu-open a,
.wp-block-navigation__responsive-container-content a,
.wp-block-navigation-item__content,
.wp-block-navigation a {
  color: #ffffff !important;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-close svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-open {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* ============================================
   WOOCOMMERCE BUTTONS (Add to cart, etc.)
   ============================================ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .checkout-button,
.woocommerce .return-to-shop a,
.woocommerce .woocommerce-button {
  background-color: #3C00B2 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  border: 2px solid #ffffff !important;
  padding: 14px 30px !important;
  font-style: italic !important;
  font-weight: bold !important;
  text-transform: none !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .checkout-button:hover {
  background-color: #2e0089 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

/* ============================================
   PURCHASE / PLACE ORDER BUTTON
   ============================================ */
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button,
#place_order,
.woocommerce-checkout #payment #place_order,
.wp-block-woocommerce-proceed-to-checkout-block a,
.wc-block-cart__submit .wc-block-components-checkout-place-order-button {
  background-color: #3C00B2 !important;
  background: #3C00B2 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  border: 2px solid #ffffff !important;
  padding: 14px 30px !important;
  font-weight: bold !important;
  font-style: italic !important;
  width: 100% !important;
  text-align: center !important;
}

.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover,
#place_order:hover {
  background-color: #2e0089 !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}

/* ============================================
   MINI CART BUTTONS
   ============================================ */
.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-checkout,
.wp-block-woocommerce-mini-cart-checkout-button-block a,
.wc-block-components-button.wc-block-mini-cart__footer-checkout {
  background-color: #3C00B2 !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  border: 2px solid #ffffff !important;
  padding: 14px 30px !important;
  font-weight: bold !important;
  font-style: italic !important;
}

.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart,
.wp-block-woocommerce-mini-cart-cart-button-block a {
  background-color: transparent !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  border: 2px solid #ffffff !important;
  padding: 14px 30px !important;
  font-weight: bold !important;
  font-style: italic !important;
}

/* ============================================
   PAYPAL / VENMO / PAY LATER PILL SHAPE
   ============================================ */
.paypal-button-container,
.ppcp-button-apm-container,
.ppcp-button-apm-container > div,
.ppc-button-wrapper,
.ppc-button-wrapper > div,
.single-product .ppcp-button-container > div,
.single-product [data-funding-source],
[data-funding-source="paypal"] iframe,
[data-funding-source="venmo"] iframe,
[data-funding-source="paylater"] iframe,
.paypal-button-container iframe,
.ppcp-button-apm-container iframe,
.ppc-button-wrapper iframe,
[data-funding-source] iframe {
  border-radius: 50px !important;
  overflow: hidden !important;
}

.paypal-button,
.paypal-button-shape-pill,
.paypal-button-label-container {
  border-radius: 50px !important;
}

/* ============================================
   CART ITEM QUANTITY BADGE
   ============================================ */
.wc-block-components-order-summary-item__quantity {
  display: flex !important;
  background: #3C00B2 !important;
  background-color: #3C00B2 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 12px !important;
  font-weight: bold !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: -8px !important;
  left: auto !important;
  right: -8px !important;
  z-index: 9 !important;
  min-width: 24px !important;
  min-height: 24px !important;
}

/* ============================================
   WOOCOMMERCE INPUT FIELDS
   ============================================ */
.woocommerce input.input-text,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"] {
  color: #000000 !important;
  background-color: #ffffff !important;
}

/* ============================================
   STAR RATING
   ============================================ */
.woocommerce p.stars-wrapper span.stars button svg path,
.comment-form-rating p.stars-wrapper span.stars button svg path,
.comment-form-rating .stars button svg path {
  stroke: #4169e1 !important;
  fill: transparent !important;
}

.woocommerce p.stars-wrapper span.stars button:hover svg path,
.comment-form-rating .stars button:hover svg path {
  stroke: #4169e1 !important;
  fill: #4169e1 !important;
}

.woocommerce p.stars-wrapper span.stars button.active svg path,
.woocommerce p.stars-wrapper span.stars button.selected svg path,
.comment-form-rating .stars button.active svg path,
.comment-form-rating .stars button.selected svg path {
  stroke: #4169e1 !important;
  fill: #4169e1 !important;
}

.woocommerce .star-rating svg path,
.woocommerce-product-rating .star-rating svg path,
#reviews .star-rating svg path {
  stroke: #4169e1 !important;
  fill: #4169e1 !important;
}

/* ============================================
   REVIEWS
   ============================================ */
.woocommerce-Reviews .comment-text p,
.woocommerce-Reviews .comment-text,
.woocommerce-Reviews .description p,
.woocommerce-Reviews ol.commentlist li .comment-text p,
#reviews ol.commentlist li .comment-text p,
#reviews .comment-text p {
  color: #ffffff !important;
}

.woocommerce-Reviews ol.commentlist li .comment-author,
.woocommerce-Reviews .woocommerce-review__author,
#reviews .woocommerce-review__author {
  color: #ffffff !important;
}

.woocommerce-Reviews .woocommerce-review__published-date,
#reviews .woocommerce-review__published-date {
  color: #aaaaaa !important;
}

#reviews .woocommerce-Reviews-title,
#review_form_wrapper .comment-reply-title,
.woocommerce-Reviews .comment-reply-title {
  color: #ffffff !important;
}

/* ============================================
   REVIEW FORM
   ============================================ */
.woocommerce-Reviews #commentform textarea,
.woocommerce-Reviews #commentform input[type="text"],
.woocommerce-Reviews #commentform input[type="email"],
.woocommerce-Reviews #commentform .comment-form-comment textarea,
.woocommerce-Reviews #commentform .comment-form-author input,
.woocommerce-Reviews #commentform .comment-form-email input {
  color: #000000 !important;
  background-color: #ffffff !important;
}

.woocommerce-Reviews #commentform textarea::placeholder,
.woocommerce-Reviews #commentform input::placeholder {
  color: #999999 !important;
}

.woocommerce-Reviews #commentform label {
  color: #ffffff !important;
}