/* =========================================================
   Custom CSS for Company Website
   Author: elaherezaii
   Purpose: تغییر رنگ دکمه‌ها، هدینگ‌ها، فوتر و المان‌های سایت
   تاریخ: 1404/06/18
========================================================= */

/* ===============================
   دکمه‌ها
=============================== */
button[type="submit"]{
  background-color: #DBD840 !important;
  color: #006E91 !important;
  border-radius: 10px !important;
  font-weight: bold;
  padding: 16px 28px;
  cursor: pointer;
  line-height: 1.2;
  border: none;
  transition: all 0.3s;
}

button[type="submit"]:hover{
  background-color: #5E4B3C !important;
  color: #ffffff !important;
}

button[type="submit"] i.icon-search{
  color: #ffffff !important;
}

button[type="submit"]:hover i.icon-search{
  color: #006E91 !important;
}

/* ===============================
   دکمه استعلام سریع قیمت
=============================== */
.quick-inquiry{
  background-color: #DBD840 !important;
  color: #006E91 !important;
  border-radius: 12px !important;
  padding: 16px 36px !important;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  filter: none !important;
}

.quick-inquiry:hover{
  background-color: #5E4B3C !important;
  color: #DBD840 !important;
}

//*=============================
هدر
===============================*/
/*هدر بوردر دور سبد خرید و کاربر */
.icon-special .border-special::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 12px;
    /* گرادیانت از B9B0B0 تا سفید */
    background: linear-gradient(180deg, #B9B0B0 0%, #FFFFFF 100%);
    /* سایه سبک‌تر و فقط پایین */
    box-shadow: 0 4px 6px -2px #A59A9A;
    transition: 3s;
    z-index: -1;
}
/* رنگ اولیه آیکون */
ul.tab-title-o.list-item-tab-product-index li.tab-o i.icon-arrrow-left {
    color: #D8CBC1; /* رنگ اولیه */
    transition: color 0.3s ease; /* برای تغییر نرم رنگ */
}

footer span.text-\[\#d2e1e1\] {
    color: #006E91 !important;
}



/* ===============================
   منوی محصولات
=============================== */
.menu-product-icon{
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 10px;
  padding: 16px 28px;
  border-radius: 12px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  background: linear-gradient(to left, #E2DEDE, #FFFFFF);
  color: #271D15 !important; /* رنگ متن بدون تغییر */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.menu-product-icon:hover{
  background: linear-gradient(to left, #FFFFFF, #FFFFFF);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

/* تغییر رنگ آیکون به 5E4B3C */
.menu-product-icon i{
  color: #5E4B3C !important; 
  font-size: 16px;
}
/*     پس‌زمینه سایزها در منو */
.grid.grid-cols-4.gap-2 a {
  background-color: #E2DEDE !important; /* رنگ پس‌زمینه ثابت */
}

span.text-\[18px\][class*="text-[#233564]"].font-bold {
  color: #5E4B3C !important; /* رنگ متن سایز */
}
/* حالت عادی */
.menu-tab-list li a i.icon-arrrow-left {
    color: #D8CBC1;
    transition: color 0.3s ease;
}

/* حالت هاور روی لینک منو */
.menu-tab-list li a:hover i.icon-arrrow-left {
    color: #006E91;
}


/* ===============================
   متن و عنوان محصولات در لیست
=============================== */
.product-list span,
span.text-\[13px\].font-bold{
  color: #271D15 !important; /* تغییر رنگ متن */
}

span.text-\[21px\].font-bold{
  color: #271D15 !important; /* تغییر رنگ عنوان */
  transition: color 0.3s ease;
}

span.text-\[21px\].font-bold:hover{
  color: #271D15 !important; /* تغییر رنگ هنگام هاور */
}


/* ===============================
   باکس جستجو
=============================== */
input[placeholder="جست و جوی سریع محصولات فولادی"]{
  background-color: #E2DEDE !important;
  color: #233564 !important;
  border-radius: 8px;
  padding: 16px 24px !important;
  transition: background-color 0.3s ease;
}

input[placeholder="جست و جوی سریع محصولات فولادی"]:focus{
  outline: none;
  background-color: #FFFFFF !important;
}
/* تغییر رنگ پس‌زمینه فقط برای باکس‌های جستجوی سریع */
.SwiperHashtagSearch .swiper-slide span {
    background-color: #E2DEDE !important; /* رنگ جدید */
}
/* تغییر رنگ آیکون جستجو هنگام هاور */
body i.icon-search.text-\[14px\].text-\[\#233564\]:hover{
  color: #D7D42B !important;
}

/*===============================
هاتباکس تغییر یافته
==================================*/
.hot-box {
    min-width: 26px;
    min-height: 26px;
    background-color: #994401 !important; /* رنگ ثابت پس‌زمینه */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    transform: rotate(17deg);
    box-shadow: none !important; /* حذف سایه */
    color: #ffffff !important; /* رنگ متن/آیکون */
    background-image: none !important; /* حذف گرادیانت */
}

/* آیکون‌های داخلی در هات باکس */
.hot-box .icon-hot {
    color: #ffffff !important; /* سفید */
    fill: #ffffff !important; /* سفید */
}

/* اطمینان از اینکه هیچ گرادیان یا رنگ دیگری اعمال نشود */
.hot-box *, 
.hot-box *::before, 
.hot-box *::after {
    background: none !important;
    background-color: inherit !important;
    color: inherit !important;
    fill: inherit !important;
}

/* ===============================
   لینک تلفن
=============================== */
a[href^="tel:"]{
  color: #969303 !important;
  font-weight: bold;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 4px;
  line-height: 1;
}

/* ===============================
   لینک مشاهده همه دسته بندی‌ها
=============================== */
a[href="#"].text-\[14px\].font-bold{
  color: #006E91 !important;
  transition: none !important;
}

/* ===============================
   فرم درخواست سریع
=============================== */
div.rounded-\[22px\].bg-\[\#f6fafa\]{
  background-color: #ffffff !important;
  border: 3px solid #E2DEDE;
}

/* ===============================
   فوتر
=============================== */
footer{
  background-color: #E2DEDE !important;
}

footer, 
footer a, 
footer span, 
footer p, 
footer li, 
footer ins{
  color: #5E4B3C !important;
}

footer a:hover{
  color: #5E4B3C !important;
}

.footer-bottom a[href^="tel:"],
.footer-main .item-social i,
.footer-main i.icon-map,
.footer-main i.icon-call,
.footer-main i.icon-email1,
.footer-main i.icon-chat3{
  color: #969303 !important;
}

/* مخفی کردن لوگوی ivahid */
footer img[src*="ivahid.png"]{
  display: none !important;
}

/* فقط داخل فوتر */
footer .col-footer::before {
    background-image: linear-gradient(
        0deg,
        #7C7070 0%,
        #7C7070 50%,
        #7C7070 99%,
        #7C7070 100%
    ) !important;
}

/* ===============================
   باکس خبرنامه
=============================== */
.news-letter{
  background-color: #006E91 !important;
  border-color: #006E91 !important;
}

/* ===============================
   دسته‌بندی خمحصولات صفحه اصلی
=============================== */
.list-category-home .item{
  border: 1px solid #D8CBC1 !important;
  border-radius: 1.5rem !important;
}
.list-category-home .item {
    box-shadow: 0 4px 10px 0 #E2DEDE; /* فقط رنگ تغییر کرد */
}


/* ===============================
   جدول‌ها و لیست‌ها
=============================== */
tr.row-product:nth-child(odd){
  background-color: #FFFFFF !important;
}

tr.row-product:nth-child(even){
  background-color: #E2DEDE !important;
}

tr.row-product .icon-cart1{
  color: #D7D42B !important;
}

tr.row-product:hover{
  background-color: #f0f0f0 !important;
}

ul.dtr-details li{
  background-color: #F6F6F6 !important;
}


tr.row-product.item-navasan:hover td{
    background-color: #F6F6F6 !important;
}
tr.row-product span.truncate.block {
    color: #5E4B3C !important;
}

===========================/*
تغییرات جدول زیر جستجوگر محصول
==========================*/

/* فقط آیکون‌های داخل جدول محصولات */
ul.tab-title-o.list-item-tab-product-index li.tab-o i.icon-arrrow-left {
    color: #D8CBC1 !important;
}
/* فقط آیکون‌های ::before در جدول محصولات */
table.dataTable tbody tr.row-product td.dtr-control::before,
table.dataTable tbody tr.row-product th.dtr-control::before {
    color: #D7D42B !important;
}
/* تغییر رنگ تمام متن های سطر header جدول */
table.dataTable thead tr th {
    color: #AB9D92 !important;
}
/* رنگ آیکون های داخل جدول */
table.dataTable i.icon-full,
table.dataTable i.icon-download {
    color: #5E4B3C !important;
}
i.icon-full {
    color: #5E4B3C !important;
}
input.search-input {
    color: #B9B0B0 !important;
}
input.search-input::placeholder {
    color: #B9B0B0 !important;
}
.col-shadow {
    position: relative;
    background-color: #ffffff; /* رنگ اصلی باکس */
    border-radius: 20px; /* ردیوس دقیق */
    box-shadow: 0 4px 10px 0 #A59A9A; /* سایه */
    padding: 22px; /* فاصله از مرز */
    overflow: hidden;
}

.col-shadow::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0; /* بدون فاصله اضافی */
    border-radius: 20px; /* همان ردیوس باکس */
    padding: 2px; /* ضخامت مرز */
    background: linear-gradient(to left, #B9B0B0, #FFFFFF); /* گرادیانت از راست به چپ */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none; /* برای جلوگیری از تداخل با محتوا */
}

/* آیکون سمت چپ: رنگ اولیه و انیمیشن */
ul.tab-title-o.list-item-tab-product-index li.tab-o i.icon-arrrow-left {
    color: #D8CBC1; /* رنگ اولیه */
    transition: color 0.3s ease; /* انیمیشن نرم */
}

/* وقتی موس روی کل آیتم رفت، آیکون سمت چپ تغییر رنگ دهد */
ul.tab-title-o.list-item-tab-product-index li.tab-o:hover i.icon-arrrow-left {
    color: #006E91; /* رنگ هاور */
}

/* خط سمت راست با ::before: رنگ اولیه و انیمیشن */
ul.tab-title-o.list-item-tab-product-index li.tab-o::before {
    background-color: #D8CBC1; /* رنگ اولیه */
    transition: background-color 0.3s ease; /* انیمیشن نرم */
}

/* وقتی موس روی کل آیتم رفت، خط ::before هم تغییر رنگ دهد */
ul.tab-title-o.list-item-tab-product-index li.tab-o:hover::before {
    background-color: #006E91; /* رنگ هاور */
}

/* ===============================
   مراحل خرید
=============================== */
ul.list-section-steps li:nth-child(1) .step-counter{ background: #5E4B3C !important; }

ul.list-section-steps li:nth-child(2) .step-counter{ background: #6C5A2F !important; }

ul.list-section-steps li:nth-child(3) .step-counter{ background: #806A24 !important; }

ul.list-section-steps li:nth-child(4) .step-counter{ background: #947A1A !important; }

ul.list-section-steps li:nth-child(5) .step-counter{ background: #A88A0F !important; }

ul.list-section-steps li:nth-child(6) .step-counter{ background: #BC9A05 !important; }

ul.list-section-steps li:nth-child(7) .step-counter{ background: #CDBB15 !important; }

ul.list-section-steps li:nth-child(8) .step-counter{ background: #D7D42B !important; }

/*تغییر رنگ اعداد*/
.step-counter ins {
    color: #ffffff !important;
}

/* ===============================
   آیکون‌ها و تصاویر سفارشی
=============================== */
.icon-heart{
  display: inline-block;
  width: 32px; 
  height: 32px;
  background-image: url('https://www.asensteel.com/wp-content/uploads/2023/10/کارشناس-فروش.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px;
}

.w-\[72px\].h-\[72px\].bg-\[\#eee\]{
  background-image: url('https://www.asensteel.com/wp-content/uploads/2023/10/podcast.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #eee;
}

/*==========================================
تغییر رنگ نام خانوادگی در-تلفن همراه باکس مشاوره
==========================================*/

input[name="displayname"] {
  color: #AB9D92 !important; /* متن داخل input */
}

input[name="displayname"]::placeholder {
  color: #AB9D92 !important; /* رنگ placeholder */
}
/* رنگ متن داخل input */
input[name="mobile"] {
  color: #AB9D92 !important;
}

/* رنگ placeholder */
input[name="mobile"]::placeholder {
  color: #AB9D92 !important;
}

/* ===============================
   Plyr Video Player
=============================== */
:root{
  --plyr-icon-width: 10px;
  --plyr-icon-height: 12px;
}

.plyr__controls__item.plyr__control[data-plyr="play"] svg{
  display: none !important;
}

.plyr__controls__item.plyr__control[data-plyr="play"]{
  background-color: #fff !important;
  background-image: url('https://www.asensteel.com/wp-content/uploads/2023/10/player-new.svg') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--plyr-icon-width) var(--plyr-icon-height);
}

.plyr__controls__item.plyr__control[data-plyr="play"][aria-pressed="true"]{
  background-color: #fff !important;
  background-image: url('https://www.asensteel.com/wp-content/uploads/2023/10/player-pause.svg') !important;
}

.plyr--video .plyr__control,
.plyr--video .plyr__control svg use{
  color: #D7D42B !important;
  fill: #D7D42B !important;
}

.plyr__progress input[type="range"]::-webkit-slider-thumb,
.plyr__progress input[type="range"]::-moz-range-thumb,
.plyr__progress input[type="range"]::-ms-thumb{
  background: #D7D42B !important;
}

.plyr__progress__buffer,
.plyr__progress__filled{
  background-color: #D7D42B !important;
}

.plyr__control[aria-pressed="true"] svg use{
  fill: #D7D42B !important;
}

.plyr__tooltip{
  background: #D7D42B !important;
  color: #000 !important;
}

.plyr__volume input[type="range"]::-webkit-slider-thumb,
.plyr__volume input[type="range"]::-moz-range-thumb,
.plyr__volume input[type="range"]::-ms-thumb{
  background: #D7D42B !important;
}

.plyr__volume--display{
  color: #D7D42B !important;
}

.plyr__control--overlaid{
  background-color: transparent !important;
  border: 2px solid #D7D42B !important;
  border-radius: 50% !important;
  box-sizing: border-box;
}

.plyr__control--overlaid svg use{
  fill: #D7D42B !important;
}

/* حذف پس‌زمینه قرمز زیر آپارات */
.box-video-index .list-items li.active::before{
    background-color: transparent !important; /* غیرفعال کردن رنگ قرمز */
}

/* رنگ متن و المان‌های آپارات */
.box-video-index .aparat-label{
    color: #D7D42B !important; /* متن زرد */
}

.box-video-index .aparat-label::after{
    background: transparent !important; /* حذف پس‌زمینه pseudo-element */
    content: "" !important;
}

/* ===============================
   لینک‌ها و منوی فعال
=============================== */
li.active a{
  color: #D7D42B !important;
  text-decoration: none !important;
}

li.active a:hover{
  color: #D7D42B !important;
  text-decoration: none !important;
}

.ListMegaMenu li.active a::before{
  background-color: #994401 !important;
}

.box-video-index .list-items li.active::before{
  background-color: #994401 !important;
}

.box-video-index > .plyr::before{
  background-color: #242307 !important;
}
/* ===============================
منوها و آیتم‌های انتخاب سایز محصولات*/
=============================== */

/* =========================================
    منوی تب‌ها (Tab Menu)
========================================= */
.menu-tab-list li a {
  transition: background 0.3s ease; /* برای انیمیشن نرم */
}

.menu-tab-list li a:hover {
  background-color: #E2DEDE !important; /* رنگ پس‌زمینه در هاور */
}



/* =========================================
    هاور دسته‌بندی محصولات
========================================= */
.list-category-home .item:hover {
  background-color: #E2DEDE !important; /* هاور روی آیتم دسته‌بندی */
}

/* =========================================
    لیست قیمت
========================================= */
ul.tab-title-o li.tab-o {
  color: #5E4B3C !important; /* رنگ متن آیتم‌ها */
}

/* =========================================
    قیمت میلگرد در هدر جدول
========================================= */
span.text-\[16px\].text-\[\#233564\].font-bold {
  color: #006E91 !important; /* رنگ متن قیمت */
}

/* =========================================
    کارشناسان فروش
========================================= */
span[class*="text-[#233564]"] {
  color: #006E91 !important; /* رنگ متن کارشناسان فروش */
}
.item-expert-home {
    transition: all 0.3s;
    cursor: pointer;
    box-shadow: 188px -172px 131px -11px #fff inset, -33px 36px 22px -42px #ecf2f2;
    background: #F6F6F6;
}


/* =========================================
    متن محصولات در لیست
========================================= */
ul.tab-title li.item.tab.item-css {
  color: #5E4B3C !important; /* رنگ متن محصولات */
}
/*=========================================
مقالات در صفحه اصلی
============================================*/
/* عنوان مقاله */
.title span{
    color: #D7D42B !important;
    font-weight: bold !important;
}

/* توضیح کوتاه مقاله */
.title .excerpt{
    color: #F6F6F6 !important;
}

/* عدد سفید باقی بماند و آیکون رنگ زرد شود */
.list-item-blog-index .item-first-blog span i.icon-list-check{
    color: #D7D42B !important;
}

/*تغییر رنگ خط زیر محصولات*/
.tab-title-select.home .item::before {
    background-color: #D7D42B !important;
}


/* ===============================
  در هدر و فوتر  فلش‌های نوسان قیمت
=============================== */
/* استثنا برای نوسان قیمت ↑ */
.item-navasan.increase .bg {
    background-color: #01990b !important; /* پس‌زمینه سبز */
    color: #ffffff !important;            /* متن و عدد سفید */
}

/* فلش بالا و عدد داخل .bg */
.item-navasan.increase .bg i.icon-arrow-top-s,
.item-navasan.increase .bg svg,
.item-navasan.increase .bg svg *,
.item-navasan.increase .bg span {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: none !important;
}

/* استثنا برای نوسان قیمت ↓ */
.item-navasan.decrease .bg {
    background-color: #FF8C00 !important; /* پس‌زمینه نارنجی */
    color: #ffffff !important;            /* متن و عدد سفید */
}

/* فلش پایین و عدد داخل .bg */
.item-navasan.decrease .bg i.icon-arrow-down-s,
.item-navasan.decrease .bg svg,
.item-navasan.decrease .bg svg *,
.item-navasan.decrease .bg span {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: none !important;
}
/* ===============================
   نوسان قیمت – کل بلوک
=============================== */
/* نوسان قیمت – فلش و عدد فقط داخل body */
body .item-navasan.increase .color i.icon-arrow-top-s,
body .item-navasan.increase .color span,
body .item-navasan.increase .price_difference span {
    color: #01990b !important; /* سبز */
    fill: #01990b !important;
}

body .item-navasan.decrease .color i.icon-arrow-down-s,
body .item-navasan.decrease .color span,
body .item-navasan.decrease .price_difference span {
    color: #994401 !important; /* نارنجی */
    fill: #994401 !important;
}

=============================
/*صفحه قیمت ها */
============================
/*تغییر رنگ باکس در بالای صفحات قیمت */
.drop-title-tax{
    background-color: #ffffff !important; /* تغییر پس‌زمینه به سفید */
    border: 3px solid #994401 !important; /* افزودن استروک با رنگ مورد نظر */
    color: #5E4B3C !important; /* رنگ متن را سیاه می‌کنیم تا روی سفید دیده شود */
}

.drop-title-tax{
    background-color: #ffffff !important; /* پس‌زمینه سفید */
    border: 3px solid #994401 !important; /* استروک 3px با رنگ 994401 */
    color: #5E4B3C !important; /* رنگ متن */
}


/* ساختار درختی بالای هر صفحه*/
div.flex.items-center.gap-1.a-md\:hidden > span{
  color: #908484 !important;
}

/* تغییر رنگ نوشته‌های breadcrumb */
p .label,
p .label a,
p span.last,
p span.separator,
p a{
  color: #908484 !important;
}

/* در صورت نیاز، لینک‌ها هنگام hover هم تغییر رنگ دهند */
p a:hover{
  color: #908484 !important;
}

/* رنگ متن span  و کارخانه های «دسته‌بندی‌ها» */
span{
  color: #5E4B3C !important;
}

/*رنگ خط کنار دسته بندی */
.title-contact::before{
    position: absolute;
    content: "";
    height: 1px;
    background-color: #EFE3D9 !important; /* اضافه کردن !important */
    left: 0;
    right: 0;
    top: 50%;
    z-index: 0;
}

/* استایل باکس‌های swiper */
.swiper-wrapper .swiper-slide a.item{
    background-color: #ffffff;          /* رنگ پس‌زمینه سفید */
    border: 1px solid #D8CBC1;         /* رنگ استروک */
    color: #5E4B3C;                     /* رنگ متن در حالت عادی */
    box-shadow: none;                   /* سایه اولیه نداریم */
    transition: all 0.3s ease;          /* انیمیشن نرم هنگام هاور */
    display: inline-flex;               /* حفظ نمایش فلکس */
    align-items: center;                /* تراز عمودی */
    justify-content: center;            /* تراز افقی */
}

/* حالت هاور */
.swiper-wrapper .swiper-slide a.item:hover{
    background-color: #D7D42B;          /* رنگ پس‌زمینه هنگام هاور */
    box-shadow: 0 4px 10px #CDC7C7;     /* سایه باکس هنگام هاور */
    color: #5E4B3C;                     /* رنگ متن ثابت */
}

/* استایل آیکون‌های ناوبری Swiper */
.button-prev-ProducerListTax,
.button-next-ProducerListTax{
    background-color: #ffffff;          /* پس‌زمینه سفید */
    border: 1px solid #D8CBC1;         /* رنگ استروک */
    color: #5E4B3C;                     /* رنگ متن */
    box-shadow: none;                   /* بدون سایه اولیه */
    transition: all 0.3s ease;          /* انیمیشن نرم */
    display: flex;                      
    align-items: center;                
    justify-content: center;            
    border-radius: 10px;                /* گرد کردن گوشه‌ها */
}

/* تغییر رنگ آیکون‌های داخل باکس‌ها */
.swiper-wrapper .swiper-slide a.item i{
    color: #5E4B3C !important;  /* رنگ ثابت آیکون */
}

/* تغییر رنگ آیکون‌های ناوبری swiper */
.button-prev-ProducerListTax,
.button-next-ProducerListTax{
    color: #5E4B3C !important;      /* رنگ ثابت آیکون */
    border-color: #D8CBC1 !important; /* رنگ حاشیه مطابق با باکس‌ها */
    background-color: #ffffff !important; /* پس‌زمینه سفید */
}

/* تغییر رنگ آیکون‌های ناوبری دسته‌بندی‌ها و تولیدکننده‌ها */
.button-prev-ProducerListTax,
.button-next-ProducerListTax,
.button-prev-CategoryListTax,
.button-next-CategoryListTax{
    color: #5E4B3C !important;       /* رنگ ثابت آیکون */
    border-color: #D8CBC1 !important; /* رنگ حاشیه */
    background-color: #ffffff !important; /* پس‌زمینه سفید */
}

/* تغییر رنگ حاشیه باکس کارشناس فروش */
.item-expert-archive{
    border-color: #D8CBC1 !important;  /* رنگ استروک باکس */
}

/* بازنویسی کلاس Tailwind برای رنگ حاشیه دلخواه */
.border-\[\#e8f1f1\]{
    --tw-border-opacity: 1;
    border-color: rgb(216 203 193 / var(--tw-border-opacity)) !important; /* رنگ جدید #D8CBC1 */
}

/* تغییر رنگ پس‌زمینه و سایه باکس وزن */
.weight-table__result-val,
.bg-\[\#29cd8d\]{
    background-color: #D7D42B !important;       /* رنگ پس‌زمینه جدید */
    box-shadow: 0 2px 0px #716F03 !important;  /* سایه 2px پایین */
}

/* تغییر رنگ متن h2 با کلاس مشخص */
.text-\[20px\].text-\[\#233564\].font-bold.grow{
    color: #006E91 !important;  /* رنگ جدید متن */
}

/* تغییر رنگ پس‌زمینه دکمه صفحه‌بندی فعلی */
.paginate_button.current{
    background-color: #5E4B3C !important; /* رنگ پس‌زمینه جدید */
    color: #ffffff !important;            /* رنگ متن ثابت (سفید) */
    border: none !important;              /* در صورت نیاز، حاشیه حذف شود */
}

/* تغییر رنگ تمام border های Tailwind با رنگ دلخواه #EFE3D9 */
.border-\[\#dfeaea\]{
    border-color: #EFE3D9 !important;
}

/*  در حالت هاور تغییر پس‌زمینه آیتم‌های dropdown در کل سایت */
.dropdowntr ul li{
    background-color: #F6F6F6 !important; /* رنگ جدید */
}
/* تغییر رنگ دکمه ثبت در سبد خرید */
.add-to-cart-poupup-final{
    background-color: #D7D42B !important;  /* رنگ پس‌زمینه جدید */
    color: #5E4B3C !important;            /* رنگ متن جدید */
}

/*دکمه ارزش افزوده*/
.switch-button-wrap .button-s.switch{
    background-color: #D7D42B !important;
}

.list-filter-item input:checked + .item::before{
    outline: 1px solid transparent;
    background-color: #D7D42B !important; /* رنگ جدید */
    color: #ffffff;
}

.switch-button-wrap .button-s{
    border-radius: 10px;
    width: 31px;
    height: 21px;
    line-height: 28px;
    position: relative;
    cursor: pointer;
    margin-right: auto;
    transition: all 300ms ease-in-out;
    background-color: #E2DEDE !important; /* رنگ جدید */
}

/*اسکرول بار */
/* Chrome, Edge, Safari */
.list-filter-item::-webkit-scrollbar{
    width: 8px;
}

.list-filter-item::-webkit-scrollbar-track{
    background: #E2DEDE;
    border-radius: 10px;
}

.list-filter-item::-webkit-scrollbar-thumb{
    background-color: #F6F6F6;
    border-radius: 10px;
    border: 2px solid #E2DEDE;
}

.list-filter-item::-webkit-scrollbar-thumb:hover{
    background-color: #D7D42B;
}

/* Firefox */
.list-filter-item{
    scrollbar-width: thin;
    scrollbar-color: #F6F6F6 #E2DEDE;
}
===========================
/*تماس با ما */
===========================
/* پس‌زمینهدرخواست مشاوره و تماس */
#acf-field_65434ca89f67c,
#acf-field_65434cd69f67d{
    background-color: #E2DEDE;
}

/* رنگ placeholder */
#acf-field_65434ca89f67c::placeholder,
#acf-field_65434cd69f67d::placeholder{
    color: #888888; /* رنگ دلخواه متن placeholder */
}

/* برای سازگاری با مرورگرهای قدیمی */
#acf-field_65434ca89f67c::-webkit-input-placeholder,
#acf-field_65434cd69f67d::-webkit-input-placeholder{
    color: #888888;
}

#acf-field_65434ca89f67c::-moz-placeholder,
#acf-field_65434cd69f67d::-moz-placeholder{
    color: #888888;
}

#acf-field_65434ca89f67c:-ms-input-placeholder,
#acf-field_65434cd69f67d:-ms-input-placeholder{
    color: #888888;
}

#acf-field_65434ca89f67c:-moz-placeholder,
#acf-field_65434cd69f67d:-moz-placeholder{
    color: #888888;
}

/* پس‌زمینه خود input */
#acf-field_65434c939f67b{
    background-color: #E2DEDE;
}

/* رنگ placeholder */
#acf-field_65434c939f67b::placeholder{
    color: #888888; /* رنگ دلخواه متن placeholder */
}

/* برای سازگاری با مرورگرهای قدیمی */
#acf-field_65434c939f67b::-webkit-input-placeholder{ color: #888888; }

/* Chrome/Opera/Safari */
#acf-field_65434c939f67b::-moz-placeholder{ color: #888888; }

/* Firefox 19+ */
#acf-field_65434c939f67b:-ms-input-placeholder{ color: #888888; }

/* IE 10+ */
#acf-field_65434c939f67b:-moz-placeholder{ color: #888888; }

/* Firefox 18- */

/*====================================
آسن بلاگ
====================================*/

/* استایل پایه همه لینک‌ها */
.list-media-blog a {
    border-radius: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 17px !important;
    text-decoration: none !important;
    color: #5E4B3C !important;  /* رنگ متن پیش‌فرض */
    background-color: #ffffff !important; /* رنگ پس‌زمینه پیش‌فرض */
    transition: all 0.3s ease !important;
}

/* آیکون داخل همه لینک‌ها */
.list-media-blog a i {
    color: #B9B0B0 !important;
    font-size: 18px !important;
}

/* استایل هاور برای همه لینک‌ها */
.list-media-blog a:hover {
    background-color: #F6F6F6 !important;
}

/* استایل لینک فعال هر صفحه */
.list-media-blog a.active {
    background-color: #994401 !important; /* پس‌زمینه فعال */
    color: #ffffff !important; /* رنگ متن فعال */
}

.list-media-blog a.active i {
    color: #ffffff !important; /* رنگ آیکون فعال */
}

/*فرم جستجو در صفحه بلاگ*/
#custom-search-form {
    background-color: #E2DEDE !important;
    border-radius: 20px !important;
    padding: 0 !important;
}

#custom-search-input {
    color: #B9B0B0 !important;
    background-color: transparent !important;
    font-weight: bold !important;
}
/* -----------------------------
   منوی تب‌ها (tab-title.home)
   ----------------------------- */

/* استایل پایه منو */
.select-vip.normal.blog ul.tab-title.home {
    background-color: #ffffff !important; /* پس‌زمینه سفید */
    border-radius: 20px !important;
    border: 1px solid #E2DEDE !important; /* حاشیه */
    filter: drop-shadow(0px 2px 0px rgba(148, 183, 183, 0.27)) !important;
    padding: 5px 10px !important;
    overflow-y: auto !important; /* فعال کردن اسکرول عمودی */
}

/* رنگ متن همه لینک‌ها */
.select-vip.normal.blog ul.tab-title.home li.item a.item-css {
    color: #908585 !important; /* قهوه‌ای */
    text-decoration: none !important;
}

/* هاور لینک‌ها */
.select-vip.normal.blog ul.tab-title.home li.item a.item-css:hover {
    color: #5E4B3C !important; /* تغییر رنگ هنگام هاور */
}


/* رنگ اسکرول بار برای منو */
ul.tab-title.home {
    scrollbar-color: #F6F6F6 #ffffff; /* thumb track */
    scrollbar-width: thin; /* اندازه استاندارد */
}

/* برای مرورگرهای Webkit (Chrome, Edge, Safari) */
ul.tab-title.home::-webkit-scrollbar {
    width: 8px; /* عرض scrollbar */
}

ul.tab-title.home::-webkit-scrollbar-track {
    background: #ffffff; /* رنگ track */
    border-radius: 10px;
}

ul.tab-title.home::-webkit-scrollbar-thumb {
    background-color: #F6F6F6; /* رنگ thumb */
    border-radius: 10px;
    border: 2px solid #ffffff; /* فاصله بین thumb و track */
}


/* -----------------------------
   فرم جستجوی اختصاصی
   ----------------------------- */
#custom-search-form,
form.rounded-\[20px\].bg-\[\#eaf1f1\].min-w-\[260px\] {
    background-color: #E2DEDE !important;
    border-radius: 20px !important;
    padding: 0 !important;
}

#custom-search-form input,
form.rounded-\[20px\].bg-\[\#eaf1f1\].min-w-\[260px\] input {
    color: #B9B0B0 !important;
    background-color: transparent !important;
    font-weight: bold !important;
}

/* -----------------------------
   span و آیکون کنار آن
   ----------------------------- */
span.text.text-\[14px\].text-\[\#6c8c8c\].font-bold {
    color: #5E4B3C !important; /* رنگ متن */
}

span.text.text-\[14px\].text-\[\#6c8c8c\].font-bold + i.icon-arrow-btn,
span.text.text-\[14px\].text-\[\#6c8c8c\].font-bold + i.icon-arrow-btn * {
    color: #CEC7C7 !important; /* رنگ آیکون */
    fill: #CEC7C7 !important;
    stroke: #CEC7C7 !important;
}

/* هاور لینک‌های اسلایدر هشتگ */
.item-hashtag-slider:hover {
    background-color: #F6F6F6 !important;
}
/* پس زمینه صفحه بلاگ */
.bg-\[\#f4f6f6\] {
    background-color: #F6F6F6 !important;
}

a.bg-\[\#dcf0e8\] {
    background-color:#E2DEDE !important; /* پس زمینه */
}

a.bg-\[\#dcf0e8\] i {
    color: #006E91 !important; /* رنگ آیکون */
}

/* تغییر رنگ آیکن + */
i.icon-plus-circle {
    color: #D7D42B !important;
}

/* شماره صفحه فعلی */
.pagination-wrap .page-numbers.current {
    background-color: #994401 !important; /* پس‌زمینه قهوه‌ای */
    color: #ffffff !important; /* شماره سفید */
       border: none;
}

/* تغییر رنگ شماره صفحات دیگر وقتی موس روی آنها می‌رود */
.pagination-wrap .page-numbers:not(.current):hover {
    color: #994401 !important; /* عدد قرمز-قهوه‌ای */
}
.icon-arrrow-right {
    color: #e2dede !important;
}

button, .card, .pagination-wrap .page-numbers {
    box-shadow: 0 4px 6px #F6F6F6; /* رنگ سایه به F6F6F6 تغییر می‌کند، اندازه و جهت همان قبلی */
}

/*====================================
آسن ویدیو - آسن کست
=====================================*/
/* فرم جستجو در صفحه پادکست و ویدیو */
form.rounded-\[20px\].bg-\[\#eaf1f1\].min-w-\[260px\] {
    background-color: #E2DEDE !important; /* پس‌زمینه فرم */
    border-radius: 20px !important;       /* گرد کردن گوشه‌ها */
    padding: 0 !important;                /* حذف padding اضافی */
}

/* input داخل فرم دوم */
form.rounded-\[20px\].bg-\[\#eaf1f1\].min-w-\[260px\] input {
    color: #B9B0B0 !important;             /* رنگ متن */
    background-color: transparent !important;
    font-weight: bold !important;           /* متن بولد */
}

.list-item-rating-podcast .item:hover {
    background-color: #006E91 !important;
    color: #ffffff !important;
}

.box-audio-index .plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background-color: #006E91; /* رنگ دکمه */
}

.box-audio-index .plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #006E91 var(--value), #e0e0e0 0%);
}

.box-audio-index .plyr--full-ui input[type=range]::-moz-range-track {
    background: linear-gradient(to right, #006E91 var(--value), #e0e0e0 0%);
}

.box-audio-index .plyr--full-ui input[type=range]::-moz-range-progress {
    background-color: #006E91;
}

.box-audio-index .plyr--full-ui input[type=range]::-ms-fill-lower {
    background-color: #006E91;
}

.rating-list-text .item {
    background-color: #ffffff; /* زمینه سفید در حالت عادی */
    border: 1px solid #5E4B3C; /* رنگ بوردر قهوه‌ای */
    color: #3e6c6c; /* رنگ متن در حالت عادی */
    transition: all 0.3s ease; /* برای تغییر نرم هنگام هاور */
}

.rating-list-text .item:hover {
    background-color: #006E91; /* رنگ پس‌زمینه هنگام هاور */
    color: #ffffff; /* رنگ متن هنگام هاور */
    border-color: #006E91; /* در صورت تمایل می‌تونی بوردر هم هم‌رنگ کنی */
}
/* تغییر رنگ آیکون بازگشت راست */
.icon-return-right::before {
    color: #CEC7C7 !important;
}

/* تغییر رنگ آیکون بازگشت چپ */
.icon-return-left::before {
    color: #CEC7C7 !important;
}
li.item:hover {
    background-color: #E2DEDE !important;
}

li.item a i.icon-play {
    color: #908585 !important;
}
div.w-\[51px\].h-\[51px\] {
    background-color: #B9B0B0 !important;
}


================
تغییر رنگ 
===============

.text-\[\#9cb5b5\] {
    color: #e2dede !important;
}
.text-\[\#5C8282\] {
    --tw-text-opacity: 1;
    color: #7D7167 !important;
}
/* تغییر رنگ rgb(131 159 159 / var(--tw-text-opacity)) به #AB9D92 */
.text-\[\#839f9f\] {
    --tw-text-opacity: 1;
    color: #AB9D92 !important;
}
.text-\[\#233564\] {
    --tw-text-opacity: 1;
    color: #5E4B3C !important;
}
/* تغییر رنگ تمام borderهایی که رنگ اولیه‌شان #e5e7eb است */
* {
    border-color: #D8CBC1 !important;
}
/* فقط برای این سوییپر */
.SwiperSliderHome .swiper-button-next i,
.SwiperSliderHome .swiper-button-prev i {
    color: #D8CBC1 !important;
}

.text-\[\#708e8e\] {
    --tw-text-opacity: 1;
    color: rgb(148 135 124 / var(--tw-text-opacity)); /* رنگ جدید #94877C */
}
/* رنگ متن لینک‌های breadcrumbs */
nav.rank-math-breadcrumb a,
nav.rank-math-breadcrumb .last {
    color: #908585 !important;
}

/* رنگ آیکون arrow-left در breadcrumbs */
nav.rank-math-breadcrumb i.icon-arrrow-left {
    color: #CEC7C7 !important;
    fill: #CEC7C7 !important;   /* اگر SVG است */
    stroke: #CEC7C7 !important; /* اگر stroke استفاده می‌شود */
}

/* تغییر پس‌زمینه بلوک اطلاعات تماس */
.rounded-\[30px\].bg-\[\#f5fafa\] {
    background-color: #F6F6F6 !important;
}
/*=============================
بلاگ سینگل 
=============================*/
/* رنگ تمام آیکن‌ها داخل این بلاک */
.flex.items-center.gap-7 i {
  color: #006E91 !important;
}

/* رنگ تمام متن‌ها و لینک‌ها داخل این بلاک */
.flex.items-center.gap-7,
.flex.items-center.gap-7 a,
.flex.items-center.gap-7 span,
.flex.items-center.gap-7 ins {
  color: #A59A9A !important;
}
--------------------------
/* رنگ متن و آیکن داخل کل باکس فهرست مطالب */
.box-table-contents * {
    color: #5E4B3C !important;
}

/* فقط آیکن فلش بالای باکس */
.box-table-contents .icon-arrow-btn {
    color: #B9B0B0 !important;
}

/* بولت‌های قبل از لینک‌ها */
.box-table-contents ul li a::before {
    content: "";
    background-color: #CDC7C7 !important;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 28px;
    transition: all 0.3s ease;
}

/* رنگ بولت‌ها هنگام هاور روی لینک */
.box-table-contents ul li a:hover::before {
    background-color: #006E91 !important;
}

/* رنگ بولت و متن لینک هنگام هاور */
.box-table-contents ul li a:hover {
    color: #5E4B3C !important;
}
-------------------------------
/* ==== دکمه ==== */
.comment-wrap a,
.comment-wrap button,
.comment-wrap input[type="submit"] {
    background-color: #D7D42B !important;
    color: #5E4B3C !important; /* رنگ متن دکمه */
    border-radius: 15px;
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
}
.custom-reply-btn {
    color: #908585 !important;             /* متن حالت عادی */
    background-color: #FFFEC1 !important;  /* پس‌زمینه حالت عادی */
    font-weight: bold;
    font-size: 12px;
    border-radius: 6px;
    padding: 4px 16px;
    display: inline-block;
    transition: all 0.3s ease;
    cursor: pointer;
}

.custom-reply-btn:hover {
    background-color: #D7D42B !important;  /* پس‌زمینه هاور */
    color: #5E4B3C !important;             /* متن هاور */
}