/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child Theme for Astra
Author: Your Name
Template: astra
Version: 1.0.0
*/
/* Generated by script */

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/Vazirmatn-RD-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*,html,body,input::placeholder,textarea::placeholder{
	font-family:Vazirmatn;

}
html.lenis, html.lenis body {
    background: #fffcf5;
}
.co-flags .wpml-ls-flag {
    width: 25px;
}

.product-brand-logo img {
    max-height: 95px;
    width: auto;
    object-fit: contain;
    box-shadow: 0px 0px 5px 1px #fcb202 !important;
    border-radius: 10px !important;
    padding: 5px;
}

.iconic-woothumbs-all-images-wrap {
    box-shadow: 0 0 5px 1px #fcb202;
    border-radius: 10px;
}
.iconic-woothumbs-thumbnails__image-wrapper {
    margin: 4px 4px 0 0;
    border-radius: 3px;
}
.iconic-woothumbs-thumbnails__image-wrapper:before {
    border: 2px solid #fcb202;
}

table.woocommerce-product-attributes tr, table.woocommerce-product-attributes th, table.woocommerce-product-attributes td {
    border-radius: 10px;
    border: 1px solid #727374 !important;
}
.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active a {
    border: 1px solid #fcb202;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before {
    background: #fcb202;
}
section.related.products {
    box-shadow: inset 0 0 10px 0 #fcb202;
    border-radius: 7px;
    padding: 25px;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #fcb202;
    border-radius: 50% 100% 100% 100%;
}

.woocommerce ul.products li.product .attachment-woocommerce_thumbnail {
    transition: all 0.3s ease;
}

.woocommerce ul.products li.product:hover .attachment-woocommerce_thumbnail {
    opacity: 0;
}

.woocommerce ul.products li.product .secondary-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 2;
}

.woocommerce ul.products li.product:hover .secondary-image {
    opacity: 1;
}
.woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li.product.desktop-align-left {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.view-product-button-wrapper {
    text-align: center;
}
a.button.view-product-button {
    border-radius: 50px;
}
@media (max-width: 544px) {
	a.button.view-product-button{
		padding: 8px;
	}
}
h2.woocommerce-loop-product__title {
    text-align: center;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: #233543;
    color: #ffffff;
    border-radius: 50px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
color: #FFFFFF;
    background-color: #D03D1B;
	    border-radius: 50px;
}
.woocommerce-js nav.woocommerce-pagination ul li {
	border: 0
}
nav.woocommerce-pagination {
    text-align: center;
}
.rtl .woocommerce-pagination .page-numbers li:last-child .next,.rtl .woocommerce-pagination .page-numbers li:first-child .prev  {
	transform: rotateY(360deg);
}
.woocommerce-js nav.woocommerce-pagination ul li a, .woocommerce-js nav.woocommerce-pagination ul li span {
	color: #233543;
}
#primary {
    margin: 2em 0;
}
.rtl .frm-fluent-form .choices[data-type*=select-one]:after {
    left: 11.5px !important;
    right: auto !important;
}
.uc-posts-pagination span.page-numbers.current {
    background-color: #233543;
    color: #ffffff;
    border-radius: 50px;
    padding: 10px 18px;
    margin: 10px;
}
.uc-posts-pagination a.page-numbers:hover {
    background: #fcb202;
    color: #ffffff;
    border-radius: 50px;
    padding: 10px 18px;
}
.uc-posts-pagination a.page-numbers {
    color: #d03d1b;
    font-size: 1.2rem;
    border-radius: 50px;
    padding: 10px 18px;
}
.uc-posts-pagination {
    text-align: center;
    padding: 20px 0;
}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover
 {
    box-shadow: 0px 1px 3px 1px #fcb202 !important;
}
div#comments {
    border: 1px solid #d03d1b;
    box-shadow: 1px 1px 1px #d03d1b;
    border-radius: 20px;
}
.woocommerce div.product.elementor .woocommerce-tabs .panel {
    text-align: justify;
}
/* تنظیمات کلی محفظه ویدئو */
.custom-product-video-wrapper {
    width: 100%;
    max-width: 800px; /* حداکثر عرض ویدئو - می‌توانید این عدد را تغییر دهید */
    margin: 20px auto; /* فاصله از بالا و پایین و وسط‌چین کردن */
    display: block;
    clear: both;
}

/* رفع مشکل استایل پلیر پیش‌فرض وردپرس برای فایل‌های MP4 */
.custom-product-video-wrapper .wp-video {
    width: 100% !important;
    margin: 0 auto !important;
}

.custom-product-video-wrapper video {
    width: 100% !important;
    height: auto !important;
    display: block;
    border-radius: 8px; /* گوشه‌های گرد برای زیبایی بیشتر */
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* یک سایه ملایم */
}

/* استایل ریسپانسیو برای ویدئوهای آپارات، یوتیوب و (iframes) */
.responsive-video-container {
    position: relative;
    padding-bottom: 56.25%; /* حفظ نسبت تصویر 16:9 */
    height: 0;
    overflow: hidden;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.responsive-video-container iframe,
.responsive-video-container object,
.responsive-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}