/** Shopify CDN: Minification failed

Line 69:11 Expected identifier but found whitespace
Line 69:21 Unexpected "!"

**/
/* ----------------- JOSH CUSTOM CSS FOR BASE.CSS FILE  -------------------------------------- */

/* Change prodcut description text color on product page */
.product__description, .product__description p {
  color: #545454 !important; /* Replace with your desired color */
}

/* Change REGULAR PRICE color */
.price .price-item--regular {
  color: #046ec8; /* Replace with your desired color */
  font-size: 24px; /* Adjust font size as needed */
  font-weight: 500; /* 700 = bold */
}

/* Change SALE PRICE color */
.price .price-item--sale {
  color: #046ec8; /* Replace with your desired color */
  font-size: 24px; /* Adjust font size as needed */
  font-weight: 500; /* 700 = bold */
}
/* Force the CARD DESCRIPTION TEXT to change */
.card__content .card__heading {
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1.4 !important;
  color: #FFA400 !important; /* Optional: override color */
}

/* Remove underline when hovering over links */
a:hover {
  text-decoration: none !important;
}

/* Make the Price display on the same level regardless of the description in the card */
.card__information {
  min-height: 160px; 
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.price {
  margin-top: auto;
}

/* Clean single-line product title with ellipsis */
.card__content .card__heading a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 18px;
  font-weight: 400;
  color: #696663;
  text-decoration: none;
  white-space: normal;
}

.card__information .card__content > p {
  display: none;
}

word-break: keep-all !important;
.card__content .card__heading a {
  title: attr(title);
}

/* Align price properly */
.card__information {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 120px;
}


/* === Responsive YouTube Video Embed === */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  margin: 2rem 0;
  border-radius: 8px; /* Optional: soft corners */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Optional: light shadow */
}

.video-wrapper iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
/*--------------  JOSH END OF CUSTOM CSS  ------------------------*/