@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//lalaroje.com/wp-content/themes/woodmart/fonts/woodmart-font-1-700.woff2?v=8.1.2") format("woff2");
	font-display:swap;
}

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

:root {
	--wd-text-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(87,87,87);
	--wd-text-font-size: 14px;
	--wd-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: rgb(87,87,87);
	--wd-entities-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(87,87,87);
	--wd-entities-title-color-hover: rgb(187, 187, 187);
	--wd-alternative-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(87,87,87);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Vazirmatn", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(211,83,39);
	--wd-alternative-color: rgb(247,179,127);
	--wd-link-color: rgb(211,83,39);
	--wd-link-color-hover: rgb(247,179,127);
	--btn-default-font-family: vazir;
	--btn-default-font-weight: 600;
	--btn-default-transform: none;
	--btn-default-bgcolor: rgb(211,83,39);
	--btn-default-bgcolor-hover: rgb(247,179,127);
	--btn-accented-font-family: vazir;
	--btn-accented-font-weight: 600;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(211,83,39);
	--btn-accented-bgcolor-hover: rgb(247,179,127);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(82,148,120);
	--notices-success-color: rgb(55,56,56);
	--notices-warning-bg: rgb(179,63,39);
	--notices-warning-color: rgb(55,56,56);
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(0,75,112);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-image: none;
	background-size: cover;
	background-position: center top;
}
.wd-footer {
	background-color: rgb(55,56,56);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: repeat;
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-radius: 25px;
}
.product-labels .product-label.onsale {
	background-color: rgb(55,56,56);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(20,93,77);
	color: rgb(218,218,218);
}
.product-labels .product-label.featured {
	background-color: rgb(243,147,37);
	color: rgb(218,218,218);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(211,82,39);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #333;
--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: 8px;
}

@media (min-width: 1400px) {
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: Vazirmatn !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Vazirmatn !important;
}

@font-face {
	font-family: "vazirmatn";
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

p {
    text-align: justify;
}
#copyButton {
    background-color: #fff; /* رنگ پس‌زمینه دکمه */
    padding: 10px 20px; /* فاصله داخلی (پدینگ) برای دکمه */
    text-align: center; /* تراز کردن متن به صورت مرکزی */
    font-size: 16px; /* اندازه فونت متن دکمه */
    border: 2px solid #d35227;
    border-radius: 5px; /* گرد کردن گوشه‌های دکمه */
    cursor: pointer; /* نشانگر موس به حالت اشاره‌گر تغییر می‌کند */
}

#copyButton:hover {
    background-color: #d35227; /* رنگ پس‌زمینه هنگام هاور */
  	color: white;
}

با سلام و وقت بخیر
در صورت مشکل در نحوه نمایش افزونه کدهای زیر را در مسیر نمایش >> سفارشی سازی >> سی اس اس اضافی قرار دهید

.sps-swatches>.swatchColor>.spsTooltip{
	margin-left:auto !important;
	margin-right:-88px !important;
}
.sps-swatches>.swatch>.spsTooltip{
	
margin-right: -85px;
}

.sps-swatches>.swatch-label-circle>.spsTooltip {
    margin-right: -50px;
}


@media screen and (max-width:800px) {
  
	.sps-swatches>.swatchColor>.spsTooltip{
	margin-left:auto !important;
	margin-right:-15px !important;
}
.sps-swatches>.swatch>.spsTooltip{
	
margin-right: -85px;
}

.sps-swatches>.swatch-label-circle>.spsTooltip {
    margin-right: -70px;
	
}

با کم و زیاد کردن اعداد میتوانید به صورت دقیق افزونه را تنظیم فرمایید.

با احترام
یوتا وردپرس
/* استایل جدول مقالات */
.styled-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-family: Arial, sans-serif;
}

.styled-table th, .styled-table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.styled-table thead tr {
  background-color: #f4f4f4;
  font-weight: bold;
}

.styled-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.styled-table tbody tr:hover {
  background-color: #f1f1f1;
}@media (max-width: 576px) {
	.added-to-cart h3 {
	  font-size: 14px !important; /* اندازه عنوان‌ها */
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
}
}