/*
Theme Name: Reconnect Theme Child
Theme URI: https://jackrussell.digital/reconnect-theme-child/
Description: Reconnect Theme Child is a child theme of Hello Elementor, created by Jack Russell
Author: Jack Russell
Author URI: https://jackrussell.digital/
Template: hello-elementor
Version: 1.0.0
Text Domain: reconnect-theme-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Reconnect Colors
#41525A tamna
#f8c5a3 svetla
*/

/* Custom Button Styles */


/* Style for all buttons inside the buttonContainer */
.primaryButton button,
.primaryButton .elementor-button {
  font-family: "Futura", sans-serif; 
  font-weight: 500; 
  background-color: #f8c5a3; 
  border: 1px solid #f8c5a3;
  color: #41525a;
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 12px;
}

.primaryButton .elementor-button:hover {
	
	background-color: #41525A;
	color: #f8c5a3;
}




.primaryButtonDark button,
.primaryButtonDark .elementor-button {
  font-family: "Futura", sans-serif; 
  font-weight: 500; 
  background-color: #41525A;
  border: 1px solid #41525A;
  color: #f8c5a3;
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 12px;
}

/* WP Block Primary button */

.postButtonPrimaryDark {
  font-family: "Futura", sans-serif; 
  font-weight: 500; 
  background-color: #41525A;
  border: 1px solid #41525A;
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 12px;
}

.postButtonPrimaryDark:hover {
  background-color: #f8c5a3;
  border: 1px solid #f8c5a3;
}

.postButtonPrimaryDark a {
  color: #f8c5a3;
  text-decoration: none;
  display: inline-block;
}

.postButtonPrimaryDark:hover a {
  color: #41525A !important; /* Ensure the hover color takes priority */
}



/* Specific style for the second button */

.secondaryButton {
	column-gap: 0;
	row-gap: 0;
	text-align: middle;
	align-items: center;
	justify-content: center;
	line-height: normal;
}
.secondaryButton button,
.secondaryButton .elementor-button {
  font-family: "Futura", sans-serif; 
  font-weight: 500; 
  background-color: transparent;
  border: 1px solid #f8c5a3;
  color: #f8c5a3;
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer;
	line-height: normal;
  transition: all 0.3s ease;
  border-radius: 12px;
}

.secondaryButton .elementor-button-text {
  font-family: "Futura", sans-serif; 
  font-weight: 500; 
	line-height: normal;
}

.secondaryButton .elementor-button:hover{
	background-color: #f8c5a3;
	color: #41525A;
}

/* Product Loop Add to Cart Button Styles */

.elementor-widget-woocommerce-product-add-to-cart .e-loop-add-to-cart-form-container{
	width: 100%;
}

.elementor-widget-woocommerce-product-add-to-cart .e-loop-add-to-cart-form-container form.cart {
	width: 100%;
}
/*
.elementor-widget-woocommerce-product-add-to-cart form.cart .custom-quantity-wrapper {
	width: 50%;
}*/


/* Add to Cart Button Simple Product Styles */
.elementor-widget-woocommerce-product-add-to-cart .elementor-widget-container .elementor-product-simple form button.single_add_to_cart_button {
	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	background-color: #41525A;
  	border: 1px solid #41525A;
  	padding: 0.8rem 1.5rem;
	color: #f8c5a3;
  	font-size: 1rem;
  	text-transform: uppercase;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
}

.elementor-widget-woocommerce-product-add-to-cart .elementor-widget-container .elementor-product-simple form button.single_add_to_cart_button:hover {
	
  	background-color: #f8c5a3;
  	border: 1px solid #f8c5a3;
  
	color: #41525A;
  	cursor: pointer;
  
}

/* Choose Options Product Loop Button Styles */

.elementor-widget-woocommerce-product-add-to-cart .elementor-widget-container .elementor-product-variable .e-loop-add-to-cart-form-container form.e-loop-add-to-cart-form a {
	width: 100%;
	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	background-color: #41525a;
  	border: 1px solid #41525a;
  	color: #f8c5a3;
  	padding: 1.3rem 1.5rem;
  	font-size: 1rem;
  	text-transform: uppercase;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	border-radius: 12px;
}

.elementor-widget-woocommerce-product-add-to-cart form.cart  a.add_to_cart_button {
	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	background-color: #41525A;
  	border: 1px solid #41525A;
  	padding: 0.8rem 1.5rem;
	color: #f8c5a3;
  	font-size: 1rem;
  	text-transform: uppercase;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
}

/* Eyebrow Hero */

.eyebrowHeroPrimary {
	width: fit-content;
	background-color: rgba(64, 82, 90,1);
	border: 1px solid rgba(64, 82, 90,1);
	border-radius: 1rem;
	padding: 0.7rem 1.7rem;
	z-index: 2;
}

.eyebrowHeroPrimary h3 {
  	font-family: "Futura", sans-serif; 
  	font-weight: 500;
	font-size: clamp(0.8rem, 0.7rem + 0.4vw, 1rem) !important;
  	line-height: clamp(1.1em, 1em + 0.1vw, 1.3em) !important;
	color: #f8c5a3;
	text-align: center;
	
}

.eyebrowHeroSecondary {
	width: fit-content;
	background-color: rgba(248, 197, 163, 0);
	border: 1px solid rgba(248, 197, 163, 1);
	border-radius: 1rem;
	padding: 0.4rem 1.5rem;
	margin-left: -2rem;
}

.eyebrowHeroSecondary h3 {
  font-family: "Futura", sans-serif; 
  font-weight: 500;
	font-size: 0.8rem;
	color: rgba(248, 197, 163, 1);
	padding-left: 12px;
}

/* Hover effect for buttons */
.buttonContainer button:hover,
.buttonContainer .elementor-button:hover {
  
 
}

/* Hero Head and SubHead Styles */
#heroHeadlineContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	column-gap: 0;
	row-gap: 0;
	padding-top: -12rem;
}

.heroSpacer {
	height: 0;
}

#heroHead {
	margin: 0;
	padding: 0;
	font-family: "Futura", sans-serif; 
  	font-weight: 700;
	font-size: 16rem;
	line-height: 10rem;
	letter-spacing: normal;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
}

#heroSubHead {
	margin: 0;
	padding: 0;
	font-family: "Futura", sans-serif; 
  	font-weight: 700;
	font-size: 4.5rem;
	letter-spacing: normal;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
}

#heroParagraph {
	margin: 0;
	padding: 0;
	font-family: "Futura", sans-serif; 
  	font-weight: 500;
	font-size: 1.5rem;
	letter-spacing: normal;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	margin-top: -2rem;
}

/*                     */ 
/* Tea Characteristics */
/*                     */
/* Keyframes */
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); /* Start above the view */
  }
  100% {
    opacity: 1;
    transform: translateY(0); /* End in position */
  }
}

@keyframes svgPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes scaleAndFade {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

/* Ensure the parent container does not restrict size */
.glassContainerAndHtml .elementor-element .elementor-widget-container {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  width: 100%;
  max-width: none;
}

.teaCharacteristicsContainerOne h4::after,
.teaCharacteristicsContainerTwo h4::after,
.teaCharacteristicsContainerThree h4::after,
.teaCharacteristicsContainerFour h4::after {
  content: "";
  display: block;
  width: 100%; /* Adjust the width as needed */
  height: 1px; /* Thickness of the line */
  background-color: #41525A; /* Color of the line */
  margin-top: 5px; /* Space between text and line */
  position: relative;
}



/* Initial state for container one on page load */
.teaCharacteristicsContainerOne h4,
.teaCharacteristicsContainerOne p {
  opacity: 1; /* Visible */
  transform: translateY(0);
  color: #41525a;
}

/* Initial state for other containers */
.teaCharacteristicsContainerTwo h4,
.teaCharacteristicsContainerThree h4,
.teaCharacteristicsContainerFour h4 {
  opacity: 1; /* Visible H4 */
  color: #41525a;
}


.teaCharacteristicsContainerTwo p,
.teaCharacteristicsContainerThree p,
.teaCharacteristicsContainerFour p {
  opacity: 0; /* Hidden paragraphs */
  transform: translateY(-20px);
  color: #f8c5a3;
}

/* Active state for the container on hover */
.teaCharacteristicsContainerActive h4,
.teaCharacteristicsContainerActive p {
  color: #41525a;
  opacity: 1; /* Become visible */
  transform: translateY(0); /* Animated to position */
  animation: slideDown 0.5s ease forwards; /* Slide down animation for paragraphs */
}

/* Pointer styles */
.pointer {
  position: absolute;
  width: clamp(4rem, 1rem + 8vw, 12rem); /* Responsive pointer size */
  height: clamp(4rem, 1rem + 8vw, 12rem); /* Responsive pointer size */
  transform: translate(-50%, -50%);
  transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Enlarged Image Container */
.tea-glass-container {
  position: relative;
  width: 100%; /* Ensure container takes full width */
  max-width: none; /* Remove restrictions */
  height: auto;
  margin: 0 auto; /* Center horizontally */
  display: flex;
  justify-content: center; /* Center content */
  align-items: center; /* Align vertically (if needed) */
  overflow: visible; /* Ensure pointers remain visible */
}

/* Tea Glass Image */
.tea-glass-image {
  display: block;
  width: 150% !important; /* Force expand image width */
  max-width: none !important; /* Remove the width limit */
  height: auto !important; /* Maintain aspect ratio */
  margin: 0 auto; /* Additional centering for the image */
  transform: scale(1.3); /* Force enlargement */
}

/* Force enlarge image with higher specificity */
.tea-glass-container .tea-glass-image {
  width: 140% !important; /* Expand image width */
  max-width: none !important; /* Remove Elementor's max-width */
  height: auto !important; /* Maintain aspect ratio */
  transform: scale(1.2); /* Additional scaling */
}

/* Responsive scaling for different screen sizes */
@media (max-width: 768px) {
  .tea-glass-image {
    width: 120% !important; /* Adjust image size for smaller screens */
    transform: scale(1.1);
  }
}

@media (max-width: 480px) {
  .tea-glass-image {
    width: 100% !important; /* Adjust image size for very small screens */
    transform: scale(1);
  }
}

/* Adjusted Position for pointers inside the image */
.pointer-one {
  top: 45%; /* Adjusted top for better fit */
  left: 20%; /* Adjusted left for better fit */
}

.pointer-two {
  top: 75%; /* Adjusted top for better fit */
  left: 25%; /* Adjusted left for better fit */
}

.pointer-three {
  top: 40%; /* Adjusted top for better fit */
  left: 70%; /* Adjusted left for better fit */
}

.pointer-four {
  top: 65%; /* Adjusted top for better fit */
  left: 75%; /* Adjusted left for better fit */
}

/* General styles for pulsating ellipses */
.pointer svg .fading-circle {
  animation: scaleAndFade 2.5s infinite;
  transform-origin: 65.5px 54px;
}

.pointer svg g {
  animation: svgPulse 2.5s infinite;
  transform-origin: 65.5px 54px;
}

/* Stop animations on hover */
.pointer:hover svg .fading-circle,
.pointer:hover svg g {
  animation: none;
  transform: scale(1.3);
}

/* Reset inactive containers' hover state */
.pointer:hover + .teaCharacteristicsContainerInactive h4 {
  color: #41525a;
}

.pointer:hover + .teaCharacteristicsContainerInactive p {
  opacity: 0;
  transform: translateY(-20px);
  color: #41525a;
}

/*                          */ 
/*     Side Cart Styles     */
/*                          */

.elementor-menu-cart__main {
	border-bottom-left-radius: 14px;
	border-top-left-radius: 14px;
	color: #F8C5A3;
}

.elementor-button-icon-qty {
	background-color: #41525A;
	color: #F8C5A3;
	width: 24px;
	height: 24px !important;
}	

#elementor-menu-cart__toggle_button {
	justify-content: center;			
	}

/* Header Cart and Quantity Display */
#custom-cart-info {
    display: inline-flex;
    align-items: center;
	justify-content: center;
    gap: 0px; /* Space between quantity and total */
    font-size: 1rem;
    color: #e8c2a0; /* Match the desired color */
 	pointer-events: auto !important; /* Ensure it is clickable */
    z-index: 10001 !important; /* Ensure it is above other elements */
	cursor: pointer;

}

#cart-quantity {
    background-color: #4a4a4a; /* Circle background */
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

#cart-total {
    font-weight: 700;
}

/* Floating Cart Styles */

#floating-cart {
    position: fixed;
    right: 50px;
    top: 20vh;
    width: 300px;
    max-height: 80vh;
    background-color: rgba(64, 82, 90, 0.7); /* Semi-transparent background */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10000 !important; /* Ensure it appears above other elements */
    overflow-y: auto;
    display: none; /* Initially hidden */
    flex-direction: column;
    opacity: 1; /* Ensure it is visible */
    pointer-events: auto; /* Ensure it can be clicked */
    padding: 1rem;
    backdrop-filter: blur(10px); /* Add blur effect */
    -webkit-backdrop-filter: blur(10px); /* Support for Safari */
}

#floating-cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background-color: #40525A;
	color: #f8c5a3;
}

#floating-cart-header h3 {
    margin: 0;
    font-size: 16px;
}

#floating-cart-header button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

#floating-cart #floating-cart-header button#close-floating-cart {
	background-color: #f8c5a3;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 500;
	color: #40525A !important;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	padding-block: 0;
}

#floating-cart #floating-cart-contents {
    padding: 12px;
    flex: 1;
    overflow-y: auto;
	border: none;
	display: flex;
	flex-direction: column;
}
#floating-cart #floating-cart-contents .elementor-menu-cart__subtotal {
	color: #f8c5a3;
	border: none;
	font-family: "Futura", sans-serif;
    font-weight: 500;
	
}
#floating-cart-footer {
    padding: 12px;
    background-color: #f8f8f8;
}

#floating-cart-footer .button:hover {
    opacity: 0.9;
}

#floating-cart-contents .elementor-menu-cart__product-remove {

	height: 200px;
	color: #f8c5a3;
	z-index: 10005;
}
#floating-cart-contents a.remove_from_cart_button {
width: 200px;
	height: 200px;
	color: #f8c5a3;
	z-index: 10006;
}

*/

/* Remove the <strong> from subtotal */
.elementor-menu-cart__subtotal strong {
    font-weight: normal; /* Makes it look like regular text */
}

/*                                         */ 
/*     Custom Elementor Buttons Styles     */
/*                                         */


.elementor-menu-cart__footer-buttons .elementor-button {
    font-family: "Futura", sans-serif;
    font-weight: 800;
    background-color: #f8c5a3;
    border: 1px solid #f8c5a3;
    color: #41525a;
    padding: 0.8rem 1.5rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 12px;
    display: inline-block;
    text-align: center;
}

.elementor-menu-cart__footer-buttons .elementor-button:hover {
    background-color: #f7b894;
    color: #fff;
    border-color: #f7b894;
}


/*                                               */
/*                                               */
/*          Reconnect Stories Home Page          */
/*                                               */
/*                                               */

.loopItemContainerHome {
	height: fit-content;
}

.blogCategoriesPillsHomePage div a {
	opacity: 0.9;
	font-family: "Futura", sans-serif;
    font-weight: 500;
	font-size: 0.8rem;
	background-color: #41525a;
	color: #f8c5a3;
	padding: 0.4rem 1rem;
	border-radius: 12px;
	margin-right: 8px;
	height: fit-content;
}

/*                              */
/*                              */
/*          Login Form          */
/*                              */
/*                              */

form #loginform {
	border: none !important;
	background-color: red !important;
}

#loginform p label {
	color: red;
	background-color: red !important;
}

/*                                                       */
/*                                                       */
/*          WooCommerce Image Caroussell Amazon          */
/*                                                       */
/*                                                       */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');
/* Make the thumnail image container take around 20% of total width and customize its design */
.flex-control-thumbs {
	flex-basis: 18%;
	z-index: 2;
	height: 390px !important;
	padding: 10px !important;
	margin: auto 0 !important;
}
/* Customize the gallery image */
.woocommerce-product-gallery__image img {
	border-radius: 1rem;
	object-fit: cover;
	border: none; /* 1px solid #e1e1e1;  Light border around main image */
}
/* Adjust the width and spaces of individual thumbnail image containers and add transition for sliding effect */
.flex-control-thumbs li {
	min-width: 100%;
	margin-bottom: 10px !important;
	transition: margin-top 0.4s linear;
}
/* Make the thumbnail images' corners a bit rounded to match brand design */
.flex-control-thumbs li img {
    border-radius: 1rem; /* Slightly rounded corners for thumbnails */
    /* border: 1px solid #ff9900;  Border for thumbnails */
    transition: transform 0.3s ease, border-color 0.3s ease; /* Smooth hover effect */
}
/* Active Thumbnail Image */
.flex-active img {
    border: 2px solid #f8c5a3; /* Amazon orange for active thumbnail */
}
/* set the position of thumbnail images*/
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
  display:flex;
column-gap: 14px;
    margin-bottom: 0; 
}
div.product div.images.woocommerce-product-gallery .flex-viewport {
   flex-basis: 82%;
height:50px;
}
.woocommerce-js div.product div.images .flex-control-thumbs {
     flex-basis: 18%;
 
width:300px;
}
/* Move the images on the Left side*/
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    flex-direction: row-reverse;
}


/*                                                  */
/*                                                  */
/*          Single Product Template Styles          */
/*                                                  */
/*                                                  */

/* Hide Clear Product Variations Button */

form.variations_form .variations button.reset_variations {
	display: none !important;
}

/* Reconnect Product sastav */

@media screen and (max-width: 885px) {
  .reconnectSirovine h3 {
    min-height: 300px;
  }
}

/* Single Product Template Package Choice Dropdown Styling */

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	background-color: rgba(255,255,255,0);
	display: flex;
	flex-direction: column;
	font-family: "Futura", sans-serif;
    font-weight: 500;
	font-size: 2rem;
	margin-bottom: 4px;
	color: #40525A;
	padding: 0;
}

.woocommerce div.product form.cart .variations td select {
	margin-top: 4px;
	border-radius: 1rem;
}

.woocommerce .single_variation_wrap {
	display: flex;
	flex-direction: column;
}
/* Add to Cart Button Styles */
.woocommerce .single_variation_wrap .woocommerce-variation-add-to-cart button.single_add_to_cart_button {
	width: 100%;
	font-family: "Futura", sans-serif; 
  	font-weight: 700; 
  	background-color: #f8c5a3;
  	border: 1px solid #f8c5a3;
  	color: #41525a;
  	padding: 0.8rem 1.5rem;
  	font-size: 1rem;
  	text-transform: uppercase;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	border-radius: 12px;
}
/* Quantity Input Styles */
.woocommerce .single_variation_wrap .woocommerce-variation-add-to-cart input.input-text {
	border: none;
	width: 50px;
}

/* Style the quantity container */
.woocommerce .quantity {
    display: flex;
    align-items: center;
    border: 1px solid #ccc; /* Light border for the container */
    border-radius: 20px; /* Rounded container */
    padding: 5px 10px; /* Spacing around elements */
    background-color: #f9f9f9; /* Light gray background */
    gap: 10px; /* Space between the buttons and input */
    justify-content: center;
}

/* Style the minus and plus buttons */
.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
    background-color: transparent; /* Transparent background */
    color: #333; /* Dark text for the buttons */
    border: none; /* Remove button borders */
    font-size: 18px; /* Slightly larger text */
    cursor: pointer; /* Pointer cursor for buttons */
    padding: 0 10px; /* Horizontal spacing */
    border-radius: 50%; /* Circular buttons */
    transition: background-color 0.3s ease;
}

/* Add hover effect for buttons */
.woocommerce .quantity .minus:hover,
.woocommerce .quantity .plus:hover {
    background-color: #e0e0e0; /* Light gray on hover */
}

/* Style the input field */
.woocommerce .quantity .qty {
    width: 50px; /* Adjust width to suit your design */
    text-align: center; /* Center-align text */
    border: none; /* Remove border */
    background-color: transparent; /* Match container background */
    font-size: 16px; /* Match font size */
    outline: none; /* Remove focus outline */
}

/* Add focus effect to the input */
.woocommerce .quantity .qty:focus {
    outline: none; /* Remove default browser focus */
    box-shadow: none; /* No shadow */
}


/* Product Images Container Column Background Style */
.productContainerRow {
  position: relative; /* Allows the pseudo-element to position relative to this container */
  background: none; /* Remove any existing background */
}

.productContainerRow::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%; /* Set the width to 50% */
  height: 100%; /* Cover the full height of the container */
  background: 
    url('https://reconnectcajevi.rs/wp-content/uploads/2025/01/pattern-product-images-10.svg') no-repeat center center, /* Add the SVG here */
    #f8c5a3; /* Replace with your desired color */
  background-size: cover; /* Ensure the SVG scales properly */
  z-index: -1; /* Place the pseudo-element behind the content */
}


/* Breadcrumbs Styling */

.woocommerce nav.woocommerce-breadcrumb {
	font-family: Futura, sans-serif;
	color: #40525A;
	font-size: 1rem;
	font-weight: 400;
}

/* Variations Block Margin Bottom Styling */

.woocommerce .elementor-add-to-cart table.variations {
	margin-bottom: 0 !important;
}

/* Selected Variation Name Styling - pakovanje 100gr ispod Odaberite pakovanje */
.woocommerce .woo-selected-variation-item-name {
	
	font-size: 1rem	!important;
	margin-bottom: 8px !important;
	line-height: normal !important;
}

/* Variation Price Styling */

.woocommerce-variation-price bdi {
	font-family: "Futura", sans-serif;
    font-weight: 700;
	font-size: 2.4rem;
	color: #40525a;
}

.woocommerce .single_variation_wrap .woocommerce-variation .woocommerce-variation-availability p.in-stock{
	font-family: "Futura", sans-serif;
    font-weight: 500;
	font-size: 1rem;
	margin-top: -8px;
	margin-bottom: 16px;
	color: #40525a;
}

/* Accordion Styles */

.e-n-accordion-item-title {
	align-items: space-between !important;
	justify-content: space-between !important;
}


/* Reviews Styles */

.sp-tpro-items .sp-testimonial-pro {
	font-family: Futura, sans-serif;
	font-weight: 400;
	color: #40525a;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.elementor-widget-container .sp-testimonial-ratings-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start !important;
}

.elementor-widget-container .sp-testimonial-ratings-wrapper button.fltr-controls i.fa-star {
	color: #f8c5a3;
}

.elementor-widget-container .sp-testimonial-ratings-wrapper button.fltr-controls i.sp-empty-star {
	display: none;
}

.elementor-widget-container .sp-testimonial-ratings-wrapper .average-rating-section .average-rating-text {
	font-family: Futura, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #40525a;
}

.elementor-widget-container .sp-testimonial-ratings-wrapper .average-rating-section .tpro-client-rating {
	font-family: Futura, sans-serif;
	font-weight: 400;
	color: #40525a;
}

.elementor-widget-container .sp-testimonial-ratings-wrapper .average-rating-section i.sptpro-icon-star_fill {
	font-family: Futura, sans-serif;
	font-weight: 400;
	color: #f8c5a3;
}
.elementor-widget-container .sp-testimonial-ratings-wrapper .average-rating-section .tpro-client-rating i.fa-star-half-o {
	display: none;
}

.elementor-widget-container .sp-testimonial-ratings-wrapper .average-rating-section .tpro-client-rating span {
	font-family: Futura, sans-serif;
	font-weight: 400;
}

.elementor-widget-container .sp-testimonial-ratings-wrapper .average-rating-section .tpro-client-rating .total-rating-text {
	font-family: Futura, sans-serif;
	font-weight: 400;
	
}

.elementor-widget-container .sp-testimonial-ratings-wrapper .sp-testimonial-live-filter .filters-button-group button.is-checked{
	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	background-color: #41525A !important;
  	border: 1px solid #41525A;
  	color: #f8c5a3 !important;
  	padding: 0.8rem 1.5rem;
  	font-size: 1rem;
  	text-transform: uppercase;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	border-radius: 12px;
}

.elementor-widget-container .sp-testimonial-ratings-wrapper .sp-testimonial-live-filter .filters-button-group button:not(.is-checked) {
    font-family: "Futura", sans-serif;
    font-weight: 500;
    background-color: rgba(255,255,255,0) !important;
  	border: 1px solid #41525A !important;
  	border-radius: 12px;
  	padding: 0.8rem 1.5rem;
}
/*
.elementor-widget-container .sp-testimonial-ratings-wrapper .sp-tpro-items .sp-testimonial-pro-item .sp-testimonial-pro {
	background-color: #41525A !important;
}
*/

.sp-tpro-items {
	margin-top: 64px !important;
}

.sp-tpro-items .sp-testimonial-pro-item .sp-testimonial-pro {
	background-color: rgba(54, 68, 75, 0.9) !important;
	border-radius: 12px !important;
	padding: 4rem !important;
	
}

@media screen and (max-width: 1023.98px) {
.sp-tpro-items .sp-testimonial-pro-item .sp-testimonial-pro {

	padding: 1.5rem !important;
	
}
}

.sp-tpro-items .sp-testimonial-pro-item .sp-testimonial-pro .tpro-client-name, .sp-tpro-items .sp-testimonial-pro-item .sp-testimonial-pro .tpro-testimonial-date, .sp-tpro-items .sp-testimonial-pro-item .sp-testimonial-pro .tpro-testimonial-title h3.sp-tpro-testimonial-title, .sp-tpro-items .sp-testimonial-pro-item .sp-testimonial-pro .tpro-client-testimonial {
	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
	color: #f8c5a3 !important;
	text-align: left !important;
}

.sp-tpro-items .sp-testimonial-pro-item .sp-testimonial-pro .tpro-testimonial-title h3.sp-tpro-testimonial-title {
	margin-top: 32px !important;
	font-weight: 700 !important; 
font-size: clamp(1.4rem, 1rem + 2vw, 2.5rem) !important;
line-height: clamp(1.2em, 1.1em + 0.3vw, 1.4em) !important;
	text-align: left !important;
	
	text-wrap: balance !important;
}

.sp-tpro-items .sp-testimonial-pro-item .sp-testimonial-pro .tpro-client-rating {
	order: 90 !important;
}

#reconnectTestimonialPro .sp-tpro-items .sp-testimonial-pro-item .tpro-client-testimonial .tpro-testimonial-text p {
	text-align: left !important;
}

@media screen and (min-width: 0px) {
#reconnectTestimonialPro .sp-tpro-items .sp-testimonial-pro-item .tpro-client-testimonial .tpro-testimonial-text p {
	text-align: left !important;
}
}

.footerLeadGeneration.shadow-active {
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* For older Safari and iOS browsers */
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);    /* For older Firefox browsers */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);         /* Standard property */

    -webkit-transition: -webkit-box-shadow 0.3s ease; /* For older Safari versions */
    -moz-transition: -moz-box-shadow 0.3s ease;       /* For older Firefox versions */
    transition: box-shadow 0.3s ease;                /* Standard property */
}

/* Product Images Styles */

.iconic-woothumbs-images__image, .iconic-woothumbs-thumbnails__image {
	border-radius: 1rem !important;
}

.iconic-woothumbs-thumbnails__slide--active .iconic-woothumbs-thumbnails__image-wrapper .iconic-woothumbs-thumbnails__image::before{
	border: none !important;
	border-image: none !important;
	outline: none !important;
}

.iconic-woothumbs-thumbnails__slide--active .iconic-woothumbs-thumbnails__image-wrapper .iconic-woothumbs-thumbnails__image::after{
	border: none !important;
	border-image: none !important;
	outline: none !important;
}


.iconic-woothumbs-thumbnails__image-wrapper::before {
	border: 1px solid #41525A !important;
	border-radius: 1rem !important;
	padding:4px;
}

.iconic-woothumbs-thumbnails__image-wrapper::after {
	border: 1px solid #41525A !important;
	border-radius: 1rem !important;
	padding: 4px;
}

/*                  */ 
/* Fast Cart Styles */
/*                  */



aside#wc-fast-cart {
    background: rgba(248, 197, 163, 1); /* Semi-transparent white */
    backdrop-filter: blur(10px); /* Background blur effect */
    -webkit-backdrop-filter: blur(10px); /* Safari support */
    border-radius: 10px; /* Optional: Add rounded corners */
    padding: 48px; /* Optional: Add padding */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add subtle shadow */
	color: #41525A;
}

aside#wc-fast-cart h2 {
	font-family: "Futura", sans-serif;
    font-weight: 700;
	color: #41525a;
    font-size: clamp(1.266rem, 0.8948rem + 1.188vw, 1.563rem);
    line-height: clamp(1.15em, 1.05em + 0.15vw, 1.3em);
	border: none !important;
}

aside#wc-fast-cart #wfc-cart-page {
	margin: 8rem 0;
}

.wc-fast-cart__inner-contents .checkout-button,
.wc-fast-cart__inner-contents .woocommerce-shipping-totals .woocommerce-shipping-destination,
.wc-fast-cart__inner-contents .woocommerce-shipping-totals form.woocommerce-shipping-calculator{
	display: none !important;
}

.wc-fast-cart__inner-contents .wfc-checkout-buttons a.wfc-checkout-button {
	border-radius: 1rem !important;
	background-color: #41525a !important;
	border: 1px solid #41525a !important;
	color: #F8C5A3 !important;
	transition: all 0.3s ease;
}

.wc-fast-cart__inner-contents .wfc-checkout-buttons a.wfc-checkout-button:hover {
	background-color: transparent !important;
	border: 1px solid #41525a !important;
	color: #41525a !important;
}

.wc-fast-cart__inner-contents .wfc-checkout-buttons a.wfc-exit {
	border-radius: 1rem !important;
	border: 1px solid #41525a !important;
	background-color: rgba(248, 197, 163, 0.8) !important;
	color: #41525a !important;
	width: 300px;
	transition: all 0.3s ease;
}

.wc-fast-cart__inner-contents .wfc-checkout-buttons a.wfc-exit:hover {
	background-color: #41525a !important;
	border: 1px solid #41525a !important;
	color: #F8C5A3 !important;
}

.wc-fast-cart__inner-contents table.wfc-cart-table tr.wfc-cart-form__cart-item td.product-name a,
.wc-fast-cart__inner-contents table.wfc-cart-table tr.wfc-cart-form__cart-item td.product-name .reconnectBundleTitle {
	
	color: #41525a !important;
	font-family: "Futura", sans-serif !important;
    font-weight: 500 !important;
	font-size: 1rem !important;
	
}

.wc-fast-cart__inner-contents table.wfc-cart-table tr.wfc-cart-form__cart-item td.product-name .reconnectBundleProductTitle,
.wc-fast-cart__inner-contents table.wfc-cart-table tr.wfc-cart-form__cart-item td.product-name .reconnectBundleProductPrice {
	color: #41525a !important;
	font-family: "Futura", sans-serif !important;
    font-weight: 500 !important;
	font-size: 0.8em !important;
}

.wc-fast-cart__inner-contents table.wfc-cart-table tr.wfc-cart-table__actions,
.wc-fast-cart__inner-contents table.wfc-cart-table tr.wfc-cart-table__actions > td,
.wc-fast-cart__inner-contents table.wfc-cart-table .wfc-cart-form__cart-item td.product-thumbnail {
	background-color: #F8C5A300  !important;
}

.wc-fast-cart__inner-contents #coupon_code {
	background-color: rgba(248, 197, 163, 0.8) !important;
	color: #41525a !important;
	font-family: "Futura", sans-serif;
    font-weight: 500;
	border: 1px solid #41525a !important;
	border-radius: 1rem !important;
	margin-right: 16px !important;

}

.wc-fast-cart .wfc-coupon button.wfc-button{
	background-color: #41525a !important;
	color: #F8C5A3 !important;
		border: 1px solid #41525a !important;

	border-radius: 1rem !important;
}

.wc-fast-cart__inner-contents .reconnect-free-shipping-widget {
	margin-top: 16px;
	color: #41525a !important;
	font-family: "Futura", sans-serif;
	text-decoration: underline;
	text-underline-offset: 4px !important;
}

.wc-fast-cart__inner-contents .reconnect-free-shipping-widget p.fsw-message {
	margin-bottom: 4px;
}

.wc-fast-cart__inner-contents .reconnect-free-shipping-widget .fsw-message .woocommerce-Price-amount,
.wc-fast-cart__inner-contents .reconnect-free-shipping-widget .fsw-message strong.fsw-free-shipping{
	font-weight: 700;
}

.wc-fast-cart__inner-contents .reconnect-free-shipping-widget a.fsw-button {
	color: #41525a !important;
	font-family: "Futura", sans-serif;
	text-decoration: underline;
	transition: all 0.3s ease;
}

.wc-fast-cart__inner-contents .reconnect-free-shipping-widget a.fsw-button:hover {
	color: #41525a !important;
	font-weight: 500;
	text-decoration: underline;
}

.wc-fast-cart__inner-contents table.wfc-cart-table td.product-price,
.wc-fast-cart__inner-contents table.wfc-cart-table td.product-quantity,
.wc-fast-cart__inner-contents table.wfc-cart-table td.product-subtotal {
	color: #41525a;
	font-family: "Futura", sans-serif;
    font-weight: 500;
	font-size: 12px !important;
	
}



.wc-fast-cart__inner-contents table.wfc-cart-table td.product-quantity {
	
	margin-left: 8px !important;
	width: 40px !important;

}

.wc-fast-cart__inner-contents table.wfc-cart-table td.product-quantity input.input-text {
	background-color: #41525a;
	color: #F8C5A3;
	font-family: "Futura", sans-serif;
  	font-weight: 400;
	border-radius: 4px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	width: 100% !important;
}

.wc-fast-cart__inner-contents table.wfc-cart-table .product-thumbnail {
	align-self: center !important;
	border-radius: 12px !important;
}

.wc-fast-cart__inner-contents table.wfc-cart-table .product-thumbnail img{
	border-radius: 1rem !important;
}

.wc-fast-cart__inner-contents table.wfc-cart-table td.product-name > div:nth-child(3) {
	display: none !important;
}

@media (max-width: 799px) {
	.wc-fast-cart__inner-contents table.wfc-cart-table td.product-quantity {
		
		min-width: 40px !important;
	}
	
	.wc-fast-cart__inner-contents table.wfc-cart-table td.product-quantity input.input-text {
		font-size: 12px !important;
		text-align: center !important;
		width: 40px !important;
  	}


	
	.wc-fast-cart__inner-contents .wfc-checkout-buttons a.wfc-exit {
		width: 100% !important;
	}



	.wc-fast-cart__inner-contents div.woocommerce-notices-wrapper {
		display: none !important;
	}
}

@media (max-width:989px) {
	.wc-fast-cart__inner-contents .wfc-checkout-buttons a.wfc-exit {
		width: 100%;
	}
	
	.wc-fast-cart__inner-contents table.wfc-cart-table tr.wfc-cart-form__cart-item td.product-name img {
		display: none !important;
	}
	
	.wc-fast-cart__inner-contents .reconnect-free-shipping-widget {
		margin-top: 0;
		text-align: center;
		text-decoration: underline;
		text-underline-offset: 2px !important;
		margin-bottom: 8px;
		padding-bottom: 8px;
	}

	.wc-fast-cart__inner-contents .reconnect-free-shipping-widget p.fsw-message {
		margin-bottom: 12px;
	}	
}

/* Empty Cart Styles */
.wfc-cart-empty {
	display: flex;
	flex-direction: row;
	align-items: center;
	column-gap: 24px;
	font-family: "Futura", sans-serif;
    font-weight: 500;
	font-size: 1.2rem;
	margin: 6rem 0;
	
}



.wfc-cart-empty .emptyCartIconContainer {
	width: 100px;
	height: 100px;
	background-color: #41525A;
	border-radius: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wfc-cart-empty img {
	display:block;
	
}

.wfc-cart-empty p.cart-empty {
	width: 40%;
	font-size: 1.6rem;
	font-weight: 500;
}

.wfc-cart-empty a{
	display: flex;
	margin-left: auto;
}

.wfc-cart-empty button.primaryButtonDark {
	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	background-color: #41525A00;
  	border: 1px solid #41525A;
  	color: #41525A;
  	padding: 1.5rem 2.2rem;
  	font-size: 1rem;
  	text-transform: uppercase;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	border-radius: 12px;
	
}


.wfc-cart-empty button.primaryButtonDark:hover {
  	background-color: #41525A;
  	border: 1px solid #41525A;
  	color: #f8c5a3;
  
}


@media (max-width:989px) {
	
	.wfc-cart-empty {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		row-gap: 24px;
		font-size: 12px;
		text-align: center;
	}	
	
	.wfc-cart-empty p.cart-empty {
		width: 80%;
		font-size: 1.2rem;
	}
	
	.wfc-cart-empty a{
		margin-left: 0;
	}
	
	.wfc-cart-empty button.primaryButtonDark {

  		padding: 1.3rem 2rem;
  		font-size: 1rem;
	}
	
}

/* Fast Cart Styles */

aside#wc-fast-cart .woocommerce-message {
	border: none;
	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
	color: #41525A;
}

aside#wc-fast-cart .woocommerce-message::before {
	color: #41525A;}

/* Fast Cart Header Trigger */

.headerShopData {
	justify-content:flex-end;
	align-items: flex-end;
	padding: 0;
}

.headerShopData span.woocommerce-Price-amount bdi {
	font-size: 1rem;
	font-weight: 700;
	line-height: normal;
	align-content: center;
	align-items: center;
	color: #f8c5a3 !important;
}

.headerLanguage:hover {
    color: #f8c5a3 !important;
}

.headerShopData .headerLanguage div.elementor-heading-title {
	font-weight: 700 !important;
	margin-top: 65px !important;
	line-height: normal;
	align-content: center;
	align-items: center;
	color: red !important;
}

.headerLanguage div.elementor-heading-title {
	color: #e5ba9f !important;
	font-family: "Futura", sans-serif; 
  	font-weight: 700;
	font-size: 12px;
	cursor: pointer;
	
}

.headerLanguage div.elementor-heading-title:hover{
	color: #f8c5a3 !important;
 
} 

#custom-cart-info {
	margin-bottom: 4px;
}

.cartQuantityTotalHeader bdi {
	color: #e5ba9f !important;
	font-family: Futura, sans-serif;
	font-weight: 700;
	font-size: 12px;
	
}

.cartQuantityTotalHeader bdi:hover {
	color: #f8c5a3 !important;
}

.reconnectCartTrigger .elementor-widget-container .elementor-heading-title{
	line-height: normal;
	display: flex;

	justify-content: flex-end;
	align-items: flex-end;
	
}

 #wfc-open-cart-button {
	 margin-top: 1px;
	line-height: normal;
	height: fit-content;
	border: none;
	 
	 color: #e5ba9f !important;
	
}

#wfc-open-cart-button:hover {

	color: #f8c5a3 !important;

}

.reconnectCartTrigger .elementor-heading-title a{
	
	padding: 0 !important;
	margin-left: -8px !important;
	padding-right: 20px !important;
}

.reconnectCartTrigger .elementor-widget-container .elementor-heading-title a  {
	font-family: Futura, sans-serif;
	font-weight: 700;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border: none;
	color: #f8c5a3 !important;
}

.reconnectCartTrigger .elementor-widget-container .elementor-heading-title a span {
	position: relative;
	transform: none;
	margin-left: 4px;
	background-color: #f8c5a3 !important;
	color: #41525A !important;
	width: 30px !important;
	height: 30px !important;
	border-radius: 50% !important;
	aspect-ratio: 1/1;
	padding: 0;
}

/* Footer Stick to Bottom */

body {
	
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

footer {
	margin-top: auto !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Product Archive Filters Styles */

.reconnectProductFilter button{
	font-family: "Futura", sans-serif; 
  	font-weight: 500;
	font-size: clamp(0.7rem, 0.6rem + 0.4vw, 1rem) !important;
  	line-height: clamp(1.1em, 0.95em + 0.1vw, 1.3em) !important;
	padding: 0.8rem 1.8rem;
	transition: all 0.3s ease;
	color: #41525a;
	
}

.reconnectProductFilter .e-filter-item[aria-pressed="true"]{
	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	background-color: #41525A;
  	border: 1px solid #41525A;
	font-size: clamp(0.7rem, 0.6rem + 0.4vw, 1rem) !important;
  	line-height: clamp(1.1em, 0.95em + 0.1vw, 1.3em) !important;
	padding: 0.8rem 1.8rem;
  	text-transform: uppercase;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	border-radius: 12px;
	color:  #f8c5a3;
}


/* Hero Shop Head and SubHead Styles */
#heroShopContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	column-gap: 0;
	row-gap: 0;
	padding-top: -12rem;
}

.heroShopSpacer {
	height: 0;
}

#heroShopHead {
	margin: 0;
	padding: 0;
	font-family: "Futura", sans-serif; 
  	font-weight: 700;
	font-size: 16rem;
	line-height: 12rem;
	letter-spacing: normal;
	text-align: center;
	color: rgba(65, 82, 90, 0.9);
}

#heroShopSubHead {
	margin: 0;
	padding: 0;
	font-family: "Futura", sans-serif; 
  	font-weight: 700;
	font-size: 4.5rem;
	letter-spacing: normal;
	text-align: center;
	color: rgba(65, 82, 90, 0.9);
}

#heroShopParagraph {
	margin: 0;
	padding: 0;
	font-family: "Futura", sans-serif; 
  	font-weight: 500;
	font-size: 1.5rem;
	letter-spacing: normal;
	text-align: center;
	color: rgba(65, 82, 90, 0.9);
	margin-top: -2rem;
}

.reconnectSupportItem {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.reconnectSupportItem:hover svg#Layer_2 .cls-1{
	fill: #f8c5a3;
}

.reconnectSupportItem:hover .reconnectSupportItemIcon h2.elementor-heading-title{
	color: #f8c5a3;
}

svg#Layer_2 {
	width: 64px;
	height: 64px;
	display: block;
	
}


// Order Tracking

#reconnectSupportOrderTrackingContainer {
	background-color: red !important;
	display: none !important;
	opacity: 0 !important;
	height: 0 !important;
 	overflow: hidden !important; 
    transition: opacity 0.5s ease, height 0.5s ease;
	
}

#reconnectSupportOrderTrackingContainer.open {
    opacity: 1; /* Fully visible */
    height: auto; /* Expands to full height */
}

#reconnectSupportOrderTrackingCloseBtn {
	cursor: pointer;
	width: fit-content;
}

#reconnectSupportOrderTrackingCloseBtn span.elementor-button-content-wrapper{
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#reconnectSupportOrderTrackingCloseBtn .elementor-button{
	width: 25px;
	height: 25px;
	padding: 1rem;
	background-color: #41525A;
	color: #f8c5a3;
	border: 1px solid #41525A;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

#reconnectSupportOrderTrackingCloseBtn .elementor-button:hover {
	background-color: rgba(255,255,255,0);
	color: #41525a;
	border: 1px solid #41525A;
}




#reconnectTrackingReset{
	border-radius: 1rem;
	border: 1px solid #41525a;
	padding: 1rem;
	cursor: pointer;
	width: fit-content;
		background-color: rgba(255,255,255,0);
	color: #41525a;
	transition: all 0.3s ease;
}


#reconnectTrackingReset:hover {
	background-color: #41525A;
	color: #f8c5a3;
}

#reconnectTrackingReset[style*="display: none"] {
  opacity: 0;
  pointer-events: none;
}

#reconnectTrackingReset .elementor-button-wrapper  .elementor-button-text {
	
	padding: 1rem;
	
}

.woocommerce-form-track-order p {
	color: #41525a;
	font-family: Futura, sans-serif;
	font-weight: 500;
	font-size: 1rem;
}

#reconnectSupportOrderTrackingContainer .reconnectSupportOrderTracking form.woocommerce-form label {
	color: #41525A;
	font-family: Futura, sans-serif;
	font-weight: 500;
	font-size: 1rem;
}

#reconnectSupportOrderTrackingContainer .reconnectSupportOrderTracking form.woocommerce-form input {
	background-color: #41525A;
	color: #f8c5a3;
	border-radius: 0.4rem;
	font-family: Futura, sans-serif;
	font-weight: 500;
	font-size: clamp(1rem, 1rem + 0vw, 1rem);
	padding: 0.8rem 1rem;
}

#reconnectSupportOrderTrackingContainer .reconnectSupportOrderTracking form.woocommerce-form input::placeholder {

	color: rgba(248, 197, 163, 0.8);
	border-radius: 0.4rem;
	font-family: Futura, sans-serif;
	font-weight: 500;
	font-size: clamp(1rem, 1rem + 0vw, 1rem);
}

#reconnectSupportOrderTrackingContainer .reconnectSupportOrderTracking form.woocommerce-form button.button {

	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	background-color: #41525a;
  	border: 1px solid #41525a;
  	color: #f8c5a3;
  	padding: 0.8rem 1.5rem;
  	font-size: 1rem;
  	text-transform: uppercase;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	border-radius: 12px;
}

#reconnectSupportOrderTrackingContainer .reconnectSupportOrderTracking form.woocommerce-form button.button:hover {

	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	background-color: #41525a;
	background-color: #f8c5a3;
  	color: #41525a;

}

#reconnectMailChimpFormaKontaktPage form.elementor-form input::placeholder {
	color: rgba(65, 82, 90, 0.8);
}
#reconnectMailChimpFormaKontaktPage form.elementor-form input {
	color: rgba(65, 82, 90);
	padding: 0.7rem 1rem;
	max-height: 35,69px;
}

#reconnectMailChimpFormaKontaktPage button.elementor-button {
	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	background-color: #f8c5a3;
  	border: 1px solid #f8c5a3;
  	color: #41525a;
  	padding: 0.8rem 1.5rem;
  	font-size: 1rem;
  	text-transform: uppercase;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	border-radius: 12px;
}

#reconnectMailChimpFormaKontaktPage button.elementor-button:hover {
	background-color: #41525a;;
	color: #f8c5a3;
}

#reconnectMailChimpFooterForma form.elementor-form input::placeholder {
	color: rgba(65, 82, 90, 0.8);
}

#reconnectMailChimpFooterForma form.elementor-form input {
	color: rgba(65, 82, 90);
	padding: 0.7rem 1rem;
}

#reconnectMailChimpFooterForma button.elementor-button {
	font-family: "Futura", sans-serif; 
  font-weight: 500; 
  background-color: #f8c5a3;
  border: 1px solid #f8c5a3;
  color: #41525a;
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 12px;
}

#reconnectMailChimpFooterForma button.elementor-button:hover {
	background-color: #41525a;;
	color: #f8c5a3;
}

/* Recently Viewed Products Styles */

.woocommerce.columns-3 {
    display: flex; /* Use Flexbox for layout */
    flex-wrap: wrap; /* Allow wrapping for products */
    justify-content: flex-start; /* Align items to the left */
    gap: 20px; /* Space between items */
    padding: 0; /* Add padding to the container */
    margin: 0 auto; /* Center the container */
    max-width: 100%; /* Optional: Limit container width */
    box-sizing: border-box;
    list-style: none; /* Remove default bullets or markers */
}

.woocommerce.columns-3 .product {
    flex: 0 1 calc(33.333% - 20px); /* 3 columns with proper spacing */
    text-align: center; /* Center-align product content */
    box-sizing: border-box;
    margin: 0; /* Ensure no extra margins */
    padding: 0px; /* Add padding for visual separation */
}

.woocommerce.columns-3 .product .woocommerce-LoopProduct-link {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.woocommerce.columns-3 .product img {
	width: 100%;
	border-radius: 1rem;
    max-width: 100%;
    height: auto;
}

.woocommerce.columns-3 .product .price bdi {
	color: #41525A;
	font-size: clamp(1.424rem, 0.7627rem + 2.116vw, 1.953rem);
	font-family: "Futura", sans-serif; 
  	font-weight: 700;
	align-self: flex-start;
}

.woocommerce.columns-3 .product h2 {
	color: #41525A;
    font-size: clamp(1.424rem, 0.7627rem + 2.116vw, 1.953rem);
    font-weight: 700;
    margin-top: 16px;
	margin-bottom: 0;
    text-align: center;
}

.woocommerce.columns-3 .button {
  	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	background-color: #f8c5a3;
  	border: 1px solid #41525A;
  	color: #41525A;
  	padding: 0.8rem 1.5rem;
  	font-size: 1rem;
  	text-transform: uppercase;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	border-radius: 12px;
	margin-top: 8px;
}

.woocommerce.columns-3 .button:hover {
    background-color: #41525A;
  	border: 1px solid #41525A;
  	color: #f8c5a3;
}

/* Fix unordered list markers and padding */
.woocommerce.columns-3 li {
    list-style: none; /* Ensure no list markers for <li> items */
    padding: 0; /* Reset padding */
}

/* Ensure alignment for recently viewed products */
.recently-viewed-products {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
}

.recently-viewed-products .product {
    flex: 0 1 calc(33.333% - 20px); /* Match grid layout */
    box-sizing: border-box;
    margin: 0; /* Reset margins */
}

/* Style adjustments for better aesthetics */
.recently-viewed-products .product img {
    border-radius: 5px; /* Optional: Add rounded corners to images */
    transition: transform 0.3s; /* Smooth hover effect */
}

.recently-viewed-products .product img:hover {
    transform: scale(1.05); /* Slight zoom on hover */
}


.primaryButtonDarkMyAccount button,
.primaryButtonDarkMyAccount .elementor-button {
  font-family: "Futura", sans-serif; 
  font-weight: 500; 
  background-color: rgba(255,255,255,0);
  border: 1px solid #41525A;
  color: #41525A;
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 12px;
}


.primaryButtonDarkMyAccount .elementor-button:hover {
  font-family: "Futura", sans-serif; 
  font-weight: 500; 
  background-color: #41525A;
	 color: #f8c5a3;
  
}

/* Blog Page Loop Items */

.squareReconnectBlogPost a.elementor-element {
	aspect-ratio: 1/1;
}

.squareReconnectBlogPost a.elementor-element > div {
	aspect-ratio: 1/1;
}

.squareReconnectBlogPost a.elementor-element > div > div {
	aspect-ratio: 1/1;
}

// Mobile Version of Button Hero Section


#primaryButtonMobile button,
#primaryButtonMobile .elementor-button {
  font-family: "Futura", sans-serif; 
  font-weight: 500; 
  background-color: #f8c5a3;	
  border: 1px solid #f8c5a3;
  color: #41525a;
  padding: 0.6rem 1rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 12px;
}

#primaryButtonMobile .elementor-button:hover {
	
	background-color: #41525A;
	color: #f8c5a3;
}

/* Blog Post Styles */

figure.reconnectArticleImage img{
	border-radius: 1rem !important;
	display: block;
	width: 100%;
}
/************************/
/*   Bundled Products   */
/************************/


/*****************/
/*   Cart Page   */
/*****************/

table.woocommerce-cart-form__contents {
	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	color: #41525a !important;
 
}

table.woocommerce-cart-form__contents thead tr th.product-name,
table.woocommerce-cart-form__contents thead tr th.product-price,
table.woocommerce-cart-form__contents thead tr th.product-quantity,
table.woocommerce-cart-form__contents thead tr th.product-subtotal{
	font-family: "Futura", sans-serif; 
  	font-weight: 500; 
  	color: red !important;
}

table.woocommerce-cart-form__contents thead{
	display: none !important;
}


table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-remove a{
	color: #41525a !important;
}

table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-remove a{
	color: red !important;
}

table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-remove {
	display: none !important;
}


table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-thumbnail  {
	border-radius: 8px;
	display: none !important;
}

table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-name a,
table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-price a,
table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-quantity a,
table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-subtotal a{
	color: #41525a !important;
}

table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-name strong {
	font-size: clamp(1.15rem, 0.96rem + 0.6vw, 1.5rem) !important;
	line-height: clamp(1.4em, 1.2em + 0.3vw, 1.6em) !important;
	text-wrap: balance !important;

}

table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-quantity,
table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-price,
table.woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-subtotal
{
	display: none !important;
}

.e-shop-table,
.e-cart-totals {
	border: 1px solid #41525a !important;
	border-radius: 1rem !important;
}

.e-cart-totals {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.e-cart-totals  .cart_totals h2 {
	font-size: clamp(1.15rem, 0.96rem + 0.6vw, 1.5rem) !important;
	line-height: clamp(1.4em, 1.2em + 0.3vw, 1.6em) !important;
	text-wrap: balance !important;
	color: #41525a !important;
	font-family: "Futura", sans-serif !important;
}

/* --- Međuzbir (Subtotal) --- */

/* Label (desktop + mobile) */
tr.cart-subtotal th,
tr.cart-subtotal td::before {
  font-family: "Futura", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #41525a;
}

/* Value */
tr.cart-subtotal td,
tr.cart-subtotal .woocommerce-Price-amount.amount {
  font-family: "Futura", sans-serif;
  font-weight: 400 !important;
  font-size: 1rem;
  color: #41525a;
}

/* --- Dostava (Shipping) --- */

/* Label (mobile only via data-title) */
tr.woocommerce-shipping-totals td::before {
  content: attr(data-title);
  display: inline-block;
  font-family: "Futura", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #41525a;
  margin-bottom: 4px;
}

/* Value */
tr.woocommerce-shipping-totals td,
tr.woocommerce-shipping-totals .woocommerce-Price-amount.amount {
  font-family: "Futura", sans-serif;
  font-weight: 400 !important;
  font-size: 1rem;
  color: #41525a;
}

/* --- Ukupno (Total) --- */

/* Label */
tr.order-total th {
  font-family: "Futura", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #41525a;
}

/* Value */
tr.order-total td,
tr.order-total .woocommerce-Price-amount.amount {
  font-family: "Futura", sans-serif;
  font-weight: 400 !important;
  font-size: 1rem;
  color: #41525a;
}

/* Kurirska sluzba */

.woocommerce-shipping-methods label {
  font-family: "Futura", sans-serif;
  font-weight: 700 !important;
  font-size: 1rem;
  color: #41525a;
}

/* Reset the price styling inside the label to avoid overriding */
.woocommerce-shipping-methods label .woocommerce-Price-amount.amount {
  font-weight: 400 !important;
  color: #41525a;
}


/* Promena adrese */

.woocommerce-shipping-calculator .shipping-calculator-button {
  font-family: "Futura", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #41525a !important;
  text-decoration: none;
  cursor: pointer;
text-decoration: underline;
  transition: all 0.2s ease;
}

.woocommerce-shipping-calculator .shipping-calculator-button:hover {
  font-weight: 500;
 
}

/* Proceed to Checkout Button – with animated hover effect */
.woocommerce-cart .checkout-button.button.alt.wc-forward {
  position: relative;
  overflow: hidden;
  font-family: "Futura", sans-serif;
  font-weight: 500;
  background-color: #41525A;
  border: 1px solid #41525A;
  color: #f8c5a3;
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.3s ease;
  border-radius: 12px;
  display: inline-block;
  text-align: center;
  z-index: 1;
}

/* Pseudo-element for background animation */
.woocommerce-cart .checkout-button.button.alt.wc-forward::after {
  content: '';
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  transition: top 0.3s ease;
  z-index: -1;
}

/* Hover state: slide down overlay */
.woocommerce-cart .checkout-button.button.alt.wc-forward:hover::after {
  top: 0;
}

/* Change text color on hover */
.woocommerce-cart .checkout-button.button.alt.wc-forward:hover {
  color: #41525A;
}

/* === Thank You Page Styling === */

/* Page title */


.woocommerce .woocommerce-order p.woocommerce-thankyou-order-received {
	font-family: "Futura", sans-serif;
  	font-size: clamp(1.5rem, 1rem + 1vw, 2.5rem);
  	font-weight: 600;
  	color: red;
	margin-top: 48px !important;
	margin-bottom: 48px !important;
}

.woocommerce .woocommerce-order ul.woocommerce-order-overview {
	margin-bottom: 12px !important;
}

.woocommerce-order-received .woocommerce h2 {
  	font-family: "Futura", sans-serif;
  	font-size: clamp(1.2rem, 0.8rem + 0.8vw, 2rem);
line-height: clamp(1.2, 1.1 + 0.2vw, 1.5);

  	font-weight: 700;
  	color: #41525A;
	margin-top: 48px !important;
	margin-bottom: 24px !important;
}

/* ===============================
   WooCommerce Thank You Page – Order Table Cleanup (Responsive)
   =============================== */

/* === General Font Defaults === */
.woocommerce-order-received .woocommerce-table--order-details {
  font-family: "Futura", sans-serif;
  color: #41525A;
  font-size: clamp(0.8125rem, 0.7rem + 0.4vw, 0.875rem);
  line-height: clamp(1.3, 1.2 + 0.2vw, 1.5);
}

/* === Header Labels (Proizvod, Svega, etc.) === */
.woocommerce-order-received .woocommerce-table--order-details th {
  font-weight: 500;
  font-size: clamp(0.8125rem, 0.7rem + 0.4vw, 0.875rem);
  line-height: clamp(1.3, 1.2 + 0.2vw, 1.5);
  padding: 4px 0 !important;
  vertical-align: top;
  color: #41525A;
}

/* === All values (item, total, shipping, etc.) === */
.woocommerce-order-received .woocommerce-table--order-details td {
  font-weight: 400;
  font-size: clamp(0.8125rem, 0.7rem + 0.4vw, 0.875rem);
  line-height: clamp(1.3, 1.2 + 0.2vw, 1.5);
  padding: 4px 0 !important;
  vertical-align: top;
  color: #41525A;
}

/* === Amount styling (prices & totals) === */
.woocommerce-order-received .woocommerce-table--order-details .woocommerce-Price-amount {
  font-weight: 400;
  font-size: clamp(0.8125rem, 0.7rem + 0.4vw, 0.875rem);
  line-height: clamp(1.3, 1.2 + 0.2vw, 1.5);
  color: #41525A;
}

/* === Normalize "Način plaćanja" value style === */
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:nth-child(3) td {
  font-family: "Futura", sans-serif;
  font-weight: 400 !important;
  font-size: clamp(0.8125rem, 0.7rem + 0.4vw, 0.875rem);
  line-height: clamp(1.3, 1.2 + 0.2vw, 1.5);
  color: #41525A;
}

/* === Quantity in product names === */
.woocommerce-order-received .woocommerce-table--order-details .product-quantity {
  all: unset;
  display: inline;
  font-family: "Futura", sans-serif;
  font-weight: 400;
  font-size: clamp(0.8125rem, 0.7rem + 0.4vw, 0.875rem);
  line-height: clamp(1.3, 1.2 + 0.2vw, 1.5);
  margin-left: 4px;
  color: #41525A;
}

/* === Fix Woo Address Columns (Billing + Shipping) === */
.woocommerce-order-received .woocommerce-columns address {
  all: unset;
  display: block;
  font-family: "Futura", sans-serif;
  font-weight: 400;
  font-size: clamp(0.8125rem, 0.7rem + 0.4vw, 0.875rem);
  line-height: clamp(1.3, 1.2 + 0.2vw, 1.5);
  color: #41525A;
  margin: 0;
  padding: 0;
}

/* === Address Columns Layout Fix === */
.woocommerce-order-received .woocommerce-columns--addresses {
  display: flex;
  align-items: flex-start; /* Align titles evenly */
  gap: 2rem;
}

/* === Normalize Address Paragraph Spacing === */
.woocommerce-order-received .woocommerce-columns address p {
  margin: 0 0 0.3rem 0;
  padding: 0;
}

.woocommerce-order-received .woocommerce-columns address p:last-child {
  margin-bottom: 0 !important;
}

/* === Remove Woo Icons (Phone/Email) === */
.woocommerce-order-received .woocommerce-customer-details--phone::before,
.woocommerce-order-received .woocommerce-customer-details--email::before {
  display: none !important;
  content: none !important;
}

/* === Remove Woo Icon Padding / Alignment Offsets === */
.woocommerce-order-received .woocommerce-customer-details--phone,
.woocommerce-order-received .woocommerce-customer-details--email {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Empty Cart Styles */

#wfc-cart-page .wc-empty-cart-message .cart-empty::before {
	display: none;
}



/* Checkout Page Styles */

form.woocommerce-checkout .e-checkout__order_review-2 button#place_order,
form.woocommerce-checkout .e-coupon-box .coupon-col-2 button.e-apply-coupon {
	position: relative;
  	overflow: hidden;
  	font-family: "Futura", sans-serif;
  	font-weight: 500;
  	background-color: #41525A !important;
  	border: 1px solid #41525A !important;
  	color: #f8c5a3 !important;
  	padding: 0.8rem 1.5rem;
  	font-size: 1rem;
  	text-transform: uppercase;
  	cursor: pointer;
  	transition: color 0.3s ease;
  	border-radius: 12px !important;
  	display: inline-block;
  	text-align: center;
  	z-index: 1;
}

form.woocommerce-checkout .e-checkout__order_review-2 button#place_order::after,
form.woocommerce-checkout .e-coupon-box .coupon-col-2 button.e-apply-coupon::after {
	content: '';
  	position: absolute;
  	top: -100%;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background-color: white;
 	transition: top 0.3s ease;
  	z-index: -1;
}

form.woocommerce-checkout .e-checkout__order_review-2 button#place_order:hover::after,
form.woocommerce-checkout .e-coupon-box .coupon-col-2 button.e-apply-coupon:hover::after{
	top: 0;
}

form.woocommerce-checkout .e-checkout__order_review-2 button#place_order:hover,
form.woocommerce-checkout .e-coupon-box .coupon-col-2 button.e-apply-coupon:hover {
  	color: #41525A !important;
}


/*********************/
/*   Reviews Score   */
/*********************/

.reconnectReviewScore {
	align-items: center;
	justify-content: flex-start;
}

/********************/
/*   Account Page   */
/********************/

/* Base table styles */
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders {
  font-family: "Futura", sans-serif;
  font-weight: 500;
  color: #41525a;
  border: none !important;
  border-collapse: collapse;
}

/* Remove all borders */
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders,
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders th,
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders td,
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tr {
  border: none !important;
  box-shadow: none !important;
}

/* Cell padding */
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders th,
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders td {
  padding: 8px 12px;
}

/* Force-remove all odd/even background striping */
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:nth-child(odd),
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:nth-child(even),
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:nth-of-type(odd),
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:nth-of-type(even),
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr.woocommerce-orders-table__row {
  background-color: transparent !important;
  background: none !important;
}

/* Smooth transitions for hover */
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr {
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* ✅ Custom hover effect for ALL rows (even and odd) */
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:hover {
  background-color: #41525a !important;
  color: #f8c5a3 !important;
}

/* Change link color inside hovered row */
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:hover a {
  color: #f8c5a3 !important;
}

/* Reset default link color in first column */
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders th.woocommerce-orders-table__cell-order-number a {
  color: #41525a !important;
  text-decoration: none;
  font-weight: 500;
}

/* Change link color in first column on row hover */
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:hover th.woocommerce-orders-table__cell-order-number a {
  color: #f8c5a3 !important;
}

/* Remove background from individual cells in odd rows */
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:nth-child(odd) th,
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:nth-child(odd) td,
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:nth-of-type(odd) th,
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:nth-of-type(odd) td {
  background-color: transparent !important;
  background: none !important;
}

/* Style the WooCommerce order action buttons */
.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-actions a.woocommerce-button {
  background-color: #f8c5a3 !important;
  color: #41525a !important;
  font-family: "Futura", sans-serif !important;
  font-weight: 500 !important;
  border: 1px solid #f8c5a3 !important;
  padding: 0.6rem 1.2rem !important;
  font-size: 0.8rem !important;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  text-align: center;
  box-shadow: none !important;
  text-decoration: none !important;
  display: inline-block;
  line-height: 1.2;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.woocommerce-MyAccount-content table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell-order-actions a.woocommerce-button:hover {
 background-color: #41525a !important;
  color: #f8c5a3 !important;
  border-color: #f8c5a3 !important;
}

/* Product Short Description */

.noBulletReconnect {
	
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 1rem;
	
}

ul.noBulletReconnectNoPadding {
	
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

ul.noBulletReconnectNoPadding li {
	
	padding: 0;
	margin:0;
}



/* Detox Ritual Single Product Package Contents Styles */

.woosb-products-layout-list .woosb-product-type-simple .woosb-title .woosb-name, 
.woosb-products-layout-list .woosb-product-type-simple .woosb-title .woosb-name a,
.woosb-products-layout-list .woosb-product-type-simple .woosb-price .woosb-price-ori span.woocommerce-Price-amount bdi
{
	color: #41525a;
	font-family: "Futura", sans-serif !important;
    font-weight: 500 !important;
	font-size: 0.8rem !important;
}

.woosb-products-layout-list .woosb-product-type-simple .woosb-thumb-ori img {
	border-radius: 4px;
}

/* Out of Stock */

.elementor-widget-woocommerce-product-add-to-cart .elementor-product-simple p.out-of-stock,
.elementor-widget-woocommerce-product-add-to-cart .elementor-product-woosb p.out-of-stock
{
	
	color: #e93368;
	font-family: "Futura", sans-serif !important;
    font-weight: 500 !important;
	font-size: 1.4rem !important;
	text-decoration: underline;
	
}

.elementor-widget-woocommerce-product-add-to-cart .elementor-product-woosb .woosb-bundled .woosb-availability p.out-of-stock {
	display: none !important;
}


/* ===== Out-of-stock (RASPRODATO) presentation ===== */

/* 1) Hide qty + any buttons in loops for OOS products */
.product.outofstock .custom-quantity-wrapper,
.product.outofstock .quantity,
.product.outofstock form.cart button,
.product.outofstock .btn-quantity {
  display: none !important;
}

/* 2) Center the area where the label sits */
.product.outofstock form.cart {
  display: flex !important;
  align-items: center !important;   /* vertical center */
  justify-content: left !important; /* horizontal center */
  gap: 0 !important;
  min-height: 52px; /* adjust if your controls are taller/shorter */
  width: 100%;
}

/* 3) Style the RASPRODATO label */
.rasprodato-label.wc-out-of-stock {
  display: inline-block;
  pointer-events: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;

  color: #e93368;
  font-family: "Futura", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.4rem !important;
  text-decoration: underline;
  line-height: 1;
}

/* Choos Options Button for Ritual Package */

#choose-options-4741 {
  font-family: "Futura", sans-serif;
  font-weight: 500;
  background-color: #41525A;
  border: 1px solid #41525A;
  padding: 0.8rem 2.2rem;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 12px;
  color: #f8c5a3;
  display: inline-block;
  text-align: center;

}

form.cart.e-loop-add-to-cart-form:has(#choose-options-4741) {
  justify-content: flex-end;
}

.elementor-widget-container p.stock {display:none !important;}