/* Fix the booger green subtotal */
.wc-pao-subtotal-line .price {
  color: #9489C7 !important; /* or whatever your brand purple is */
  font-weight: 500;
  font-family: 'Roboto', sans-serif !important;
}


/* Add space between WooCommerce add-on fields */
.wc-pao-addon-wrap {
  margin-bottom: 25px !important;
}


/* Remove shaded background from variation section wrapper */
.woocommerce div.product form.variations_form .variations,
.woocommerce div.product .variations_form,
.woocommerce div.product .variations_form > table,
.woocommerce div.product .variations_form td,
.woocommerce div.product .variations_form th {
  background-color: #F0EDFF !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Style the variation price */
.woocommerce div.product .woocommerce-variation-price .price {
  color: #9489C7 !important;
  font-family: 'Roboto', sans-serif !important;
	  margin-bottom: 20px !important;
  display: block;
}

/* Adjust the variation table layout */
table.variations {
  width: 65% !important;
  table-layout: auto !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-family: 'Roboto', sans-serif !important;
}

/* Make labels and fields stack */
table.variations td,
table.variations th {
  display: block;
  width: 100% !important;
  text-align: left !important;
}

/* Style the actual dropdown select field */
table.variations select {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #ccc !important;
  font-family: 'Roboto', sans-serif !important;
}




.woocommerce-product-gallery__image img {
  transform-origin: center center;
  transition: transform 0.3s ease;
}

.woocommerce-product-gallery__image:hover img {
  transform: scale(.6); /* change 1.5 to whatever zoom level you want */
}



a:link, a:visited, a:hover, a:active {
text-decoration: none;
}


/* Add space above built-in titles */
h1.entry-title, .elementor-page-title {
    margin-top: 50px; /* adjust to taste */
}

/* Hide page titles on everything EXCEPT WooCommerce pages and blog posts */
body:not(.woocommerce):not(.single-post) .elementor-page-title,
body:not(.woocommerce):not(.single-post) h1.entry-title {
    display: none !important;
}


/* Suppress visual search icon on all images */
img {
  -webkit-user-select: none; /* Prevent selection for browsers like Chrome/Edge */
  user-select: none; /* Prevent selection in other modern browsers */
  -webkit-touch-callout: none; /* Prevent context menus on mobile */
}

/* Force hide dynamic overlays like the visual search button */
img::-webkit-media-controls-panel,
img::-webkit-media-controls-start-playback-button,
img::-webkit-media-controls-overlay-play-button {
  display: none !important; /* Forcefully hide visual overlays */
}

.woocommerce-product-gallery__trigger {
    display: none !important;
    visibility: hidden !important;
}

.woocommerce .add_to_cart_button {
    display: none !important;
}

.elementor-accordion .elementor-tab-title:hover, 
.elementor-accordion .elementor-tab-title:focus {
    text-shadow: none !important;
}

/* Remove shadow effect on accordion text hover */
.accordion-header:hover, 
.accordion-header:focus {
    text-shadow: none !important; /* Removes the text shadow */
    transition: none !important; /* Disables hover animations if present */
}


/* Target only products in the shop grid */
.woocommerce ul.products li.product:hover {
    transform: scale(1.1); /* Slightly grows the item */
    transition: transform 0.3s ease-in-out; /* Smooth animation */
    z-index: 10; /* Keeps the hovered item on top */
}

.woocommerce ul.products li.product {
    transition: transform 0.3s ease-in-out; /* Ensures smooth effect */
}


@media (max-width: 768px) {
  .site-logo img {
    max-width: 100px; /* or whatever suits your design */
    height: auto;
  }
}


/* make images on main page (welcome) overlay magenta on hover*/
.page-id-133 img {
    position: relative;
    display: block;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.page-id-133 img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #b13795; /* Lighter pink overlay */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.page-id-133 img:hover::before {
    opacity: .7; /* Adjust this for more or less intensity */
}

.page-id-133 img:hover {
    filter: brightness(110%); /* Makes it slightly lighter instead of darker */
}

/* Change check out button background */
.wc-block-cart__submit-button {
  background-color: #d7d4e3 !important; /* soft lavender-gray */
  border: none !important; /* optional, removes any border */
}



/* Change background color when hovered */
.menu-item a:hover {

    background-color: #6E5D91; /* Keeps background unchanged */
  
	
    transition: border-color 0.3s ease-in-out;
}

.comment-form-comment textarea {
    max-width: 600px; /* Adjust width as needed */
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}


/* Restrict cart popup to mobile screen width */
@media (max-width: 768px) {
  .elementor-menu-cart__container.elementor-lightbox {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box;
    padding: 0 10px;
  }

  .elementor-menu-cart__main {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow-x: hidden;
  }
}


.outofstock .woocommerce-loop-product__title::after {
  content: "Out of Stock";
  display: block;
  margin-top: 8px;
  background-color: #c4c4c4; /* darker gray with warmth */
  color: #a22; /* earthy red, a little softer than pure #a00 */
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 0; /* sharp edges */
  font-size: 1em;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}



/* Show built-in FlexSlider arrows */
.flex-direction-nav a {
  visibility: visible !important;
  display: block !important;
  opacity: 1 !important;
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 4px;
  color: #643091;
  font-size: 0; /* Hide "Previous" and "Next" text */
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  z-index: 9999;
}

/* Left arrow */
.flex-direction-nav .flex-prev {
  left: -50px; /* Adjust as needed */
}
.flex-direction-nav .flex-prev::before {
  content: "❮";
  font-size: 24px;
  font-weight: bold;
  color: #643091;
}

/* Right arrow */
.flex-direction-nav .flex-next {
  right: -50px; /* Adjust as needed */
}
.flex-direction-nav .flex-next::before {
  content: "❯";
  font-size: 24px;
  font-weight: bold;
  color: #643091;
}

/* Hover effect */
.flex-direction-nav .flex-prev:hover::before,
.flex-direction-nav .flex-next:hover::before {
  color: #B13795;
}

@media (max-width: 768px) {
  .flex-direction-nav .flex-prev {
    left: -30px; /* bring it back onscreen */
  }

  .flex-direction-nav .flex-next {
    right: -30px;
  }
}

.woocommerce div.product .flex-direction-nav + ul {
  display: none;
}



.woocommerce div.product ul {
  list-style: none !important;
  padding-left: 0 !important;
}

.woocommerce div.product ul li:empty {
  display: none !important;
}


/* put a border around product image */
.woocommerce-product-gallery__image img {
  border: 2px solid #643091; /* change color and thickness as needed */
  border-radius: 0px; /* optional: rounds the corners */
  padding: 0px; /* optional: space between image and border */
  box-sizing: border-box; /* ensures padding doesn't mess with layout */
}


.wc-block-components-checkout-place-order-button {
    background-color: #6E5D91 !important; /* Example: purple */
    color: #ffffff !important;            /* Text color: white */
    border: none !important;
    border-radius: 4px;
    font-weight: bold;
    padding: 12px 24px;
    transition: background-color 0.3s ease;
}

.wc-block-components-checkout-place-order-button:hover {
    background-color: #635184 !important; /* Slightly darker on hover */
}

.posted-on,
.entry-date,
time,
.post-date {
    display: none !important;
}