.nav-tabs-wrapper ul li a,a{text-decoration:none!important}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/eot/IRANSansWeb_Bold.eot');
    src: url('fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), url('fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), url('fonts/woff/IRANSansWeb_Bold.woff') format('woff'), url('fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype')
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/eot/IRANSansWeb_Medium.eot');
    src: url('fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), url('fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'), url('fonts/woff/IRANSansWeb_Medium.woff') format('woff'), url('fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype')
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('fonts/eot/IRANSansWeb_Light.eot');
    src: url('fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), url('fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'), url('fonts/woff/IRANSansWeb_Light.woff') format('woff'), url('fonts/ttf/IRANSansWeb_Light.ttf') format('truetype')
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('fonts/eot/IRANSansWeb_UltraLight.eot');
    src: url('fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), url('fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), url('fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'), url('fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype')
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/eot/IRANSansWeb.eot');
    src: url('fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), url('fonts/woff2/IRANSansWeb.woff2') format('woff2'), url('fonts/woff/IRANSansWeb.woff') format('woff'), url('fonts/ttf/IRANSansWeb.ttf') format('truetype')
}
body{font:14px IRANSans}.logo img{width:240px;height:100px;margin:4px}.navbar-default{background-color:#0d86e7;border-color:none}.copyright a,.navbar-default .navbar-nav>li>a,.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand,.price-inner span{color:#fff}#bs-example-navbar-collapse-1{padding:0}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:#8d12cc}.navbar-default .navbar-nav>.active>a{background-color:#1770b7;color:#fff}.navbar-default .navbar-nav>.active>a:hover,.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand:hover{background-color:#8d12cc;color:#000}.navbar-default .navbar-toggle .icon-bar,ul#countdown li{background-color:#fff}.contentarea p{text-align:justify;padding-right:5px;padding-left:8px}.commentus,.contentsingle,.widgetbox{margin-bottom:17px;width:100%;border-radius:3px;border:1px solid rgba(0,0,0,.2);box-shadow:2px 2px 2px rgba(0,0,0,.5)}.widgetbox .headarea{background-color:#e5e5e5;padding:5px 10px}.widgetbox .headarea h3{font-size:17px}.akharinmaghalat{display:block;margin:-7px 5px;height:80px}.akharinmaghalat a,.reshte a{text-decoration:none;color:#010101}.akharinmaghalat img{float:right;margin:0 0 0 5px}.akharinmaghalat h3{font-size:16px;line-height:24px;font-weight:400;text-align:justify;padding-left:5px}.carousel-caption p,.reshte h3{font-size:20px;font-weight:400}.akharinmaghalat h3:hover{border-radius:5px;background-color:#efecec}.reshte{display:block;margin:5px}.reshte img{float:right}.reshte h3{padding:15px;margin-right:60px}.reshte h3:hover{background-color:#0f0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px}.reshte a:hover{text-decoration:none;color:#fff}.carousel-caption{left:auto;right:20px;text-align:right;bottom:-20px}.carousel-caption p{background-color:rgba(248,241,241,.5);padding:6px;border-radius:3px}.titlemain{box-shadow:0 2px 0 #eee;float:right;width:100%;margin-bottom:15px}.titlemain h1,.titlemain h2{padding:10px 5px;font-size:18px;box-shadow:0 2px 0 #2196f3;float:right;margin-bottom:1px;font-weight:400}.productbox{margin-bottom:17px;width:100%;border-radius:3px;border:1px solid rgba(0,0,0,.2);box-shadow:2px 2px 2px rgba(0,0,0,.5);padding-bottom:50px}.home-cat-thumb img,.productbox img{display:block;margin:auto}.productbox h3{font-weight:400;font-size:18px;line-height:25px;text-align:center;color:#000;height:100px;overflow:hidden;margin:5px}.productbox span.gimat{background-color:#818181;color:#fff;display:block;float:right;padding-bottom:8px;padding-top:8px;margin-left:1px;padding-right:1px;margin-right:23px}.productbox a.add-to-cart{background-color:#654ca5;color:#fff;font-size:17px;display:block;float:right;padding:7px 2px 2px;margin-right:1px;height:40px}.productbox:hover a.add-to-cart{background-color:#02d902;text-decoration:none}.productbox span.gimat:hover{background-color:#959595}.bottom-image a,.bottom-kharid a,.ccontent .box a:hover,.contennt .box a:hover,.price-box ins,.productbox a{text-decoration:none}.moreproduct{margin:0 15px}.moreproduct a{color:#fff;text-align:center;display:block;text-decoration:none;background-color:#0054a6;border-radius:4px;padding:10px 0;font-size:18px;margin:10px 0}.moreproduct:hover a{color:#000;background-color:#1b89f5}.footerarea{background-color:#455a64;width:100%;padding-top:10px;margin-top:10px;border-radius:3px}.widgetfooterhead{box-shadow:0 2px 0 #eee;padding:8px;width:100%;margin-bottom:15px;text-align:center;color:#fff}.widgetfootercontent ul li a{color:#fff;display:block}.copyright{background-color:#34434b;width:100%;padding:10px;color:#fff}.socials{text-align:left}.main-box{margin-bottom:5px;overflow:hidden;border:1px solid #c1c1c1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.main-box-header{min-height:40px;z-index:1;cursor:default;line-height:28px;white-space:nowrap;color:#3e3e3e;background:#f0f0f0;border-bottom:1px solid #fff}.main-box-header h1,.main-box-header h2{min-height:26px;margin-bottom:-3px;padding:5px 12px 8px;display:inline-block;vertical-align:top;border-bottom:2px solid #654ca5;font-size:16px;font-weight:400;margin-top:8px;white-space:normal}.main_box_header_divider{height:2px;background:#c1c1c1}.main_box_body{position:relative}.single_block{padding:2px 10px;overflow:hidden}.singleright{overflow:hidden;margin:2px}.tables_container{overflow:hidden;border:1px solid #c7c7c7;border-radius:5px}.inner{margin:0 -1px -1px}.tables_container table{width:100%;margin-top:-1px;line-height:24px;font-size:14px;color:#3e3e3e}.tables_container table td{border:1px solid #c7c7c7;padding:7px 15px 9px;font-weight:700;font-size:14px}.tables_container table td span.collored{color:#654ca4}.tables_container table tr:nth-child(2n){background:#f3f3f2}.imageproduct{height:250px;border:1px solid #c7c7c7;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.imageproduct img{width:200px;height:200px;position:absolute;top:25px;left:30px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.price-box{line-height:24px;color:#4c5058;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.bottom-image{background-color:#654ca5;border-radius:3px}.bottom-image:hover{background-color:#a020af;border-radius:3px}.bottom-image a p{text-align:center;padding:8px;color:#fff;margin:0 0 6px}.bottom-kharid{background-color:#f05d5d;border-radius:3px}.bottom-kharid:hover{background-color:#f46ae5;border-radius:3px}.bottom-kharid a p{text-align:center;padding:5px;color:#fff}.sample-box{margin-top:20px;overflow:hidden;border:1px solid #c7c7c7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.sample-box-header{height:39px;padding:0 17px;background-color:#f8f8f8;border-bottom:1px solid #c7c7c7;color:#3e3e3e;line-height:37px;font-size:16px}.sample-box-body{padding:15px 25px;color:#3e3e3e;line-height:24px;font-size:14px;text-align:justify}.bottn-box,.botton-box,.cotton-box{width:100%;padding:9px;height:40px;border-radius:5px;float:right}.bottm-container,.bottom-container,.mohtava{margin:14px -10px 0 14px;overflow:hidden;text-align:center}.botton-box{background-color:#654ca5;margin:5px 15px}.bottn-box .inner,.botton-box .inner,.cotton-box .inner,.price-inner{margin:0 10px}.bottm-container .bottn-box .inner a,.bottom-container .botton-box .inner a{display:block;text-decoration:none;color:#fff}.botton-box:hover{background-color:#a020af}.bottn-box,.cotton-box{background-color:#f05d5d;margin:5px 15px}.mohtava-box,.price-box{padding:9px;border:1px solid #71db8c;text-align:center}.bottn-box:hover,.cotton-box:hover,.woocommerce button.button.alt:hover{background-color:#f46ae5}.mohtava-box{width:50%;background-color:#ecfff2;margin:5px auto}.mohtava-box .mohtava-inner{color:#1b903c}.price-container{margin:14px 0 0 14px;overflow:hidden;text-align:center}.price-box{width:100%;background-color:#10d522;margin:5px auto}.searcharea button{background:0 0;border:none;color:#fff;font-size:22px;outline:0;margin:5px 0 0}.searcharea input{background:#fff;border:none;outline:0;color:#000;padding-right:6px}.searcharea input::-webkit-input-placeholder{color:#000}.glyphicon{top:8px}iframe{width:750px;height:600px;border:3px solid #654ca5;border-radius:6px}.woocommerce button.button.alt,.woocommerce input.button.alt{width:100%;padding:0;border-radius:3px;background-color:#f05d5d;height:30px}#billing_city,.comment-reply-title,.gateway-item,.gateway-title,.woocommerce #billing_state,.woocommerce .quantity .qty,.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .price,.woocommerce-Reviews-title,.woocommerce-additional-fields__field-wrapper,.wpuf-form-add li input[type=submit]{display:none}.woocommerce #review_form #respond textarea{background:#e7e7e7;border-radius:5px;padding-right:10px}.woocommerce #reviews #comments ol.commentlist li .comment-text p,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{padding-right:30px}.woocommerce #reviews #comments ol.commentlist li img.avatar{float:right;position:absolute;top:0;right:0;padding:2px;width:80px;height:auto;background:#ebe9eb;border:1px solid #e4e1e3;margin:0 -38px 0 0;box-shadow:none;border-radius:50%}.woocommerce #reviews #comments ol.commentlist li .comment-text{margin:5px}.woocommerce #review_form #respond .form-submit input{color:#fff;background:#663399;margin:0 40% 0 50%;width:130px}.productbox img,.widgetbox{margin-top:5px}.account-wrapper,.ccontent,.contennt,.sefaresh,.widget_text,.woocommerce .products ul,.woocommerce ul.products{text-align:center}.ccontent .box{margin-top:50px}.ccontent .box img:hover{transform:rotate(360deg);transition:3s}.ccontent .box img{width:200px;height:200px;border-radius:50%;border:2px solid #cd2122}.ccontent .box h3{font-size:18pt;color:#000;text-align:center}.sefareshh{background:#f05dde;text-align:center;text-decoration:none;color:#fff}.contennt .box{margin-top:30px}.contennt .box img{width:200px;height:200px;border:2px solid #a020af}.contennt .box h2,.contennt .box h3{font-size:14px;color:#000;text-align:center;line-height:20px}.taged_as,.wc-item-download-label{color:red}strong.search-excerpt{background-color:#ff0;color:#00f}#dc_jqaccordion_widget-2-item,#dc_jqaccordion_widget-6-item,#dc_jqaccordion_widget-7-item{border-top:1px solid #013d6c;border-right:1px solid #013d6c;border-left:1px solid #013d6c}#dc_jqaccordion_widget-2-item ul,#dc_jqaccordion_widget-2-item ul li,#dc_jqaccordion_widget-6-item ul,#dc_jqaccordion_widget-6-item ul li,#dc_jqaccordion_widget-7-item ul,#dc_jqaccordion_widget-7-item ul li{margin:0;padding:0;border:none;list-style:none}#dc_jqaccordion_widget-2-item ul a,#dc_jqaccordion_widget-6-item ul a,#dc_jqaccordion_widget-7-item ul a{padding:10px 10px 10px 15px;background:linear-gradient(#0d86e7,#1571b9)!important;text-decoration:none;display:block;color:#fff!important;border-bottom:1px solid #013d6c;border-top:1px solid #4695d3}#dc_jqaccordion_widget-2-item ul a:hover,#dc_jqaccordion_widget-6-item ul a:hover,#dc_jqaccordion_widget-7-item ul a:hover{background:#05477c!important;color:#f0f8ff!important}#dc_jqaccordion_widget-2-item ul a.dcjq-parent.active,#dc_jqaccordion_widget-6-item ul a.dcjq-parent.active,#dc_jqaccordion_widget-7-item ul a.dcjq-parent.active{background:#0d5995}.tagged_as,.textcheck p{color:#000}.tagged_as a{display:inline-block;color:inherit;border-bottom:1px solid #fb00ff}.taged_as a:hover,.tagged_as a:hover{color:#fff;background-color:#654ca5;text-decoration:none}.taged_as a{display:inline-block;color:#000;border:1px solid}.nav-tabs-wrapper,.nav-tabs-wrapper ul li:hover{border-radius:0 10px 10px 0;box-shadow:0 10px 30px -12px rgba(0,0,0,.42),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}.woocommerce .woocommerce-breadcrumb a{color:#3807ff}.nav-tabs-wrapper{background:#2b2f3e}.nav-tabs-wrapper ul li{display:block;position:relative;list-style:none;margin:0;padding:0!important}.nav-tabs-wrapper ul li:hover{background-color:#114e82;display:block;position:relative;list-style:none;margin:0;padding:0}.nav-tabs-wrapper ul li a{margin:10px 0;border-radius:3px;background-color:transparent;border:0!important;color:#fff!important;font-weight:500;line-height:24px;font-size:14px;padding:10px 15px;display:block;position:relative}.account-wrapper-container ul li.login,.account-wrapper-container ul li.sabt{border-radius:4px;position:relative;margin-bottom:5px;color:#fff;float:right}.wpuf-form-add{font-family:iransans}#wpuf-post-draft{background:#663399;color:#fff}.account-wrapper-container ul li.login{background-color:#d332c1;width:50%;margin-top:28px;height:57px;padding-top:11px;margin-left:1px}.account-wrapper-container ul li.sabt{background-color:#668a05;width:40%;margin-top:30px;height:35px;padding-top:3px;margin-right:20px}li .comment-text{background:#dedede;border-radius:30px!important}.children .comment-text{background:#19c35d!important;border-radius:30px!important;color:#fff}.woocommerce-review__author,woocommerce-review__published-date{color:#60007f!important}#edt_default_field_email,#edt_default_field_name,#edt_default_field_phone{margin:2%}#edt_default_field_phone textarea{width:80%}.form-table .easy-donations-form{width:100%}.taxonomy-description{overflow:hidden;padding:10px 18px 12px;margin-top:10px;background:#f0e7ff;border:1px solid #71db8c;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:25px;color:#000;font-size:14px;line-height:25px;text-align:justify}.taxonomy-description h2,.taxonomy-description h3{font-size:20px}.page-numbers,.taxonomy-description a{background:#bffff3}.contennt .box h3{font-size:16px;color:#000;text-align:center;line-height:25px}.sample-box-body img{width:100%;border:double currentColor}.woocommerce-form-track-order{border:4px solid green}.textcheck,.textwidget p,td,th{text-align:justify}@media screen and (max-width:768px){.logo{text-align:center}iframe{width:100%;height:300px;border:3px solid #654ca5;border-radius:6px}}@media screen and (min-width:500px) and (max-width:990px){.imageproduct img{margin:0 30%}}.textwidget p{padding-left:10px}.dropdown-menu a{display:block;background:#2b2f3e;margin:1px;color:#fff;font-size:15px}.dropdown-menu a:hover{background:#d332c1}.woocommerce-breadcrumb a{background:#b2e4f0!important;font-size:14px!important}.position-relative{font-size:22px;font-weight:700;cursor:pointer;margin:0 0 15px;padding:10px;background:#f5f9ff;color:#58468c;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:60px}.card{padding:20px;background-color:#f5f9ff;width:100%;margin:0 0 10px;display:block;box-sizing:border-box;transition:.3s ease-in-out}.widgetfootercontent img{background:#fff;text-align:center}.wpb_wrapper{background:#fff;float:right;width:100%;margin-top:5px;border:2px solid #00a5e9;transition-duration:.3s;margin-bottom:10px}.home-cat-first{margin:10px;border-radius:3px;border:1px solid rgba(0,0,0,.2);box-shadow:2px 2px 2px rgb(0 0 0 / 50%)}.textcheck a{color:#2196f3}.textcheck a:hover{color:#6e6e6e}.relativeproducts{box-shadow:0 .5px 0 #1771f7;float:right;width:100%;margin-right:12px;margin-bottom:5px;margin-top:10px}.relativeproducts h5{padding:5px;font-size:20px;box-shadow:0 2px 0 #1f63d9;float:right;margin-bottom:0}.box h5,table{font-size:14px}table{border-collapse:collapse;width:100%}td,th{padding:8px;border:1px solid #ddd}tr:nth-child(2n){background-color:#f2f2f2}.sefaresh img{margin:4px;width:345px;height:100px}.box h5{color:#000}.neveshtbox{background-color:#446c8f;color:#fff;display:block;float:right;padding-bottom:8px;padding-top:8px;margin-left:0;margin-right:0;width:100%;text-align:center}.neveshtbox:hover{background-color:#00396a}.textcheck h3{font-weight:400;font-size:24px;line-height:25px;text-align:center;color:#003a6b}.textcheck h3:hover{color:#2796f3}.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h3{font-size:15px;padding:5px 12px;line-height:22px;color:#000;height:100px;overflow:hidden}.woocommerce ul.products li:hover{background-color:#d2e4ed}.woocommerce ul.products li.product a img{padding:20px 40px}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:43%;border-right:1px;border:1px solid #000;box-shadow:1px 1px 0 #000;border-radius:3px;margin:10px!important}.problemsample{padding:0 25px;text-decoration:none;text-align:justify}.problemsample img{width:100%;border:double currentColor;height:auto;max-width:100%}.banner-promo{background-color:#c1d883;padding:1rem 0;width:100%}.banner-promo .wrapper--1100{display:flex;flex-direction:row;align-items:center;justify-content:center}.wrapper--1100{max-width:1100px;margin-right:auto;margin-left:auto}.banner-promo__coupon{display:inline-block;font-weight:500;font-size:1.375rem;color:#fff;text-transform:uppercase;padding:.5rem 1.1875rem;background:#d6295f;border-radius:48px}.banner-promo__coupon a{color:#fff}.banner-promo__text{display:inline-block;margin:0 2.5rem;font-size:1.125rem;color:#0c0f1f}.has-style-bold{font-weight:700}ul#countdown{display:flex;list-style-type:none;margin:0;padding:0}ul#countdown li{display:flex;flex-direction:column;margin-right:4px;width:72px;height:64px;padding:.625rem .875rem;border-radius:8px;justify-content:center;align-items:center}ul#countdown .numbers{display:block;font-size:24px;line-height:1}ul#countdown .name{font-size:14px;margin:0}.download-product a{pointer-events:none!important} .karpro{border: 1px solid #c7c7c7;text-align: justify;padding: 5px;background: #d2ffd7;text-align: justify;}
/* استایل‌های Carousel سفارشی */
.post-carousel-custom {
    margin-bottom: 30px; /* فاصله از بخش بعدی */
    /* direction: ltr; */ /* گاهی اوقات Slick با LTR بهتر کار می‌کند، اما rtl:true در JS مهم‌تر است */
background: #d82e4d;
    border: 15px solid #d82e4d;
}

.post-carousel-custom .slick-slide {
    padding: 0 10px; /* فاصله افقی بین آیتم‌ها از طریق padding والد */
}

.carousel-item-custom .inner-content {
    border: 1px solid #eee;
    background-color: #f9f9f9;
    padding: 15px;
    text-align: right; /* برای محتوای فارسی */
    min-height: 380px; /* ارتفاع حداقلی (تنظیم کنید) */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* توزیع محتوا */
}

.carousel-item-custom img {
    max-width: 100%;
    height: 180px; /* ارتفاع ثابت برای تصویر (تنظیم کنید) */
    object-fit: cover; /* نحوه نمایش عکس در کادر */
    margin-bottom: 15px;
    display: block; /* جلوگیری از فضای خالی زیر عکس */
    margin-left: auto; /* برای اطمینان از چیدمان */
    margin-right: auto; /* برای اطمینان از چیدمان */
}

.carousel-item-custom h3 {
    font-size: 1.1em;
    margin-bottom: 10px;
    min-height: 45px; /* فضا برای 2 خط عنوان */
    line-height: 1.4;
}

.carousel-item-custom .excerpt-custom {
    font-size: 0.9em;
    color: #555;
    flex-grow: 1; /* بخش خلاصه فضای باقی‌مانده را بگیرد */
    margin-bottom: 15px;
    line-height: 1.5;
     /* برای محدود کردن متن به چند خط (اختیاری) */
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3; /* تعداد خطوط */
     -webkit-box-orient: vertical;
}

.carousel-item-custom .read-more-custom {
    display: inline-block;
    padding: 6px 12px;
    background-color: #007bff; /* رنگ دکمه */
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.85em;
    align-self: flex-start; /* دکمه در سمت راست قرار گیرد */
    transition: background-color 0.3s ease;
}

.carousel-item-custom .read-more-custom:hover {
    background-color: #0056b3; /* رنگ دکمه در هاور */
}

/* استایل فلش‌های چپ/راست Slick (اختیاری) */
.post-carousel-custom .slick-prev,
.post-carousel-custom .slick-next {
    z-index: 10;
    /* ممکن است نیاز به تنظیم موقعیت با top, left, right داشته باشید */
}

.post-carousel-custom .slick-prev:before,
.post-carousel-custom .slick-next:before {
    color: #333; /* رنگ آیکون فلش‌ها */
    font-size: 25px; /* اندازه آیکون فلش‌ها */
}
/* تنظیم موقعیت فلش‌ها برای RTL */
.post-carousel-custom .slick-prev { left: -25px; right: auto; }
.post-carousel-custom .slick-next { right: -25px; left: auto; }

/* استایل نقاط ناوبری (اختیاری) */
.post-carousel-custom .slick-dots li button:before {
    font-size: 10px;
    color: #888;
}
.post-carousel-custom .slick-dots li.slick-active button:before {
    color: #007bff; /* رنگ نقطه فعال */
}
/* --- استایل هاور برای آیتم‌های Carousel --- */

/* ابتدا به آیتم اصلی یک transition اضافه می‌کنیم تا انیمیشن بزرگ شدن نرم باشد */
.post-carousel-custom .carousel-item-custom .inner-content {
    /* ... استایل‌های قبلی که برای .inner-content داشتید ... */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    position: relative; /* لازم است تا z-index کار کند */
    z-index: 1; /* لایه پایه */
}

/* حالا استایل :hover را تعریف می‌کنیم */
.post-carousel-custom .carousel-item-custom:hover .inner-content {
    transform: scale(1.05); /* کمی بزرگ‌تر شود (مثلا 5 درصد) */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* یک سایه برای برجستگی بیشتر */
    z-index: 2; /* آیتم هاور شده را روی بقیه آیتم‌ها نمایش بده */
}

/* نکته: مطمئن شوید فضای کافی بین آیتم‌ها وجود دارد (با padding در .slick-slide
   یا margin در .carousel-item-custom) تا موقع بزرگ شدن روی هم نیفتند.
   padding: 0 10px; در .slick-slide که قبلا داشتیم معمولا کافی است.
*/
/* --- استایل سفارشی برای فلش‌های Carousel --- */

.post-carousel-custom .slick-prev,
.post-carousel-custom .slick-next {
    width: 45px; /* عرض دکمه */
    height: 45px; /* ارتفاع دکمه */
    background-color: rgba(0, 0, 0, 0.6); /* پس‌زمینه نیمه‌شفاف تیره */
    border-radius: 50%; /* گرد کردن کامل دکمه */
    z-index: 5; /* بالاتر از آیتم‌ها اما شاید پایین‌تر از آیتم هاور شده */
    transition: background-color 0.3s ease; /* انیمیشن نرم برای تغییر رنگ پس‌زمینه */
    /* تنظیم موقعیت عمودی دقیق در وسط */
    top: 50%;
    transform: translateY(-50%);
}

/* استایل هاور برای دکمه‌ها */
.post-carousel-custom .slick-prev:hover,
.post-carousel-custom .slick-next:hover,
.post-carousel-custom .slick-prev:focus,
.post-carousel-custom .slick-next:focus {
    background-color: rgba(0, 0, 0, 0.9); /* تیره‌تر شدن هنگام هاور یا فوکوس */
    outline: none; /* حذف خط دور پیش‌فرض در حالت فوکوس */
}

/* استایل خود آیکون فلش (که معمولا با ::before ساخته می‌شود) */
.post-carousel-custom .slick-prev::before,
.post-carousel-custom .slick-next::before {
    font-size: 22px; /* اندازه آیکون فلش */
    color: #ffffff; /* رنگ سفید برای فلش */
    line-height: 1; /* کمک به وسط‌چینی عمودی آیکون */
    opacity: 1; /* اطمینان از دیده شدن کامل */
     /* font-family: 'slick'; */ /* معمولا نیازی نیست تغییر کند */
}

/* تنظیم موقعیت افقی دکمه‌ها (با توجه به RTL) */
/* دکمه قبلی (راست در RTL) */
.post-carousel-custom .slick-prev {
    /* برای LTR */
     left: -20px; /* کمی فاصله از لبه چپ */
     right: auto;
}
[dir="rtl"] .post-carousel-custom .slick-prev {
    /* برای RTL */
    right: -20px; /* کمی فاصله از لبه راست */
    left: auto;
}

/* دکمه بعدی (چپ در RTL) */
.post-carousel-custom .slick-next {
    /* برای LTR */
    right: -20px; /* کمی فاصله از لبه راست */
    left: auto;
}
[dir="rtl"] .post-carousel-custom .slick-next {
    /* برای RTL */
    left: -20px; /* کمی فاصله از لبه چپ */
    right: auto;
}

/* (اختیاری) اگر در موبایل دکمه‌ها خیلی بزرگ هستند یا روی محتوا می‌افتند */
@media (max-width: 767px) {
    .post-carousel-custom .slick-prev,
    .post-carousel-custom .slick-next {
        width: 35px;
        height: 35px;
    }
    .post-carousel-custom .slick-prev::before,
    .post-carousel-custom .slick-next::before {
        font-size: 18px;
    }
     /* ممکن است لازم باشد موقعیت left/right را هم کمی تغییر دهید */
    .post-carousel-custom .slick-prev { left: -10px; }
    [dir="rtl"] .post-carousel-custom .slick-prev { right: -10px; left:auto; }
    .post-carousel-custom .slick-next { right: -10px; }
    [dir="rtl"] .post-carousel-custom .slick-next { left: -10px; right:auto; }
}













/*
========================================
FaraPlan Marketplace Professional Styles
Version: 3.0 (No-Image Design)
========================================
*/

/* --- 1. Global & Typography --- */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700;800&display=swap');

/* اعمال فونت فقط در این قالب برگه */
.page-template-page-marketplace {
    font-family: 'Vazirmatn', sans-serif;
    line-height: 1.8;
    background-color: #f8f9fa; /* یک پس‌زمینه خاکستری خیلی روشن برای کل صفحه */
}

.fara-plan-section h2 {
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 25px;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    color: #1d2d3f;
}

.fara-plan-section h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 70px;
    height: 4px;
    background: linear-gradient(to left, #007BFF, #00c6ff);
    border-radius: 2px;
}

/* --- 2. Hero Section (No-Image Version) --- */
.fara-plan-hero-no-img {
    background: #ffffff;
    padding: 80px 0;
    text-align: center;
    border-bottom: 1px solid #dee2e6;
}

.hero-tagline {
    display: inline-block;
    background-color: #e7f3ff;
    color: #0056b3;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px;
}

.fara-plan-hero-no-img h1 {
    font-size: 46px;
    font-weight: 800;
    color: #1d2d3f;
    margin-bottom: 20px;
}

.hero-subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #5a6a7b;
    max-width: 700px;
    margin: 0 auto 40px;
    line-height: 1.9;
}

.fara-plan-buttons .fara-plan-btn {
    text-decoration: none;
    padding: 16px 35px;
    border-radius: 8px; /* گوشه‌های کمی گرد */
    margin: 5px 10px;
    font-weight: 700;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    display: inline-block;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.fara-plan-btn.btn-primary {
    background-color: #007BFF;
    color: #fff;
}
.fara-plan-btn.btn-primary:hover {
    background-color: #0069d9;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.25);
}

.fara-plan-btn.btn-secondary {
    background-color: #fff;
    color: #333;
    border-color: #ddd;
}
.fara-plan-btn.btn-secondary:hover {
    background-color: #f8f8f8;
    border-color: #ccc;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}


/* --- 3. How it Works Section --- */
.fara-plan-section {
    padding: 80px 0;
    background: #f8f9fa; /* رنگ پس‌زمینه برای یکنواختی */
}

.fara-plan-steps {
    margin-top: 60px;
}
.fara-plan-steps .step {
    text-align: center;
    padding: 30px;
    background: #ffffff;
    border-radius: 12px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
    position: relative;
    overflow: hidden;
}
.fara-plan-steps .step:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    border-color: #007BFF;
}

.step-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 15px; /* آیکون مربعی با گوشه گرد */
    background-color: #e7f3ff;
    color: #007BFF;
    font-size: 26px;
    font-weight: 800;
    margin: 0 auto 25px;
    transition: all 0.3s ease;
}
.fara-plan-steps .step:hover .step-icon {
    background-color: #007BFF;
    color: #fff;
    transform: rotate(10deg);
}

.step h3 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #1d2d3f;
}
.step p {
    font-size: 15px;
    color: #5a6a7b;
    line-height: 1.8;
}

/* --- 4. Buyer Section (Request Form) --- */
#buyer-section {
    background-color: #ffffff; /* پس‌زمینه سفید برای برجسته شدن */
}
#buyer-section p {
    font-size: 18px;
    color: #555;
}
.fara-plan-form-placeholder {
    padding: 50px;
    text-align: center;
    border-radius: 12px;
    background-color: #f8f9fa;
    border: 2px dashed #d0d9e3;
}
.fara-plan-form-placeholder p {
    color: #5a6a7b;
}


/* --- 5. Vendor Call to Action (CTA) --- */
.vendor-cta {
    background: #1d2d3f; /* رنگ آبی تیره و شیک */
    color: #fff;
}
.vendor-cta h2, .vendor-cta p {
    color: #fff;
}
.vendor-cta h2::after {
    background: #fff; /* خط زیرین سفید */
}
.vendor-cta p {
    font-weight: 300;
    font-size: 18px;
    max-width: 700px;
    margin: 10px auto 30px;
}

.fara-plan-btn.btn-cta {
    background: linear-gradient(to left, #007BFF, #00c6ff);
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    padding: 16px 40px;
    display: inline-block;
    margin-top: 20px;
    transition: all 0.3s ease;
    border: none;
}
.fara-plan-btn.btn-cta:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 123, 255, 0.3);
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .fara-plan-hero-no-img h1 {
        font-size: 34px;
    }
    .hero-subtitle {
        font-size: 16px;
    }
    .fara-plan-buttons .fara-plan-btn {
        width: 90%;
        margin-bottom: 15px;
    }
    .fara-plan-steps .step {
        margin-bottom: 30px;
    }
    .fara-plan-section h2 {
        font-size: 28px;
    }
}
/*
========================================
FaraPlan Marketplace Additions
========================================
*/

/* --- 6. Category Choice Section --- */
.choice-buttons {
    display: flex;
    justify-content: center;
    gap: 20px; /* فاصله بین دکمه‌ها */
    flex-wrap: wrap; /* برای نمایش بهتر در موبایل */
}
.choice-btn {
    padding: 20px 40px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 12px;
    border: 2px solid #e0e0e0;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px; /* فاصله بین آیکون و متن */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.choice-btn:hover, .choice-btn.active {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border-color: #007BFF;
    background-color: #007BFF;
    color: #fff;
}
.choice-btn i {
    font-size: 24px;
}

/* --- 7. Category Grid Section --- */
.category-grid-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
}

.category-grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.category-card {
    display: block;
    background-color: #fff;
    border-radius: 12px;
    padding: 25px;
    text-align: center;
    text-decoration: none;
    color: #333;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
    height: 100%; /* برای یکسان‌سازی ارتفاع کارت‌ها در یک ردیف */
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
    border-color: #007BFF;
}

.category-card .card-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background-color: #e7f3ff;
    color: #007BFF;
    font-size: 30px;
    transition: all 0.3s ease;
}
.category-card:hover .card-icon {
    background-color: #007BFF;
    color: #fff;
    transform: scale(1.1) rotate(-5deg);
}

.category-card h3 {
    font-size: 16px;
    font-weight: 700;
    color: #1d2d3f;
    margin: 0;
}
/* برای اینکه ستون‌ها در bootstrap فضای خالی نداشته باشند */
.category-grid [class*="col-"] {
    display: flex;
    margin-bottom: 30px;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .choice-btn {
        width: 100%;
        justify-content: center;
    }
    .category-card h3 {
        font-size: 14px;
    }
}
/* =================================================================
   STYLES FOR IDEA PRODUCT TEMPLATE
   ================================================================= */
.idea-details-wrapper {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #dee2e6;
}

.idea-header {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #3d3b73;
    border-bottom: 2px solid #ced4da;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.idea-header .idea-icon {
    font-size: 32px; /* For FontAwesome Icon */
    color: #5c67f2;
}

.idea-header h1 { /* I've changed this from h2 to h1 to match your code */
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.idea-info-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.idea-info-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.idea-info-item {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    border-left: 4px solid #5c67f2;
    flex-grow: 1;
}

.idea-info-item.full-width {
    width: 100%;
}

.idea-info-item.half-width {
    width: 100%; /* Default for mobile */
}

/* Two columns for larger screens */
@media (min-width: 768px) {
    .idea-info-item.half-width {
        width: calc(50% - 8px); /* 50% minus half the gap */
    }
}

.idea-info-label {
    display: block;
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 5px;
    font-weight: normal;
}

.idea-info-value {
    display: block;
    font-size: 17px;
    color: #212529;
    font-weight: bold;
}