:root {
	--wd-text-font: "Avenir Roman", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(103,22,61);
	--wd-text-font-size: 18px;
	--wd-title-font: "Avenir Medium", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 800;
	--wd-title-color: rgb(103,22,61);
	--wd-entities-title-font: "Avenir Heavy", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(103,22,61);
	--wd-entities-title-color-hover: rgb(155, 28, 69);
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(155,28,69);
	--wd-widget-title-font-size: 16px;
	--wd-primary-color: rgb(154,28,69);
	--wd-alternative-color: rgb(234,133,98);
	--btn-default-bgcolor: rgb(102,22,61);
	--btn-default-bgcolor-hover: rgba(102,22,61,0.75);
	--btn-accented-bgcolor: rgb(155,28,69);
	--btn-accented-bgcolor-hover: rgba(155,28,69,0.73);
	--notices-success-bg: rgb(155,28,69);
	--notices-warning-bg: rgb(234,133,98);
	--wd-link-color: rgb(155,28,69);
	--wd-link-color-hover: rgb(103,22,61);
}
html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
	font-family: "Avenir Black", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Avenir Black", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: none;
	color: rgb(103,22,61);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: #9B1C45;
}
.wd-dropdown-cart .woocommerce-mini-cart-item .wd-entities-title {
	font-family: "Avenir Medium", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 13px;
	line-height: 15px;
	color: rgb(155,28,69);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(155,28,69);
	--wd-form-placeholder-color: rgb(248,186,157);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(254,245,238);
	--wd-arrow-color-hover: rgb(254,245,238);
	--wd-arrow-bg: rgb(155,28,69);
	--wd-arrow-bg-hover: rgb(103,22,61);
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-bg: rgb(155,28,69);
	--wd-pagin-bg-hover: rgb(234,133,98);
	--wd-pagin-bg-act: rgb(103,22,61);
	--wd-pagin-brd-color: rgb(155,28,69);
	--wd-pagin-brd-color-hover: rgb(234,133,98);
	--wd-pagin-brd-color-act: rgb(103,22,61);
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 17px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 16px;
	}

}
:root{
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
}




/* Mobile Menu Background Color */
.mobile-nav.wd-side-hidden.brand-caprina{
  --mm-menu-bg: #FEF5EE;
}

/* Mobile menu tabs (colors + tab font) */
.mobile-nav.wd-side-hidden-nav.brand-caprina{
  --mm-tabbar-bg: #9B1C45;           /* tabs strip background */
  --mm-tabbar-border: #9B1C45 ;   /* thin line under tabs strip */

  --mm-tab-bg: #9B1C45;          /* inactive tab background */
  --mm-tab-bg-hover: rgba(0,0,0,.08);    /* tab background on hover */
  --mm-tab-bg-active: rgba(0,0,0,.10);   /* active tab background */

  --mm-tab-text: #FEF5EE;        /* inactive tab text */
  --mm-tab-text-hover: #FEF5EE;  /* tab text on hover */
  --mm-tab-text-active: #FEF5EE; /* active tab text */

  --mm-tab-underline: #F8BA9D;   /* active tab underline */

  --mm-tab-font-size: 12px;             /* tab label size */
  --mm-tab-font-weight: 700;            /* tab label weight */
  --mm-tab-letter-spacing: .06em;       /* tab label tracking */
  --mm-tab-text-transform: uppercase;   /* uppercase / none */
}


/* Mobile menu — Arrows + Back */
.mobile-nav.wd-side-hidden-nav.brand-caprina{

/*  --mm-row-text: rgba(0,0,0,.82);      */  /* normal menu link text */
/*  --mm-row-text-hover: rgba(0,0,0,.92); */ /* menu link text on hover */
/* --mm-row-bg-hover: rgba(0,0,0,.05); */   /* hover background behind the link row */


  --mm-opener-bg: #9B1C45;       /* background of the right-side arrow block */
  --mm-opener-bg-hover: #67163D; /* arrow block background on hover */
  --mm-opener-icon: #FEF5EE;     /* arrow icon color */

  --mm-back-bg: #F9EBE1;         /* "Back to ..." row background */
  --mm-back-text: #67163D;       /* "Back to ..." text color */
  --mm-back-opener-bg: #F9EBE1;  /* back arrow background */
  --mm-back-opener-icon: #9B1C45;/* back arrow icon  */
	
	  --mm-parent-row-bg: #F9EBE1;        /* Shop Now row background */
  --mm-parent-row-bg-hover: #F9EBE1; /* Shop Now row bg on hover */
	
	
	  --mm-back-opener-bg: #9B1C45;     /* arrow block background */
  --mm-back-opener-icon: #FEF5EE;   /* arrow icon color */
	
	  --mm-back-opener-bg-hover: #67163D; /* back arrow block hover bg */

	}


/* BRAND — Mobile menu header logo */
.mobile-nav.wd-side-hidden-nav.brand-caprina{
  --mm-menu-logo: url("https://santrel.com/wp-content/uploads/2025/10/CAPRINA_LOGO_COMPLET_ROUGE-e1761952380639.webp");
  --mm-menu-logo-w: 120px;
  --mm-menu-logo-h: 26px;

  /* Choose ONE side (make the other auto) */
  --mm-menu-logo-left: 16px;   /* logo on LEFT */
  --mm-menu-logo-right: auto;

  /* If you want it on the RIGHT instead, swap to:
  --mm-menu-logo-left: auto;
  --mm-menu-logo-right: 16px;
  */
}




/* Caprina language switcher: force white (incl hover/focus/visited) */
body.brand-caprina .caprina-white-link-wpml a,
body.brand-caprina .caprina-white-link-wpml a:visited {
  color: #fff !important;
}

body.brand-caprina .caprina-white-link-wpml a:hover,
body.brand-caprina .caprina-white-link-wpml a:focus,
body.brand-caprina .caprina-white-link-wpml a:active {
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  text-decoration: none !important;
}