/*
 Theme Name:     Divi Child Theme
 Template:       Divi
*/

/* ----------------------------------------------------------------------- 
############ Fonts START #################################################
----------------------------------------------------------------------- */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/Divi-Child/fonts/google/mulish-v10-latin-regular.woff2') format('woff2'),
       url('/wp-content/themes/Divi-Child/fonts/google/mulish-v10-latin-regular.woff') format('woff');
}

@font-face {
    font-family: 'ETmodules';
    src: url('/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff') format('woff');
    font-display: swap;   /* Because not default by divi  */
}

@font-face {
	font-family: FontAwesome;
	font-weight: 400;
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.eot);
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.woff2) format("woff2"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.woff) format("woff"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.ttf) format("truetype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg");
	font-display: swap;   /* Because not default by divi  */
}

@font-face {
	font-family: FontAwesome;
	font-weight: 900;
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.eot);
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff2) format("woff2"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff) format("woff"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.ttf) format("truetype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg");
	font-display: swap;   /* Because not default by divi  */
}

@font-face {
	font-family: FontAwesome;
	font-weight: 400;
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.eot);
	src: url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff2) format("woff2"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff) format("woff"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.ttf) format("truetype"), 
	url(/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg");
	font-display: swap;   /* Because not default by divi  */
}

@font-face {
  font-family: 'Woo-Side-Cart';
  src:  url('/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.eot');
  src:  url('/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.eot#iefix') format('embedded-opentype'),
    url('/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.ttf') format('truetype'),
    url('/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.woff') format('woff'),
    url('/wp-content/plugins/side-cart-woocommerce/assets/css/fonts/Woo-Side-Cart.svg#Woo-Side-Cart') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.xoo-wsch-text,
.xoo-wscb-count,
.xoo-wsc-qty-price,
.xoo-wsc-pname,
.variation-Lnge,
.xoo-wsc-ft-amt,
.xoo-wsc-ft-btn,
.xoo-wsc-smr-del,
.xoo-wsc-footer-txt,
.xoo-wsc-empty-cart {
	 font-family: 'Mulish';
}


/* Underline current + parent/ancestor items in Divi menu */
 li.current-menu-item > a > span,
 li.current-menu-parent > a > span,
 li.current-menu-ancestor > a > span,
 li.current-page-ancestor > a > span,
 li.is-active-trail > a > span {
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}


/* ----------------------------------------------------------------------- 
############ Fonts END ###################################################
----------------------------------------------------------------------- */




/* ----------------------------------------------------------------------- 
############ DEFAULTS START ##############################################
----------------------------------------------------------------------- */
iframe {width: 100%;}

:root { 
--primary-color: #51284F; 
--secondary-color: #c15d61;
}
/* ----------------------------------------------------------------------- 
############ DEFAULTS END ################################################
----------------------------------------------------------------------- */


/* ----------------------------------------------------------------------- 
############ FONT-STYLING START ##########################################
----------------------------------------------------------------------- */
:root {
  /*  Minimum 360px - maximum 1200px content  */	
 --font-size-regular: clamp(14px, calc(14px + (15 - 14) * ((100vw - 360px) / (1200 - 360))), 15px); /* 14px - 15px */
}

body{
  font-size: var(--font-size-regular) !important;
}
#page-container{
  font-family: 'Mulish', Helvetica, sans-serif !important;
}

h1 {
  font-size: clamp(25px, 5vw, 42px);
  text-align: center;
  line-height: clamp(32px, 8vw, 70px);
  font-weight: 700;
}

h2 {
  font-size: clamp(22px, 4.5vw, 36px);
  text-align: center;
  line-height: clamp(28px, 7vw, 70px);
}


.v64-text-align-left h1,
.v64-text-align-left h2 {
	text-align: left!important;
}

/* ----------------------------------------------------------------------- 
Credit table
----------------------------------------------------------------------- */

/* Utilities */
.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.credit-offer {
  margin: 2rem 0;
  text-align: center;
}

.credit-title {
  display: block;
  font-weight: 700;
  font-size: clamp(18px, 3.5vw, 28px);
  line-height: clamp(24px, 5vw, 36px);
  margin: 0 0 1rem;
}


/* Table base */
.finance-table {
  width: 100%;
  border-collapse: collapse;
  font-size: clamp(14px, 2.5vw, 16px);
  line-height: 1.5;
}

.finance-table th,
.finance-table td {
  padding: 12px 14px;
  text-align: center;
  border: 1px solid #e5e7eb; /* light gray */
}

/* Header style */
.finance-table thead th {
  font-weight: 700;
  background: #f8fafc; /* subtle header bg */
}

/* Zebra rows (desktop) */
.finance-table tbody tr:nth-child(odd) td {
  background: #fcfcfd;
}

/* Mobile: stack rows into cards */
@media (max-width: 640px) {
  .finance-table {
    border: 0;
  }

  .finance-table thead {
    display: none;
  }

  .finance-table, 
  .finance-table tbody, 
  .finance-table tr, 
  .finance-table td {
    display: block;
    width: 100%;
  }

  .finance-table tr {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
  }

  .finance-table td {
    text-align: left;
    border: 0;                /* remove inner borders */
    border-bottom: 1px solid #f1f5f9;
    padding: 10px 14px;
  }

  .finance-table td:last-child {
    border-bottom: 0;
  }

  .finance-table td::before {
    content: attr(data-label);
    display: block;
	margin-right: 10px;
    font-weight: 600;
    margin-bottom: 4px;
    opacity: 0.75;
  }
}


/* ----------------------------------------------------------------------- 
############ FONT-STYLING END ############################################
----------------------------------------------------------------------- */



/* ----------------------------------------------------------------------- 
############ HEADER START ################################################
----------------------------------------------------------------------- */

/*  Boxed Layout  */
#page-container {max-width: 1390px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);margin: auto;}
@media (max-width: 1390px) {header .et_pb_sticky--top {left: 0px!important;}}	

/* ----------------------------------------------------------------------- 
Divi: Define Icons and Topbar in Header
----------------------------------------------------------------------- */
/*  Adjust All Modules Types in the Middle  */
header .et_pb_text_inner, header .et_pb_text_inner * {display:flex;display:-webkit-flex;display:-ms-flexbox;justify-content:center;align-items:center;}	


/*  Adjust Logo  */
@media all and (max-width: 980px) {
	header .v64-header-logo {display:flex;display:-webkit-flex;display:-ms-flexbox;align-items:center;line-height: 0px;
		height:60px;}
}
@media all and (min-width: 981px) {
	header .v64-header-logo {display:flex;display:-webkit-flex;display:-ms-flexbox;align-items:center;line-height: 0px;
		justify-content:center;  /* Remove to left align logo */
		height:120px;}
}


/*  Icons sizing equal hamburger size  */
@media all and (max-width: 980px) {
	header .et-pb-icon{font-size: 20px!important;}
}


@media all and (min-width: 981px) {
	header .v64-header-info span{font-size: 30px !important;}
	header .v64-header-info a{font-weight:600;display: block!important;text-align:center;}	 
	header .v64-header-info a[href="/sale/"]::after {content: " SALE %";display: block;}
	header .v64-header-topbar .et-pb-icon {font-size: 1.2rem!important;padding-right:7px;}  /* Icons a bit bigger than font  */
	header .v64-header-topbar img {padding-right:10px;}
	header .v64-header-topbar {background-color: var(--primary-color);}
	header .v64-header-topbar a, .v64-header-topbar p, .v64-header-topbar {color:white!important; font-size:15px!important;  line-height: 20px!important; }	
	header .v64-header-topbar{
			padding: 8px 0px;
		}	
}

/*  Topbar Buttons   START ---------------
@media all and (min-width: 981px) {
	header .v64-header-button button {
		background-color: transparent !important;
		padding: 5px 12px !important;
		color: white;
		border: 1px solid white;
		border-radius: 3px;
		cursor: pointer;
		font-size: inherit;
	}
	header .v64-header-button button:hover {
		background-color: white !important;
		color: var(--primary-color);
		border: 1px solid white;
	}
}
Topbar Buttons END --------------- */



/*  Underline Menu on Hover   START ---------------
@media all and (min-width: 981px) {
	ul.et-menu>li>a:hover:before{width:100%;margin-left: -50%;opacity: 1;}
	ul.et-menu>li>a:before {content: '';display: block;left: 50%;position: absolute;transition: all .1s ease-in-out;opacity: 0;border-radius: 0;
		background: var(--secondary-color);
		height: 2px;
		top: 43px;
	}
}
Underline Menu on Hover END --------------- */



/*  Info Area */
.v64-header-info a{
	color: var(--secondary-color)!important;
}

.v64-header-section {
	max-width: 100%!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}

.v64-header-section .et_pb_row {
	max-width: 100%!important;
	width: 100%!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}

.v64-header-topbar.filter-left,
.v64-header-topbar.filter-right {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	flex-basis: calc(50% - 375px)!important;
}

.v64-header-topbar.v64-delivery,
.v64-header-topbar.v64-buy-now,
.v64-header-topbar.v64-phone {
	margin-top: auto!important;
	margin-bottom: auto!important;
	text-align: center!important;
	flex-basis: 250px!important;
}

.filter-left,
.filter-right {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	flex-basis: 2%!important;
}

.v64-search-bar {
	margin-top: auto!important;
	margin-bottom: auto!important;
	flex-grow: 1!important;
	flex-shrink: 1!important;
	flex-basis: 0!important;
}

.v64-cart,
.v64-search-icon {
	display:none!important;
}

.v64-header-logo {
	margin-top: auto!important;
	margin-bottom: auto!important;
	flex-basis: 24%!important;
}

.v64-menu {
	margin-top: auto!important;
	margin-bottom: auto!important;
	flex-basis: 100%!important;
}

.v64-sale {
	margin-top: auto!important;
	margin-bottom: auto!important;
	flex-basis: 24%!important;
}

@media all and (max-width: 980px){
	.v64-header-topbar.filter-left,
	.v64-header-topbar.v64-delivery,
	.v64-header-topbar.v64-buy-now,
	.v64-header-topbar.v64-phone,
	.v64-header-topbar.filter-right {
		display: none!important;
	}
	
	.filter-left {
		flex-basis: 2%!important;
		order: 1!important;
	}
	
	.filter-right {
		flex-basis: 2%!important;
		order: 7!important;
	}
	
	.v64-sale {
		flex-basis: 50px!important;
		order:5!important;
	}
	
	.v64-cart {
	margin-top: auto!important;
	margin-bottom: auto!important;
	flex-basis: 50px!important;
	display: flex !important;
	order:4!important;
	justify-content: center;
}		
	
	.v64-menu {
		flex-basis: 50px!important;
		order: 6!important;
		flex-grow: 0!important;
		flex-shrink: 0!important;
	}
	
	.v64-header-logo {
		flex-grow: 1!important;
		flex-shrink: 1!important;
		flex-basis: 0!important;
		order: 2!important;
	}
	
  .aws-search-bar {
    order: 8;
    flex: 1 0 100% !important;
    display: none;

  }

  .aws-search-bar.show {
    display: block;
  }
  
  .aws-container .aws-search-form .aws-search-btn_icon {
    width: 40px!important;
}

.v64-search-icon {
flex-basis: 50px!important;
	order: 3!important;
	display: flex!important;
	justify-content: center;
}

	
}



/* ----------------------------------------------------------------------- 
MENU: Styling
.et-menu 			= The UL Menu DESKTOP
.et_mobile_menu		= The UL Menu MOBILE
.sub-menu 			= The UL (2nd Level) Dropdowns  in Both DESKTOP & MOBILE!!!
----------------------------------------------------------------------- */
/* Menu Cursor for Hashed Menu Items */
@media all and (min-width: 981px) {.v64-menu-cursor > a {pointer-events: none;}}

/* Current URL Formating - START ---------------
a[aria-current="page"] {text-decoration: underline;} 
Current URL Formating END --------------- */

/* Border top & bottom: Mobile Column and Desktop Sticky Element > Menu */
.v64-header-column, header .et_pb_sticky--top {
	border-bottom: 1px solid var(--primary-color);box-shadow: 0px 12px 20px -2px rgba(128,128,128,0.3);-webkit-box-shadow: 0px 12px 20px -2px rgba(128,128,128,0.3);
}

/* Menu Color */
.et-menu li a, .et_mobile_menu li a, .sub-menu li a{
    color: var(--primary-color) !important;
}

/* Menu Font Size */
.et-menu li a, .et-menu .sub-menu li a, .xoo-wsc-sc-subt .woocommerce-Price-amount{
	font-size: 15px!important;
	font-weight: 300!important;
}

.et_mobile_menu li a, .et_mobile_menu .sub-menu li a{
	font-size: 14px!important;
	/* Set font-weight for mobile in customizer > divi toolxbox > mobile menu Links */
}
	
	
/* Height of the menu items  - ADJUST HERE */
.et-menu li a {
	line-height:60px;
}
.et-menu .sub-menu li a  {
	line-height:40px;
}
.et_mobile_menu li a{
	line-height:25px;
}

.v64-services-submenu ul {
	left: -60px!important;
}

@media all and (min-width: 981px) {
	/* Menu Spacing */
	.et-menu>li {padding-left: 11px!important;padding-right: 11px!important;}
	
	/* Hover */
	.et-menu li a:hover, .et-menu .sub-menu li a:hover{color: var(--secondary-color) !important;opacity:1!important;}
	
	/* Drop-Down adjustments */
	.et-menu li ul {width:auto;}	
	.et-menu li li a {white-space: nowrap;
		width:250px;
	}
	.et-menu .sub-menu, .et-menu .sub-menu li {padding:0 0!important;}
	.et-menu > li > a {padding-bottom:0!important;}
}

@media (min-width: 981px) and (max-width: 1050px) {
	.et-menu>li {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
}

/* Big Menues + Change Menu Fonts START ---------------
@media all and (max-width: 1110px) {	
	.et_pb_menu .et-menu>li {padding-left: 8px!important;padding-right: 8px!important;}
	.et_pb_menu .et-menu>li a{letter-spacing: -1px;}
}
Big Menues + Change Menu Fonts END --------------- */


/* ----------------------------------------------------------------------- 
MENU: Mobile Dropdown
----------------------------------------------------------------------- */
@media all and (max-width: 980px) {
	.et_mobile_menu {position: absolute;width: 100vw !important;top: 43px !important;} /* Positioning the drop-down container */
	.et_mobile_menu {transform:translateX(calc(-98vw + 50px));-webkit-transform: translateX(calc(-98vw + 50px));-ms-transform: translateX(calc(-98vw + 50px));} 
	.et_mobile_menu .sub-menu-toggle {width: 50px!important;margin-right: 2%;} /* Adjust Toggle in Dropdown*/
	.et_mobile_menu .sub-menu-toggle::before {font-size: 25px!important;font-weight: 800!important;}
}	
	
/* ----------------------------------------------------------------------- 
############ HEADER END ##################################################
----------------------------------------------------------------------- */	
	
	
/* ==================================
	Container and Site Widths
===================================== */
	
/*Width of the Main content Area*/
#et-main-area .et_pb_row, #et-main-area .container {
	width: 96%; /*Don't make higher than 96 otherwise we have issues with spacing on the main content*/
}	
	

@media all and (max-width: 980px) {
	.et_pb_row {
		width: 96%;
		min-width: 96%;
	}
}

/*Accessability links */
.v64-link-underline a, a.v64-link-underline {text-decoration: underline!important;}




/* ===================================
	Lists and Bullets								
======================================= */
	/*New Bullet Layout / 05.10.2020 */
	.entry-content ul, .entry-content ol { 
		margin-left: 0em !important;
		list-style-position: inside;
		padding: 0.5em 0 1em 0em;

	}
	
	.entry-content ul ul {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: 1em!important;
	}
	
.entry-content li { 
	margin: 0.5em 0em 0.5em 0em;
}

.entry-content ul li {
	list-style-position: outside;
	margin-left: 1em;
}







/*** ------------------------------------------------------------
 THEME BUILDER FOOTER												
-------------------------------------------------------------***/

/* ========================================
	Theme Builder FOOTER - SECTION Mainbar
=========================================== */

#et-boc #v64-section-themebuilder-main li {
	line-height: 2em;
}

#et-boc #v64-section-themebuilder-main p {
    margin-left: 20px;
	position: relative;
	padding-left: 8px;
}

/* DONT use H-Tags on the footer headlines */
#et-boc #v64-section-themebuilder-main .v64-footer-titles {
	font-size: 16px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
}

@media (min-width: 981px) and (max-width: 1105px) {
.v64-footer-links a {
	font-size: 12.5px!important;
}

.v64-footer-heading {
	font-size: 17px!important;
}

}




/*** ------------------------------------------------------------
 Watch Blurbs									
-------------------------------------------------------------***/

.v64-watch-blurb .et_pb_module_header,
.v64-bespoke-blurb .et_pb_module_header {
	text-align: center;
	font-size: 18px;
	Color: black;
}





/*** ------------------------------------------------------------
Homepage 2									
-------------------------------------------------------------***/

.v64-brands-we-love {
    font-weight: 600;
    font-size: clamp(24px, 4vw, 50px);
    color: black !important;
    padding-top: 0;
    padding-right: 0;
    line-height: clamp(28px, 5vw, 60px); /* optional for balance */
}

.v64-ring-size-cta-title {
    font-weight: 600;
    font-size: clamp(24px, 4vw, 40px);
    color: white !important;
    padding-top: 0;
    padding-right: 0;
    line-height: clamp(28px, 5vw, 40px); /* optional for balance */
}

.v64-brand {
    color: #333333 !important;
    font-size: clamp(20px, 3vw, 38px);
    margin-bottom: 20px;
    margin-left: 0;
    line-height: clamp(26px, 4vw, 50px);
}

.v64-brand-text {
    padding-left: 90px;
    width: 80%;
	padding-bottom: 50px;
	padding-top: 50px;
}



@media (min-width: 981px) and (max-width: 1440px) {
	.v64-homepage-button-row .et_pb_column {
		height: 350px!important;
	}
}

@media (min-width: 768px) and (max-width: 980px) {
	.v64-brand-section .et_pb_column.et_pb_column_empty {
		display: block;
		height: 400px;
	}
	
}

.et_pb_row.reverse-columns-mobile .et_pb_column:last-child,
.et_pb_row.reverse-columns-mobile .et_pb_column.et-last-child {
    margin-bottom: 0px!important;
}

@media all and (max-width: 767px) {	
	.v64-brand-section .et_pb_column.et_pb_column_empty {
			display: block;
			height: 250px;
		}
		
	.v64-brand-text {
		padding-left: 30px;
	}
}

.et_pb_pricing ul li {
    margin-left: 0em;
	text-align: center;
}

.et_pb_featured_table .et_pb_pricing_content {
		min-height: 477px!important;
	}
	
@media all and (max-width: 980px) {	
	.et_pb_featured_table .et_pb_pricing_content {
		min-height: 0!important;
	}
}

/* Filter Button */

@media all and (max-width: 980px) {	
	.irs--round.irs-with-grid {
		height: 65px;
		width: 95%;
		margin: 20px auto;
	}

	.irs--round .irs-to {
		left: 90%;
	}
}


/* Paypal Instalment Styling - Product Page */

#ppcp-messages {
    margin-top: 10px!important;
}

@media all and (min-width: 980px) {	

.product-video {
	width: 560px!important;
	height: 315px!important;
}

.fluid-width-video-wrapper {
	padding-top: 315px!important;
}

}




.woocommerce span.pre-owned, .woocommerce-page span.pre-owned{
	z-index: 2;
    background: #50284E !important;
    border-radius: 3px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff;
    font-size: 16px;
    font-weight: 500 !important;
    left: 10px !important;
    line-height: inherit !important;
    margin: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 6px 10px !important;
    position: absolute;
    text-shadow: none !important;
    top: 10px !important;
}

.woocommerce span.onsale, .woocommerce-page span.onsale {
    font-size: 16px;
}

@media all and (max-width: 430px) {	
.woocommerce span.pre-owned, .woocommerce-page span.pre-owned,
.woocommerce span.onsale, .woocommerce-page span.onsale{
    font-size: 14px;
}

.woocommerce span.pre-owned, .woocommerce-page span.pre-owned{
    left: 81px !important;
    padding: 6px 4px !important;
	font-size: 14px;
}

}



.chosen-container-single .chosen-search {
    display: none;
}

.chosen-container .chosen-results,
.chosen-container-active.chosen-with-drop .chosen-single,
.v64-mobile-filter .chosen-container {
    text-align: left!important;
}

@media all and (max-width: 980px) {
	.woocommerce form .form-row input.input-text {
		padding: 8px!important;
	}
	
	.et_pb_wc_checkout_billing .select2-container .select2-selection--single {
		min-height: 0px!important;
		padding: 8px!important;
	}
}



.single-product .et_pb_toggle .et_pb_toggle_title {
	display: block;
	color: black;
}


.et_pb_toggle .et_pb_toggle_title {
	display: block;
    font-weight: 600;
    font-size: 16px;
    color: black;
}
















/* ----------------------------------------------------------------------- 
Plugin: Search bar - Hide / Show on Click 
----------------------------------------------------------------------- */
/* Versteckter Zustand des Divs */
@media(max-width: 980px) {
	.aws-search-bar {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: max-height 0.5s ease, opacity 0.5s ease;
		-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
	}
	
	/* Sichtbarer Zustand des Divs */
	.aws-search-bar.show {
		display: block;
		max-height: 500px; /* Setze dies auf eine Größe, die groß genug ist für den Inhalt */
		opacity: 1;
	}
}




/* ----------------------------------------------------------------------- 
Plugin: Side Cart - show Item
----------------------------------------------------------------------- */

@media(max-width: 980px) {
	/* Hide Price output on mobile */
	.xoo-wsc-sc-subt .woocommerce-Price-amount {
		display: none!important;
	}
	
	/* Standardmäßig ausblenden (z.B. auf mobilen Geräten) */
	.xoo-wsc-menu-item {
		display: none;
	}	

	/* Align Icon on Mobile vertical */
	.xoo-wsc-sc-cont{
		line-height: 0px;
	}	
}

/* Show Price right of the symbol */
@media(min-width: 981px) {
    /* Auf Desktops anzeigen */
	.xoo-wsc-menu-item {
        display: block;
    }
	
	.xoo-wsc-sc-cont{
		margin-top: auto;
		margin-bottom: auto;
	}
	.xoo-wsc-sc-cont .xoo-wsc-cart-trigger {
		flex-direction: row-reverse;
	}

	/* format Price output */
	.xoo-wsc-sc-subt .woocommerce-Price-amount {
		margin-left: 7px;
	}	
}

/* Color amount  */
span.xoo-wsc-sc-count {
    background: var(--primary-color);
}

/* ----------------------------------------------------------------------- 
Youtube Video Icon
----------------------------------------------------------------------- */
.wcgs-video-icon:after {
    color: #52274F;
}

/* ----------------------------------------------------------------------- 
Valuation table
----------------------------------------------------------------------- */

/* —— Valuation Table Styles —— */
.valuation-table-wrap {
  margin: 1rem 0 1.5rem;
}

.valuation-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid #e5e7eb; /* light grey */
  border-radius: 8px;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.5;
}

.valuation-table caption {
  text-align: left;
  font-weight: 600;
  padding: 0.75rem 1rem;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}

.valuation-table thead th {
  text-align: left;
  background: #f3f4f6;
  font-weight: 600;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
}

.valuation-table th[scope="row"] {
  font-weight: 600;
}

.valuation-table td,
.valuation-table th[scope="row"] {
  padding: 0.75rem 1rem;
  vertical-align: top;
  border-bottom: 1px solid #f1f5f9;
}

.valuation-table tbody tr:last-child td,
.valuation-table tbody tr:last-child th[scope="row"] {
  border-bottom: none;
}

/* Zebra striping for readability */
.valuation-table tbody tr:nth-child(odd) td,
.valuation-table tbody tr:nth-child(odd) th[scope="row"] {
  background: #fcfcfd;
}

/* Responsive: stack cells on small screens */
@media (max-width: 980px) {
  .valuation-table thead {
    display: none;
  }
  .valuation-table, .valuation-table tbody, .valuation-table tr, .valuation-table td, .valuation-table th[scope="row"] {
    display: block;
    width: 100%;
  }
  .valuation-table tr {
    border-bottom: 1px solid #e5e7eb;
    padding: 0.5rem 0;
  }
  .valuation-table th[scope="row"] {
    background: #f9fafb;
    border-bottom: 0;
    border-left: 4px solid #51284F; /* accent */
    padding-left: 0.75rem;
    margin-bottom: 0.25rem;
  }
  .valuation-table td {
    padding: 0.4rem 1rem;
  }
  .valuation-table td::before {
    content: attr(data-label);
    display: block;
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 0.1rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
}




/* ----------------------------------------------------------------------- 
Christmas Changes
----------------------------------------------------------------------- */

/*
.xmas-stars-float {
  position: relative;
  overflow: hidden;
}

.xmas-stars-float::before {
  content: "✦ ✨ ✧";
  position: absolute;
  top: 12%;
  left: 8%;
  font-size: 42px; 
  color: #d4af37; 
  opacity: 0.7;
  animation: starFloat 6s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 2;
}

.xmas-stars-float::after {
  content: "✧ ✦ ✨";
  position: absolute;
  bottom: 12%;
  right: 6%;
  font-size: 36px; 
  color: #f5e6b1;
  opacity: 0.7;
  animation: starFloat2 7s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 2;
}

@keyframes starFloat {
  0% { transform: translateY(0) rotate(0deg); }
  100% { transform: translateY(-10px) rotate(8deg); }
}

@keyframes starFloat2 {
  0% { transform: translateY(0) rotate(0deg); }
  100% { transform: translateY(10px) rotate(-8deg); }
}

@media (max-width: 981px) {
	.xmas-stars-float::before {
		display: none!important;
	}
	
}

.v64-brands-we-love.christmas,
.v64-brand.christmas,
.v64-brand-text.christmas p,
.v64-brand-text.christmas a{
	color: white!important;
}

.v64-brands-we-love.christmas {
	    font-size: clamp(24px, 4vw, 45px)!important;
}

.sky { position: relative; }
.sky > canvas.snow-canvas {
  position: absolute;
  inset: 0;
  z-index: 50;           
  pointer-events: none;  
}
*/

.v64-brands-we-love.christmas,
.v64-brand.christmas,
.v64-brand-text.christmas p,
.v64-brand-text.christmas a{
	color: white!important;
}


/* WooCommerce Pagination Styling */
.woocommerce-pagination {
    margin: 40px 0;
    text-align: center!important;
}

.woocommerce-pagination .page-numbers {
    display: inline-flex;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-pagination .page-numbers li {
    display: inline-block;
}

.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
    display: block;
    padding: 8px 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 15px;
    text-decoration: none;
    color: #333;
    transition: all 0.2s ease-in-out;
}

/* Hover */
.woocommerce-pagination .page-numbers a:hover {
    background: #f2f2f2;
    border-color: #999;
}

/* Active Page */
.woocommerce-pagination .page-numbers .current {
    background: #51284F;
    border-color: #000;
    color: #fff;
    font-weight: 600;
    cursor: default;
}

/* Dots */
.woocommerce-pagination .page-numbers .dots {
    border: none;
    background: transparent;
    padding: 8px 0;
    cursor: default;
}

/* Previous/Next Arrows */
.woocommerce-pagination .prev,
.woocommerce-pagination .next {
    font-weight: 600;
}

/* Fix pagination on mobile (≤767px) */
@media (max-width: 767px) {
    .woocommerce .woocommerce-pagination,
    .woocommerce-page .woocommerce-pagination {
        margin: 25px 0;
        padding: 0 10px; /* adds side padding so it doesn't touch edges */
    }

    .woocommerce-pagination .page-numbers {
        flex-wrap: wrap;           /* allow buttons to move onto two lines */
        justify-content: center;   /* keep everything centered */
        gap: 4px;                  /* tighter spacing */
    }

    .woocommerce-pagination .page-numbers a,
    .woocommerce-pagination .page-numbers span {
        padding: 6px 10px;         /* smaller buttons for mobile */
        font-size: 14px;
    }
}

#gifts-for-her .woocommerce-pagination {
	    text-align: inherit !important;
}

.v64-carousel .dica_divi_carouselitem .dica-image-container .image {
    border: 1px solid #e5e5e5;
}


.v64-carousel .dica_divi_carouselitem .dica-item-content .item-title {
    text-align: center;
    margin-top: 20px;
}



.v64-carousel .dica_divi_carouselitem .dica-item-content .content {
    text-align: center;
}


.dica_divi_carousel .swiper-pagination-bullet {
	width: 12px;
    height: 12px;
	margin-right: 10px !important;
    margin-top: 50px;
}