@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//tassine.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.8") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//tassine.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//tassine.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//tassine.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//tassine.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//tassine.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//tassine.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//tassine.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//tassine.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(73,73,73);
	--wd-text-font-size: 14px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(241,131,182);
	--wd-alternative-color: rgb(196,164,76);
	--btn-default-font-family: "Montserrat", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(196,164,76);
	--btn-default-bgcolor-hover: rgb(196,164,76);
	--btn-accented-bgcolor: rgb(196,164,76);
	--btn-accented-bgcolor-hover: rgb(196,164,76);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 0px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(244,248,251);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: Montserrat !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Montserrat !important;
}

.wd-page-title {
background-color: rgb(253,247,250);
}

@font-face {
	font-family: "Jost";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Jost";
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Jost";
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Brightwall";
	src: url("//tassine.com/wp-content/uploads/2025/12/Brightwall-Italic.woff2") format("woff2"), 
url("//tassine.com/wp-content/uploads/2025/12/Brightwall-Italic.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

.elementor-page .wd-content-layout {
    padding-block: 0 !important;
}
[class*="wd-swatches"].wd-bg-style-2 .wd-swatch.wd-bg, [class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text {
		box-shadow: none !important;
    padding: 12px 4px !important;
	border: 1px solid #f6f6f6 !important;
}
.variations_form select {
    border-radius: 8px !important;
    max-width: 100% !important;
    width: 100% !important;
    background-color: #FDF7FA !important;
    border: 1px solid #f6f6f6 !important;
		color:#000000!important;
	height:42px !important;
	    padding: 0 15px !important;
}
.wd-swatch[data-value="blanc"] {
    border: 1px #a4a4a4 solid;
}
.wd-swatch.wd-text.wd-enabled {
    background-color: #FDF7FA;
    font-weight: 400;
}
.wd-swatch.wd-text.wd-enabled:hover {
    background-color: #F183B6;
	    color: #ffffff;

}
.wd-swatch.wd-text.wd-active.wd-enabled {
    background-color: #F183B6;
    color: #ffffff;
}
[class*="wd-swatches"].wd-bg-style-2 .wd-swatch.wd-bg.wd-active, [class*="wd-swatches"].wd-bg-style-2 .wd-swatch-wrap.wd-active .wd-swatch.wd-bg, [class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text.wd-active, [class*="wd-swatches"].wd-text-style-2 .wd-swatch-wrap.wd-active .wd-swatch.wd-text {
	--wd-swatch-brd-color: var(--color-gray-300) !important;
    --brd-width: 1px !important;
}
/* Reduce the gap between acceptance checkbox and submit button */
.wpcf7 form .text-center {
  margin-top: 0 !important; /* remove top margin of the submit container */
}

.wpcf7 form p:has(input[type="submit"]) {
  margin-top: 0 !important;
}

/* Remove default bottom margin from the acceptance block */
.wpcf7 form .row .col-md-12 > div {
  margin-bottom: 0 !important;
}

/* Reduce any paragraph margin under acceptance */
.wpcf7 form .row .col-md-12 p {
  margin-bottom: 4px !important; */
}
/* Pink background only for the first 5 champs */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type='tel'],
.wpcf7 form input[type='number'],
.wpcf7 form textarea,
.wpcf7 form select,
.input[type='tel']
.form-control{
  border-radius: 6px;
  padding: 10px 14px;
  width: 100%;
  color: #333;
  font-size: 15px;
  box-shadow: none;
}

.rank-math-html-sitemap__title {
    color: #f183b6 !important;
}
/* Besties Bakery – Cookie policy highlight */
#cmplz-document h2,
#cmplz-document .cmplz-subtitle {
    color: #f183b6 !important;
}
#cmplz-manage-consent{
	display:none !important;
}
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    font-size: 14px;
    margin-top: 0;
    max-width: fit-content;
    text-justify: inter-word;
}


.mfp-hide {
    display: none !important;
}

.auto-popup-trigger {
    position: fixed !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
    z-index: -1;
    overflow: hidden;
}

.white-popup-block {
    background-color: #ffffff;
    padding: 45px 30px;
    text-align: center;
    max-width: 550px;
    margin: 40px auto;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    font-family: var(--wd-text-font, inherit);
    color: var(--wd-text-color, #333);
}

.store-popup-grid h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 1.4;
    color: #242424;
}

.store-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 320px;
    margin: 0 auto;
}

.store-buttons .btn {
    width: 100%;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    background-color: #f183b6 !important;
    color: white !important;
    border: none;
    transition: opacity 0.2s ease;
}

.store-buttons .btn:hover {
    opacity: 0.9;
    color: white !important;
}

.store-header-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
		margin-bottom: 5px !important;
}

.store-header-dropdown .current-store-label {
    color: #333;
    transition: color 0.3s ease;
    display: inline-flex;
    align-items: center;
    padding: 10px 0;
}

.store-header-dropdown:hover .current-store-label {
    color: var(--wd-primary-color, #2d89ef);
}

.store-dropdown-list {
    display: none;
    position: absolute;
    top: 100%;
    right: -16px;
    margin-top: 7px;
    
    background: #fff;
    min-width: 240px;
    padding: 10px 0;
    list-style: none;
    z-index: 1000;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    animation: wd-fadeInUp 0.3s ease;
}

.store-dropdown-list::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
}

.store-dropdown-list::after {
    content: "";
    position: absolute;
    top: -6px;
    right: 20px;
    width: 12px;
    height: 12px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: -2px -2px 5px rgba(0,0,0,0.04);
    z-index: -1;
}

.store-header-dropdown:hover .store-dropdown-list {
    display: block;
}

.store-dropdown-list li {
    margin: 0;
}

.store-dropdown-list li a {
    display: block;
    padding: 12px 25px;
    color: #555;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    text-align: left;
    font-family: var(--wd-text-font, inherit);
    border-bottom: 1px solid #f5f5f5;
}

.store-dropdown-list li:last-child a {
    border-bottom: none;
}

.store-dropdown-list li a:hover {
    background-color: #fafafa;
    color: var(--wd-primary-color, #000);
    padding-left: 30px;
}

.mfp-content .mfp-close {
    display: none !important;
}

.custom-close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    color: #aaa;
    cursor: pointer;
    z-index: 10;
    transition: color 0.2s ease;
}

.custom-close-btn:hover {
    color: #000;
}

.white-popup-block {
    position: relative;
}

/* 1. HIDE the form by default everywhere */
.staggs-quote-form-wrapper, 
.staggs-quote-popup {
    display: none !important;
}

/* 2. SHOW the form ONLY when it is inside the Popup Container */
/* .mfp-content is the class Woodmart uses for the active popup window */
.mfp-content .staggs-quote-form-wrapper,
.mfp-content .staggs-quote-popup {
    display: block !important;
    background-color: #fff;
    padding: 30px;
    max-width: 600px;
    margin: 20px auto;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    position: relative;
}

/* 3. Style the success message within the popup */
.mfp-content .wpcf7-response-output {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
}

/* Popup Styles */
.mfp-content .staggs-quote-form-wrapper {
    background-color: #fff;
    padding: 30px;
    max-width: 600px;
    margin: 20px auto;
    border-radius: 8px;
    position: relative;
}

/* Success Message Style */
.mfp-content .wpcf7-response-output {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    display: block !important;
}

/* Popup Styling */
.mfp-content .staggs-quote-form-wrapper {
    background-color: #fff;
    padding: 30px;
    max-width: 600px;
    margin: 20px auto;
    border-radius: 8px;
    position: relative;
}

/* Success Message */
.mfp-content .wpcf7-response-output {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    display: block !important;
}

/* Hide Quote Wrapper initially */
#custom-quote-wrapper {
    display: none;
}@media (min-width: 1025px) {
	.wd-products img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, .wd-product:not(.wd-hover-small):is(.product-image-link,.hover-img) :is(picture,img) {
    height: 300px !important;
    object-fit: cover;
}
.wd-product:not(.wd-hover-small) :is(.product-image-link,.hover-img) :is(picture,img) {
    height: 300px !important;
    object-fit: cover !important;
}
}

@media (max-width: 576px) {
	.wd-products img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, .wd-product:not(.wd-hover-small):is(.product-image-link,.hover-img) :is(picture,img) {
    height: 300px !important;
    object-fit: cover;
}
}

