/*!
Theme Name: uxweb
Theme URI: https://uxweb.ir/
Author: ایوب محمودی فرد
Author URI: https://uxweb.ir/
Description: Hi. I'm a starter theme called <code>uxweb</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: uxweb
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

uxweb is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */


/* --------------------
    Fonts & Icons
-------------------- */
@font-face {
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-family: PeydaWeb;
  src: url("fonts/peydaweb/PeydaWeb-Regular.woff2") format("woff2"),
    url("fonts/peydaweb/PeydaWeb-Regular.woff") format("woff");
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-family: PeydaWeb-medium;
  src: url("fonts/peydaweb/PeydaWeb-Medium.woff2") format("woff2");
}
@font-face {
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-family: PeydaWeb-bold;
  src: url("fonts/peydaweb/PeydaWeb-Bold.woff2") format("woff2"),
    url("fonts/peydaweb/PeydaWeb-Bold.woff") format("woff");
}

@font-face {
	font-family: IRANSans;
	/*font-style: bold;*/
	font-weight: normal;
	src:url('fonts/iransans/IRANSansWeb(FaNum.html).eot');
	src:url('fonts/iransans/IRANSansWeb(FaNum.html).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		url('fonts/iransans/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		url('fonts/iransans/IRANSansWeb(FaNum).ttf') format('truetype');

	font-display: swap;
}

@font-face {
    font-family: yekan;
    font-weight: normal;
    src: url(fonts/dana-fanum-regular.woff);
    font-display: swap;
}

@font-face {
    font-family: yekan-reg;
    font-weight: lighter;
    src: url(fonts/dana-fanum-light.woff);
    font-display: swap;
}

@font-face {
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	src: url("fonts/fontawesome-webfont.eot") format("embedded-opentype"), 
	url("fonts/fontawesome-webfont.woff") format("woff"), 
	url("fonts/fontawesome-webfont.ttf") format("truetype"), 
	url("fonts/fontawesome-webfont.svg") format("svg");
	font-display: swap;
}

html {
	scroll-behavior: smooth;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
}

body {
	margin: 0;
	font-family: 'PeydaWeb' !important;
	overflow-x: hidden;
	direction: rtl;
	text-align: right;
	color: #1d2327;
}
a:hover, a:active {
    outline: 0;
}
ol, ul {
	line-height: 35px;
}
.center {
    text-align: center;
}
.aligncenter  {
    display: block;
    margin: 10px auto;
}

.site-main {
	display: block;
	margin-bottom: 70px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{float:right !important;}


select,input[type=number],input[type=text],input[type=email],input[type=url],input[type=tel]
,input[type=password] {
    outline: none;
	border-radius: 10px;
	height: 44px !important;
	border: 1px solid silver;
}
input[type=submit] {
	border: 0px;
    padding: 5px;
	color: #fff;
    min-width: 100px;
	border-radius: 2px;
    background: #2ebcee;
}
textarea {
	width: 346px;
	border-radius: 10px !important;
	border: 1px solid silver !important;
}

img {
	height: auto;
	max-width: 100%;
}

a {
    color: #333333;
}

.entry-content p {
	line-height: 41px !important;
}
article img {
	height: auto;
	max-width: 100%;
	margin-bottom: 10px;
}

article p {
	text-align: justify;
}
article .entry-content {
    line-height: 35px;
}

th { text-align: right !important; }

.table {
	margin-bottom: 5px !important;
}
	
a {
	outline: none;
	text-decoration: none !important;
}

main {
	display: block;
}

#site-navigation {
	margin-top: 10px;
}

.woocommerce-variation-price {
    margin-bottom: 30px !important;
}
.woocommerce div.product form.cart .button {
    padding: 15px;
    font-weight: 100;
    color: #ffffff;
    border-radius: 1px;
    background: #2e2e2e;
}
.yith-wcwl-add-to-wishlist-button__label {
    color: #181818;
	font-size: 14px;
}
.woocommerce .quantity .qty {
    width: 83px;
    border-radius: 1px;
}
.woocommerce-breadcrumb {
    font-size: 14px;
	color: #006278 !important;
}
.woocommerce div.product .onsale
, .woocommerce ul.products li.product .onsale {
    top: 10px;
	width: 44px;
	height: 44px;
	right: 10px;
    color: #000;
	border-radius: 2px;
    background: #fdda5c;
}
.woocommerce-page ul.products li.product, .woocommerce-page ul.products li.product {
    padding: 4px;
	min-height: 300px;
    text-align: center;	
    border: 1px solid rgb(236, 236, 236);
}
.woocommerce ul.products li.product .onsale {
	top: 14px !important;
    left: 14px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #323232;
    min-height: 58px;
    font-size: 15px !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 15px;
    margin-top: -24px;
    border-radius: 0px;
    border: 1px solid silver;
}
#masthead {
    background-color: #fff;
}
.single-product #primary {
    max-width: 1300px;
    margin: auto;
}
.single-product .woocommerce-breadcrumb {
    max-width: 1300px !important;
}
.single-product h2 {
    font-size: 18px;
    margin-bottom: 20px;
}
.single-product #page {
    background-color: #f9f9f9;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	min-width: 100px;
}

.woocommerce #review_form #respond .form-submit input {
    color: #fff;
	padding: 13px;
	font-size: 16px;
    background: #323232;
}
.post-type-archive-product .woocommerce-products-header {
	display: none;
}

.comment-form-author label, .comment-form-email label
, .comment-form-comment label, .comment-form-url label {
	display: block !important;
}
.woocommerce p.stars a {
	font-size: 20px;
}
.woocommerce .woocommerce-breadcrumb {
	max-width: 1117px;
    margin: 34px auto;
    font-size: 15px;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
	color: #000;
	font-weight: 100;
    border-radius: 10px;
    background: #e9f5ff;
	padding: 15px !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button
, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	padding: 15px;
    background-color: #538148;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover
, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
	background-color: #0A4169;
}
.rtl .woocommerce .col2-set .col-1 {
	float: right;
}

.entry-summary {
    height: fit-content;
    background-color: #FFF;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
    padding: 24px;
}
.sticky-buy-box .price {
    border-bottom: 1px solid #d1cccc;
    padding-bottom: 8px;
    margin-bottom: 12px !important;
}
.woocommerce-Price-amount {
    color: #046F9C !important;
}
.woocommerce div.product .product_title {
    font-weight: 600;
    margin-bottom: 20px;
}
.woocommerce-product-details__short-description l {
    color: #6e6e6e !important;
}

.single-post .entry-meta {
    font-size: 14px;
    margin-bottom: 14px;
}
.single-post .entry-meta time {
    margin-left: 15px;
}
article figure {
    width: 100% !important;
}
.editor-styles-wrapper, .entry-content {
    counter-reset: footnotes;
}
.post-nav {
    padding: 15px;
	text-align: center;
    border-radius: 4px;
    border: 1px dashed;
	margin-bottom: 30px;
}
.comments-area {
    clear: both;
    display: flow-root;
}
.single-post .last-new-sidebar {
    margin-top: 24px;
    margin-bottom: 47px;
}
.category-news-item {
    margin-bottom: 25px;
}
.entry-content p {
    line-height: 41px !important;
}
article p {
    text-align: justify;
}
.brands-part .carousel-slider .owl-item img {
    border-radius: 5px !important;
	border: 1px solid #525252;
}

.search-box {
    padding-top: 8px;
}
.user-buttons {
    text-align: left;
    padding-top: 7px;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 25px;
}

.header-row-1 {
    padding: 10px;
	color: #6d758d;
	background-color: #f3f6fb;
}
.header-row-1 a {
	color: #6d758d;
	transition: color .25s ease-out;
}
.header-row-1 a:hover {
	color: #131313;
}
.header-row-1 a:hover .fa {
	color: #3364eb;
	transition: color .25s ease-out;
}

.header-row-2 .container {
	display: flex;
    justify-content: center;
    align-items: center;
}
.basket .badge {
	background-color: #538148;
    color: #fff;
    font-size: 13px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: -10px;
    left: 9px;
}

.logo-box {
    padding-top: 5px;
}

.fast-item {
	display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
}


#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input::placeholder {
	font-family: yekan !important;
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
	padding-right: 15px;
	text-align: right;
	font-size: 16px !important;
}
#ajaxsearchlite1 .probox, div.asl_w .probox {
	border-radius: 8px !important;
    border: 1px solid #e5e2e2 !important;
}
div.asl_w .probox div.prosettings {
	border-right: 1px solid #e5e2e2 !important;
    padding-right: 20px;
}
div.asl_r .results .item .asl_content h3 a, div.asl_s.searchsettings fieldset .asl_option_label  {
	font-size: 14px !important;
    font-family: 'yekan' !important;
}
div.asl_s.searchsettings fieldset, div.asl_s.searchsettings {
	width: 220px !important;
}
div.asl_s.searchsettings fieldset .asl_option_label {
	width: 173px !important;
}

.header-row-3 {
	height: 60px;
	background-color: #0A4169;
}

body .metaslider .flexslider .flex-direction-nav {
	font-size: 0px;
}

.flexslider .flex-direction-nav li a {
    border-radius: 50%;
}
.metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a::before {
	mask-size: 20px auto !important;
}

.category-section .cat-item {
	display: flex;
    align-items: center;
    justify-content: space-between;
    
    padding: 20px;
    border-radius: 12px;
	background: #f3f6fb;

	border: 1px solid transparent;
	transition: all 0.4s ease;
	margin-bottom: 28px;
}

.cat-item:has(a:hover) {
    border-color: #007bff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.category-section .cat-item .cat-img-box {
	flex: 1;
}
.category-section .cat-item .cat-img-box {
	width: 90%;
}
.category-section .cat-item .cat-content-box {
	flex: 2;
}
.category-section .cat-item .cat-content-box h4 {
    color: #000;
    font-size: 15px !important;
    line-height: 1.25em;
    margin-bottom: 25px;
    font-weight: 600;
}
.category-section .cat-item .cat-content-box a {
	font-size: 15px;
	font-weight: 600;

	display: inline-flex;
    align-items: center;
    position: relative;
    transition: all 0.3s ease;
    color: #538148 !important;
}
.category-section .cat-item .cat-content-box a::after,
.specific-content .read-more::after {
	content: "\f104";
	font-size: 20px;
	margin-right: 10px;
	font-family: 'FontAwesome';

	display: inline-block;
	transition: transform 0.4s ease;
}
.category-section .cat-item .cat-content-box a:hover::after {
	color: #538148;
	content: "\f101";
	transform: rotate(360deg);
}

.section-item-box {
	margin: 100px auto;
}


/****************** Crousel Item Effect ******************/
.carousel-slider.owl-drag .owl-item  {
	overflow: hidden;
	padding-top: 20px;
}
/* کارت محصول */
.owl-item .product {
    position: relative;
    background: #fff;
    transition: transform 0.35s ease;
    padding-bottom: 20px;
}
/* دکمه افزودن به سبد خرید */
.owl-item .product .add_to_cart_button {
    display: inline-block;
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.35s ease;
}
/* هنگام هاور روی آیتم */
.owl-item:hover .product {
    transform: translateY(-18px);
}
/* نمایش دکمه از پایین */
.owl-item:hover .product .add_to_cart_button {
    transform: translateY(0);
    opacity: 1;
}
/****************** End Crousel Item Effect ******************/

.carousel-slider a.add_to_cart_button {
	position: absolute !important;
    bottom: -6px;
    left: 0;
    width: 100%;
    padding: 12px 0;
    border-radius: 0 0 10px 10px;
}
.carousel-slider.owl-drag .owl-item:hover a.add_to_cart_button {
	bottom: -6px;
	transition: transform 0.4s ease;
}
.carousel-slider__product {
	box-shadow: none !important;
	padding: 19px 20px 16px 20px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}
.carousel-slider .woocommerce-loop-product__title,
.products .woocommerce-loop-product__title {
    font-weight: 700;
	min-height: 65px;
	line-height: 1.5em !important;
}
.carousel-slider .price, .products .price {
	margin: 20px .5rem 0 1rem !important;
    font-weight: 700 !important;
    color: #0a4169 !important;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button-over-image {
    margin: 0px !important;
}
.carousel-slider .price ins, .products .price ins {
    display: block;
}
.carousel-slider .price del, .products .price del {
	font-size: 15px;
    line-height: 19px;
    color: #538148 !important;
    margin-left: 5px;
	opacity: 0.8 !important;
}

/****************** Title Effect ******************/
section .widgettitle,
.archive-aside .widgettitle {
    font-weight: 800;
    background: linear-gradient(135deg, #0a4169, #538148);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 25px;
    padding-bottom: 12px;
    line-height: 1.4;

    position: relative;
    display: inline-block;
    font-size: 26px;
    font-weight: 900;
    color: #222;
    padding-right: 16px;
    margin-bottom: 20px;
    line-height: 1.5
}
section .widgettitle::before,
.archive-aside .widgettitle::before {
    margin-left: 8px;
    vertical-align: middle;
    
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    width: 6px;
    height: 75%;
    border-radius: 10px;
    background: linear-gradient(to bottom, #538148, #0a4169);
}

section .widgettitle::after,
.archive-aside .widgettitle::after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    background: linear-gradient(90deg, #0a4169, transparent);
}
/****************** End Title Effect ******************/


.archive-aside .widgettitle {
    margin-top: 45px;
    margin-bottom: 30px;
}
.archive-aside .woocommerce ul.product_list_widget li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.archive-aside .woocommerce ul.product_list_widget li img {
    width: 60px !important;
}

/* برای اینکه transform روی img روان باشد */
.cat-item .cat-img-box img{
  display: block;
  transform: translateY(0);
  will-change: transform;
}

/* هنگام هاور روی کل باکس */
.cat-item:hover .cat-img-box img {
  animation: cat-bounce 0.8s ease-in-out infinite;
}
/* .cat-item:hover {
    border-color: #007bff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
} */

/* حرکت رفت و برگشتی کوچک */
@keyframes cat-bounce{
  0%   { transform: translateY(0); }
  25%  { transform: translateY(-8px); }
  50%  { transform: translateY(0); }
  75%  { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}


/******************** Category Product Item Effect *******************/

/* باکس اصلی محصول */
.woocommerce ul.products li.product {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    padding: 15px 15px 30px;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

/* محتوای اصلی محصول به جز دکمه */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product > .price,
.woocommerce ul.products li.product > h2,
.woocommerce ul.products li.product > img,
.woocommerce ul.products li.product > :not(.product_type_simple):not(.screen-reader-text),
.woocommerce ul.products li.product > :not(.product_type_variable):not(.screen-reader-text) {
    position: relative;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* خود لینک اصلی محصول که شامل عکس و عنوان و قیمت است */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
    display: block;
    position: relative;
    z-index: 2;
    transition: transform 0.35s ease;
}

/* دکمه افزودن به سبد خرید در لایه زیر */
.woocommerce ul.products li.product .product_type_simple
, .woocommerce ul.products li.product .product_type_variable {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 1;

    display: block;
    text-align: center;

    transform: translateY(120%);
    opacity: 0;
    transition: transform 0.35s ease, opacity 0.3s ease;
}

/* با هاور، فقط محتوای اصلی بالا می‌رود */
.woocommerce ul.products li.product:hover > a.woocommerce-LoopProduct-link {
    transform: translateY(-18px);
}

/* دکمه ظاهر می‌شود */
.woocommerce ul.products li.product:hover .product_type_simple
, .woocommerce ul.products li.product:hover .product_type_variable  {
    transform: translateY(0);
    opacity: 1;
}

/* کمی زیبایی بیشتر */
.woocommerce ul.products li.product:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: #ddd;
}
.woocommerce ul.products li.product .product_type_simple
, .woocommerce ul.products li.product .product_type_variable {
	color: #fff;
    position: absolute !important;
    bottom: 0px;
    right: 0;
    width: 100%;
    padding: 12px 0;
    border-radius: 0 0 10px 10px;
    background: #0a4169;
}
/******************** End Category Product Item Effect *******************/



/******************** Spacial Product Effect *******************/
.spacial-product-section{
  position: relative;
  overflow: hidden;
}

/* محتوا روی موج بماند */
.spacial-product-section .container{
  position: relative;
  z-index: 2;
}

/* لایه موج متحرک */
.spacial-product-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;

  /* SVG موج (تکرارشونده) با تونالیته #9FDAFF */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='400' viewBox='0 0 1600 400'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%239FDAFF' stop-opacity='0.55'/%3E%3Cstop offset='100%25' stop-color='%239FDAFF' stop-opacity='0.15'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0 230 C 200 190 300 270 500 230 C 700 190 900 270 1100 230 C 1300 190 1400 270 1600 230 L1600 400 L0 400 Z'/%3E%3Cpath fill='%239FDAFF' fill-opacity='0.18' d='M0 260 C 220 220 320 300 520 260 C 720 220 920 300 1120 260 C 1320 220 1420 300 1600 260 L1600 400 L0 400 Z'/%3E%3C/svg%3E");

  background-repeat: repeat-x;
  background-size: 1600px 400px;
  background-position: 0 100%;

  /* حرکت موج */
  animation: waveMove 10s linear infinite;

  /* اختیاری: کمی محوتر و نرم‌تر */
  filter: blur(0px);
  opacity: 1;
}

/* لایه دوم برای عمق بیشتر (اختیاری ولی قشنگ‌تر) */
.spacial-product-section::after{
  content:"";
  position:absolute;
  inset:-10% 0 0 0;
  z-index:1;

  background-image: inherit;
  background-repeat: repeat-x;
  background-size: 1400px 350px;
  background-position: 0 100%;
  opacity: 0.55;

  animation: waveMove2 20s linear infinite;
  transform: translateY(5px);
}

@keyframes waveMove{
  from { background-position-x: 0; }
  to   { background-position-x: -1600px; }
}

@keyframes waveMove2{
  from { background-position-x: 0; }
  to   { background-position-x: 1400px; } /* جهت مخالف برای طبیعی‌تر شدن */
}


@media (prefers-reduced-motion: reduce){
  .spacial-product-section::before,
  .spacial-product-section::after{
    animation: none;
  }
}
/******************** End Spacial Product Effect *******************/


.specific-slider, .berand-section, .discount-slider-section, .best-sell-product-section {
	direction: ltr;
}
.specific-content .read-more, .call-btn {
	font-size: 16px;
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    line-height: 35px;
    margin: 10px auto;
	margin-left: 15px;
    display: inline-block;
    min-width: 126px;
}
.specific-content .read-more:hover, .call-btn:hover {
	color: #fff;
	transition: 0.3s;
	box-shadow: 0px 0px 4px 0px #0a4169;
}
.specific-content .read-more { 
	background: #0a4169;
}
.specific-content p {
	font-size: 19px;
    line-height: 35px;
}
.call-btn {
	background: #538148;
}
.call-btn::after {
	content: "\f104";
	font-size: 20px;
	margin-right: 10px;
	font-family: 'FontAwesome';

	display: inline-block;
	transition: transform 0.4s ease;
}


.carousel-slider .carousel-slider__item img {
    filter: grayscale(100%);
    max-height: 78px;
    transition: 0.4s;
    max-width: 127px !important;
}
.carousel-slider .carousel-slider__item img:hover {
    filter: grayscale(0%);
}
.berand-section .carousel-slider__item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 152px;
}

.post-item {
    display: flex;
    gap: 20px;
    direction: rtl;
    border-bottom: 1px solid #194059;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.article-box .post-thumb {
    position: relative;
}
.post-thumb {
    flex: 0 0 33.33%;
}
.post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}
.article-box .post-meta {
    position: absolute;
    left: 0;
    top: 20px;
    background-color: #fff;
    color: #000;
    padding: 9px;
    font-size: 15px;
    border-radius: 0 4px 4px 0;
}

.post-content {
    flex: 1;
}
.help-article-box .post-title, .help-article-box .post-title a {
    min-height: 45px;
    line-height: 1.2 !important;
}
.post-title {
    margin: 0 0 8px;
    font-size: 18px;
}
.post-excerpt {
    font-size: 14px;
    line-height: 1.7;
    color: #444;
}
.read-more {
    display: inline-block;
    margin-top: 8px;
    text-decoration: none;
    color: #0073aa;
    font-weight: 600;
}

.about-section p {
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
}

.yith-add-to-wishlist-button-block {
    position: absolute;
    top: 9px;
}
.footer-get-tell {
    position: relative;
    padding: 30px;
    background-image: url(../../uploads/2024/02/pool-bg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-get-tell::before {
    content: '';
    background-color: #0b669fc9;
    --background-overlay: '';
    width: 100%;
    height: stretch;
    position: absolute;
    left: 0;
    top: 0;
}
.footer-get-tell form {
    margin: auto;
    padding-top: 8px;
}

input {
    color: #000;
}
.get-tell-box {
    margin: auto;
    max-width: 1100px;
    border-radius: 5px;
    border: 1px solid silver;
    color: #fff;
    padding: 20px;
    background: linear-gradient(110.22deg, rgba(239, 239, 239, .71807) -19.82%, rgba(232, 232, 232, .1343) 125.41%);
    backdrop-filter: blur(5px);
}
.get-tell-box h4 {
    font-size: 22px !important;
    font-weight: 600;
}
.get-tell-box input[type=submit] {
    background: #538148;
    color: #000;
    color: #fff;
}
.get-tell-box input[type=tel] {
    border-radius: 4px !important;
    border: 1px solid #0a4169 !important;
}
.define-item {
    gap: 10px;
    display: flex;
    color: #fff;
    font-size: 18px;
    align-items: center;
    margin-bottom: 10px;
}


footer {
    color: #fff;
}
footer a {
    color: red;
}
.footer-row-2 {
    padding: 30px 0;
    background: #032F4B;
    border-bottom: 1px solid silver;
}
.footer-row-3 {
    padding: 30px 0;
    background: #032F4B;
}
.footer-about img {
    max-width: 170px;
}
.footer-about p {
    font-size: 13px;
    line-height: 2;
    text-align: justify;
    margin-top: 20px;
}
footer a {
    font-weight: 600;
    color: #f3bc51;
    line-height: 1;
    display: block;
    font-size: 13px;
}
footer a:hover {
    color: #9fdaff;
}
footer .widgettitle {
    color: #9fdaff;
    font-weight: 600;
    max-width: 150px;
    padding-bottom: 13px;
    margin-bottom: 20px;
}
.footer-contact .textwidget div {
    display: flex;
    font-size: 13px;
    align-items: center;
    gap: 5px;
    margin-bottom: 25px;
}
.footer-namad img {
    background: #fff;
    border-radius: 7px;
    margin-top: 20px;
}

.copy-right {
    padding: 30px 0;
    background: #032F4B;
    text-align: center;
    border-top: 1px solid #194059;
}

.sp-easy-accordion .sp-ea-single .ea-header a {
    font-size: 16px !important;
}
.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body p:first-of-type {
    text-align: justify;
    font-size: 16px;
    line-height: 2;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-decoration: none;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
    margin: 2px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #fff;
    background: #538148 !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
    color: #538148;
    font-weight: 600;
}

.copy-right {
    position: relative;
    overflow: hidden;
    padding: 18px 15px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    background: linear-gradient(135deg, #021f33 0%, #032f4b 45%, #033b5f 100%);
    border-top: 1px solid rgba(224, 159, 32, 0.20);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
    z-index: 1;
}

.copy-right::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20%;
    width: 140%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.02) 20%,
        rgba(255,255,255,0.06) 50%,
        rgba(255,255,255,0.02) 80%,
        transparent 100%
    );
    z-index: -1;
}

.copy-right::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    width: 220px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #E09F20, transparent);
    opacity: 0.8;
}

.post-archive-item {
    border: 1px solid #d8d8d8;
    border-radius: 14px;
    margin-bottom: 30px;
}
.post-archive-item img {
    border-radius: 14px 14px 0px 0px;
}
.post-archive-item .entry-title {
    display: block;
    min-height: 40px;
    font-weight: 600;
    text-align: center;
}

/********************* Blog Effect **********************/
.post-archive-item {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #eee;
    transition: all 0.35s ease;
    position: relative;
}

.post-archive-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

.post-thumbnail {
    display: block;
    position: relative;
    overflow: hidden;
}

.post-thumbnail img {
    width: 100%;
    display: block;
    transition: transform 0.5s ease, filter 0.4s ease;
}

.post-archive-item:hover .post-thumbnail img {
    transform: scale(1.08);
    filter: brightness(0.92);
}

/* باکس تاریخ */
.post-date-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 64px;
    height: 74px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
    transition: all 0.35s ease;
    z-index: 2;
}

/* افکت هاور روی تاریخ */
.post-archive-item:hover .post-date-badge {
    transform: translateY(-3px) scale(1.05);
    background: rgba(255,255,255,0.98);
    box-shadow: 0 14px 28px rgba(0,0,0,0.16);
}

.post-date-badge .day {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1;
}

.post-date-badge .month {
    margin-top: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #2563eb;
    text-transform: uppercase;
    line-height: 1;
}


article .entry-title {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 20px;
}
.archive-aside .widget-title {
    margin-top: 45px;
    font-size: 19px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeeee;
}
.entry-title a {
    color: #222;
    text-decoration: none;
    transition: color 0.3s ease;
}

.post-archive-item:hover .entry-title a {
    color: #0A4169;
}

/********************* End Blog Effect **********************/


.archive article, .single-post article {
    margin-bottom: 50px;
    box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
}
.single-post article {
    margin-top: 51px;
}

.latest-posts-item a {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.latest-posts-item a div:nth-child(1) {
    flex: 2;
    margin-left: 10px;
}
.latest-posts-item a img {
    border-radius: 8px;
}
.latest-posts-item a div:nth-child(2) {
    flex: 6;
}
.latest-posts-item a .date {
    color: #bbb;
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
}
.latest-posts-item a h3 {
    font-size: 15px !important;
    line-height: 25px;
    margin-top: 0px !important;
}
.archive-aside .widget-title {
    margin-top: 45px;
    font-size: 19px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeeee;
}

.nav-previous, .nav-next {
    float: right;
    margin-left: 10px;
    margin-bottom: 30px;
    padding: 22px;
    min-height: 71px;
    border-radius: 4px;
    border: 1px dashed;
}

.wc-backward {
    color: #fff !important;
    padding: 15px !important;
    background: #1e85be !important;
}

.col-1, .col-2 {
    padding: 15px;
}


/***************** My Account ****************/
.woocommerce-MyAccount-navigation ul {
    background: #fff;
    border-radius: 5px;
    padding: 15px 0px;
    margin: 0px;
    border: 1px solid #d2d2d2;
}

.woocommerce-MyAccount-content {
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
}

.woocommerce-MyAccount-content {
  padding: 40px 20px !important;
}

.woocommerce-MyAccount-navigation ul {
  background: #fff;
  border-radius: 5px;
  padding: 15px 0px;
  margin: 0px;
  border: 1px solid #d2d2d2;
}

.woocommerce-MyAccount-navigation ul li {
  list-style: none;
  padding: 4px;
  transition: 0.5s;
  padding-right: 10px;
  margin-bottom: 2px;
  border-right: 3px solid #ffff;
}

.woocommerce-MyAccount-navigation ul li:hover {
  border-right: 3px solid rgb(3, 51, 141);
}

.woocommerce-MyAccount-navigation-link--dashboard:before,
.woocommerce-MyAccount-navigation-link--orders:before,
.woocommerce-MyAccount-navigation-link--edit-address:before,
.woocommerce-MyAccount-navigation-link--tinv_wishlist:before,
.woocommerce-MyAccount-navigation-link--edit-account:before,
.woocommerce-MyAccount-navigation-link--customer-logout:before,
.woocommerce-MyAccount-navigation-link--downloads:before,
.woocommerce-MyAccount-navigation-link--wishlist:before {
  margin-left: 6px;
  font-family: "FontAwesome";
  font-size: 18px;
  color: #494745;
  width: 25px;
  display: inline-block;
  text-align: center;
}

.woocommerce-MyAccount-navigation-link--dashboard:before {
  content: "\f015";
}

.woocommerce-MyAccount-navigation-link--orders:before {
  content: "\f044";
}

.woocommerce-MyAccount-navigation-link--edit-address:before {
  content: "\f041";
}

.woocommerce-MyAccount-navigation-link--downloads:before {
  content: "\f24d";
}

.woocommerce-MyAccount-navigation-link--edit-account:before {
  content: "\f007";
}

.woocommerce-MyAccount-navigation-link--wishlist:before {
  content: "\f0ca";
}

.woocommerce-MyAccount-navigation-link--customer-logout:before {
  content: "\f08b";
}

/***************** End My Account ****************/

.wcapf-sidebar-shell {
    margin-top: 34px;
}
#post-4913 {
    padding-top: 26px;
}
.contact-item, .contact-item a {
    display: flex;
    align-items: center;
    gap: 8px;
}
.contact-item svg {
    stroke: #0073aa;
    fill: #0073aa;;
}


@media (max-width: 768px) {
    .single-product #primary {
        margin: 15px;
    }
    .faq-box {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #0a4169;
    }
    .mega-menu-link {
        direction: rtl !important;
        text-align: right !important;
    }
    .get-tell-box input[type=tel] {
        width: 50% !important;
    }
    .carousel-slider .owl-item img {
        min-height: 138px;
        max-height: 138px;
    }
    .carousel-slider .price, .products .price {
        font-size: 13px !important;
    }
    .carousel-slider .woocommerce-loop-product__title,
    .products .woocommerce-loop-product__title {
        font-size: 12px !important;
    }
    .xoo-wsc-sc-subt {
        display: none;
    }
    .header-row-2 {
        top: 0;
        box-shadow: 0px 0px 4px 0px silver;
        position: fixed;
        width: 100%;
        z-index: 999;
        background: #fff;
    }
    #primary {
        padding-top: 73px;
    }
    article .post-data {
        padding: 20px;
    }
    .get-tell-box input[type=submit] {
        padding: 12px !important;
        margin-right: 5px;
    }
    .footer-get-tell {
        height: 230px;
    }
    .get-tell-box {
        display: flow-root;
        height: 169px;
    }
    .post-excerpt {
        max-height: 26px;
        overflow: hidden;
    }
    .article-box {
        margin-top: 25px;
    }
    .metaslider,
    .metaslider .flexslider,
    .metaslider .slides {
        height: 160px !important;
    }

    .metaslider .slides img {
        height: 160px !important;
        object-fit: cover;
    }
}

@media (min-width:767px) {
    .entry-summary {
        max-width: 380px !important;
    }
    .carousel-slider .price, .products .price {
        font-size: 19px !important;
        height: 70px;
    }
    .carousel-slider .woocommerce-loop-product__title,
    .products .woocommerce-loop-product__title {
        font-size: 16px !important;
    }
	.blog-faq-section .container {
		display: flex;
		align-items: center;
	}
    article .post-data {
        padding: 22px 44px;
    }
    .get-tell-box {
        height: 102px;
    }
    .footer-get-tell {
        height: 160px;
    }
    .yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
        right: 15px;
        top: 48px;
    }
    .mobile-bottom-menu {
        display: none;
    }
    .define-item {
        justify-content: center;
    }
    .footer-get-tell p {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    .get-tell-box input[type=submit] {
        padding: 0px 10px;
    }
    .header-row-2 .container {
        height: 92px;
    }
    .nav-previous, .nav-next {
        width: 48%;
    }
	.spacial-product-section .container {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 15px;
	}
	.discount-slider-section .carousel-slider .owl-item img,
    .best-sell-product-section .carousel-slider .owl-item img {
		width: auto;
		max-height: 285px;
	}
    .spacial-product-section .carousel-slider .owl-item img {
        width: auto;
		max-height: 369px;
    }
	.woocommerce-page div.product div.images {
		width: 30% !important;
	}
	.woocommerce-page div.product div.summary {
		width: 67%;
	}
	h1{ font-size: 22px !important; }
    h2{ font-size: 20px !important; }
    h3{ font-size: 18px !important; }
    h4{ font-size: 16px !important; }
	.post-archive-item {
		min-height: 250px;
		margin-bottom: 15px;
		text-align: justify
	}
	.post-archive-item h2 {
		font-size: 16px !important;
	}
}

@media (max-width:767px) {
    .woocommerce ul.products li.product {
        min-height: 360px;
    }
    .yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
        top: 62px;
        right: 10px;
    }
    .header-row-2 .container {
        height: 73px;
    }
    .category-section .row{
        display:flex;
        flex-wrap:nowrap;
        gap:6px;
        max-width: 400px;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .category-section .row::-webkit-scrollbar{
        display:none;
    }

    .category-section .row > div{
        flex:0 0 80%;
        max-width:80%;
        scroll-snap-align:start;
    }

    .header-row-1, #maxmegamenu-2, .xoo-wsc-sc-subt {
        display: none;
    }
    .header-row-3 {
        height: 0px;
    }
	.post-archive-item {
		margin-bottom: 30px;
	}
	.content-area {
		margin: 20px;
	}
	.footer_back svg, .footer_front svg {
		height: 48px;
	}
	.cat_part .col-xs-12 {
		margin-bottom: 20px;
	}
	#text-2 {
		margin-right: 20px;
	}
	.archive .last-new-sidebar, .single-post .entry-title
	, #comments .comments-title, .archive header .page-title{
		font-size: 16px !important;
	}
	h1{ font-size: 20px !important; }
    h2{ font-size: 18px !important; }
    h3{ font-size: 16px !important; }
    h4{ font-size: 14px !important; }
}

@media (max-width: 950px) {
    .mobile-bottom-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 10px 0px;
        background: #fff;
        z-index: 9999999;
        position: fixed;
        bottom: -1px;
        width: 100%;
        margin: auto;
        border-top: 1px solid silver;
        box-shadow: 0 -2px 8px rgb(0 0 0 / 10%);
        font-size: 15px;
        text-shadow: 0px 0px 4px silver;
    }
    .mobile-bottom-menu .left-part, .mobile-bottom-menu .right-part {
        flex: 3;
    }
    .mobile-bottom-menu .left-part-box {
        gap: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mobile-bottom-menu .left-part-box div {
        text-align: center;
        position: relative;
        margin: 0px 7px 0px 7px;
    }
    .mobile-bottom-menu .left-part-box .fa {
        display: block;
        font-size: 18px;
        color: #0A4169;
    }
    .mobile-bottom-menu .left-part-box div a {
        font-size: 13px;
        color: #03213b !important;
    }
    .center-part {
        width: 50px;
        height: 50px;
        color: #fff;
        padding: 10px;
        font-size: 20px;
        margin-top: -22px;
        line-height: 31px;
        border-radius: 50%;
        background: #0a4169;
    }
    .center-part .fa {
        color: #fff;
    }
    .cart-mobile-menu .badg {
        color: #fff;
        height: 20px;
        width: 20px;
        font-size: 11px;
        position: absolute;
        border-radius: 7px;
        background: #0A4169;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translate(5px, -6px);
    }
}


/********** single product script ***********/
/* استایل‌های باکس اصلی */
.sticky-buy-box {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #ddd;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

/* استایل هدر جدید */
.fixed-head {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    font-size: 14px;
}
.fixed-head .head-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* برای اینکه وقتی چسبیده شد، جای قبلی‌اش خالی نماند */
@media (min-width: 1024px) {
    .single-product .sticky-buy-box {
        width: 100%;
        max-width: 300px;
    }
    /* حالت چسبیده (وقتی به کلاس رسید) */
    .sticky-buy-box.is-sticky {
        position: fixed;
        
        top: 20px; /* فاصله از بالای مرورگر */
        width: 300px; /* عرض ستون سوم */
        z-index: 999;
        box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        inset-inline-start: 979.969px;
        
    }
}
/********** end single product script ***********/

/********** single product style ***********/
@media (min-width: 1024px) {
    .woocommerce-tabs {
        max-width: 72%;
    }
    .woocommerce div.product form.cart .variations label {
        color: #000;
        margin-top: 10px;
    }
    /* ساختار کلی ۳ ستونه */
    .single-product div.product {
        display: flex !important;
        flex-wrap: wrap;
        gap: 30px;
    }

    /* ستون ۱: تصویر */
    .single-product .woocommerce-product-gallery {
        flex: 1 1 300px;
    }

    /* ستون ۲: توضیحات */
    .single-product .summary.entry-summary {
        flex: 1 1 400px;
    }

    /* ستون ۳: باکس خرید (استیکی) */
    .sticky-buy-box {
        flex: 0 0 300px;
        position: sticky;
        top: 100px;
        height: fit-content;
        border: 1px solid #ddd;
        padding: 20px;
        border-radius: 15px;
        background: #f9f9f9;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
}
/********** end single product style ***********/