/* Start Above the footer widget */
.wa-footer-above-widget {
  display: block;
  padding: 20px;
  color: #333;
}

.wa-footer-above-widget h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
}

.wa-footer-above-widget p,
.wa-footer-above-widget li {
  font-size: 1em;
  line-height: 1.6;
}

.wa-shop-banner {
  background: none !important;
  padding: 40px 20px;
  text-align: center;
}
/* End of Above the footer widget */

/* Increase this to lift product page to header */
.woocommerce.archive #bulk-content {
  margin-top: -30px; 
  position: relative;
  z-index: 2;
}

/* Increase this to lift footer to product page */
.woocommerce.archive #bulk-content {
  margin-bottom: -30px; 
  position: relative;
  z-index: 2;
}


/* This block stretches header image to the full width of the page */
.top-header {
  background: linear-gradient(to right, #232d2f, #04080f) !important;
}

.top-header .single-image img {
  width: 100%;
  height: auto; 
  display: block;
  object-fit: cover;
}

.top-header {
  min-height: 250px !important;
  height: 250px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  background-color: #060c14 !important; /* Dark blue */
}

.single-image {
  height: 250px !important;
  max-height: 250px !important;
  overflow: hidden !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.single-image img {
  height: 250px !important;
  width: 1165px !important;
  object-fit: cover !important;
  display: block !important;
}


/* This block removed featured image on mobile devices */
@media screen and (max-width: 768px) {
.top-header {
  min-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
 background: none !important;
  }
}

/* This block adds style to the add banner on the top of product page */
.custom-shop-container {
  background: linear-gradient(to right, #ddd1bc, #dcb268); /* initial gradient */
  padding: 20px;
  text-align: center;
  border: 5px solid #ddcdb1; /* full border in gold tone */
	border-radius: 30px; /* ← This creates oval-like corners */
	 transition: border-color 0.3s ease;
}

.custom-shop-container:hover {
   border: 5px solid #ddcdb1;  /* slightly darker gold tone */	
		background: linear-gradient(to right, #dcb268, #ddd1bc); /* reversed gradient */
}

.custom-shop-heading {
  margin: 0 0 0 0;
  font-weight: bold;
  animation: colorFade 6s infinite ease-in-out;
}

.custom-shop-heading {
  margin: 0 0 6px 0;
  font-weight: bold;
  color: #8c6f4a; /* fill color */
  -webkit-text-stroke: 0.3px #3b2a1a; /* dark brown border */
}
/* End of styling custom-shop-container*/

/* Change panel header background for back in stock notifier*/
.cwginstock-subscribe-form .panel-primary > .panel-heading {
  background-color: #dcb268;
	color: #493718; /* ← This sets the text color */
}

/* Change panel border */
.cwginstock-subscribe-form .panel-primary {
  border-color: #a67c33;
}

/* Style the subscribe button Color of the button Subscribe Now */
.cwginstock-subscribe-form input[type="submit"] {
  background-color: #f1e8d9;
  color: #493718;
  border: none;
  padding: 2px 4px;
  font-weight: bold;
  cursor: pointer;
}

.cwginstock-subscribe-form .panel-primary > .panel-heading {
  background-color: #dcb268;
  border-color: #ddd1bc;
  color: #493718; /* ← Text color */
}

/* Limit the width of the stock notification form */
.cwginstock-subscribe-form {
  max-width: 250px;
  margin: 0 auto;
}

/* Optional: center the form and adjust spacing */
.cwginstock-subscribe-form .panel-primary {
  margin: 5px auto;
  padding: 5px;
}

/* Styling that whole box added rounded corners*/
.cwginstock-subscribe-form .panel-primary {
  border-color: #d7d1c6;
  border-radius: 15px; /* ← Rounded corners */
  margin: 10px auto;
  padding: 10px;
}

/* Styling widget for product page*/
.custom-widget-container {
	margin-top: 10px;
	padding: 10px;
	border-color: #d7d1c6;
  border-radius: 15px; /* ← Rounded corners */	
	background-color: #f8f8f8;
	border-top: 0px solid #ccc;
	color: #333;
}

/* This removed annoying line between title and the price */
.woocommerce ul.products li.product a {
    border-bottom: none !important;
    text-decoration: none !important;
}

/* Remove dotted line between title and price in Recently Viewed Products */
ul.product_list_widget li a {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
ul.product_list_widget li a:hover {
  border-bottom: 1px solid #aaa; /* or your brand accent */
}

/* Changes the H1 title on the pages */
.page-header {
  font-family: inherit;  /* Classic serif font */
  font-size: 1.8rem;
  font-style: normal; 
  color: #dcb268;
  position: absolute;
  bottom: -95px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  text-align: center;
	letter-spacing: 0.1em; /* Adjust spacing as needed */	
	text-shadow:
    -1px -1px 0 #021222,
     1px -1px 0 #021222,
    -1px  1px 0 #021222,
     1px  1px 0 #021222; /* Dark blue outline */
		animation: colorShift 5s infinite linear;
}
/* Keyframes for color transition */
@keyframes colorShift {
  0%   { color: #ddd1bc; }   /* lightest: pale beige */
  25%  { color: #bbad7b; }   /* muted gold-beige */
  50%  { color: #dcb268; }   /* warm gold-tan */
  75%  { color: #e7ad47; }   /* rich goldenrod */
  100% { color: #f6a923; }   /* hold at richest tone */
}

@keyframes colorFade {
  0%   { color: #5c3a1a; }   /* deep bronze-brown */
  25%  { color: #704622; }   /* bold aged copper */
  50%  { color: #8a5a2f; }   /* rich antique gold */
  75%  { color: #a06a3a; }   /* warm burnished bronze */
  100% { color: #5c3a1a; }   /* loop back to deep bronze-brown */
}