/* =========================================================
   Custom CSS for Company Website - Optimized & Safe Version
   Author: elaherezaii
   تاریخ: 1404/06/18
   Safe Version: 1404/06/18 - حذف قوانین مشکل‌ساز
========================================================= */

/* ===============================
   متغیرهای CSS برای consistency
=============================== */
:root {
  --primary-brown: #5E4B3C;
  --primary-yellow: #D7D42B;
  --primary-blue: #006E91;
  --secondary-yellow: #DBD840;
  --background-gray: #E2DEDE;
  --light-gray: #F6F6F6;
  --border-color: #D8CBC1;
  --text-dark: #271D15;
  --text-gray: #908585;
  --accent-orange: #994401;
  --success-green: #01990b;
  --light-brown: #7A6652;
  --medium-brown: #8B7D6E;
}

/* ===============================
   کامپوننت‌های اصلی - ایمن
=============================== */

/* دکمه‌ها - با selectorهای دقیق */
button[type="submit"].custom-submit,
.quick-inquiry.custom-inquiry {
  background-color: var(--secondary-yellow) !important;
  color: var(--primary-blue) !important;
  border-radius: 10px !important;
  font-weight: bold;
  cursor: pointer;
  border: none;
  transition: all 0.3s;
}

button[type="submit"].custom-submit {
  padding: 16px 28px;
  line-height: 1.2;
}

.quick-inquiry.custom-inquiry {
  border-radius: 12px !important;
  padding: 16px 36px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: none !important;
}

button[type="submit"].custom-submit:hover,
.quick-inquiry.custom-inquiry:hover {
  background-color: var(--primary-brown) !important;
  color: var(--secondary-yellow) !important;
}

/* فرم‌ها و Inputها - با selectorهای دقیق */
input.custom-search[placeholder="جست و جوی سریع محصولات فولادی"],
#custom-search-form.custom-search,
form.custom-search-form {
  background-color: var(--background-gray) !important;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

input.custom-search[placeholder="جست و جوی سریع محصولات فولادی"] {
  color: #233564 !important;
  padding: 16px 24px !important;
}

input.custom-search[placeholder="جست و جوی سریع محصولات فولادی"]:focus {
  outline: none;
  background-color: #FFFFFF !important;
}

/* کارت‌ها و باکس‌ها - با کلاس مشخص */
.col-shadow.custom-card {
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 10px 0 #A59A9A;
  padding: 22px;
  overflow: hidden;
}

.col-shadow.custom-card::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;
}

/* ===============================
   هدر و نویگیشن - ایمن
=============================== */
.icon-special .border-special::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 12px;
  background: linear-gradient(180deg, #B9B0B0 0%, #FFFFFF 100%);
  box-shadow: 0 4px 6px -2px #A59A9A;
  transition: 3s;
  z-index: -1;
}

/* منوی محصولات - با کلاس مشخص */
.menu-product-icon.custom-menu {
  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, var(--background-gray), #FFFFFF);
  color: var(--text-dark) !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.custom-menu:hover {
  background: linear-gradient(to left, #FFFFFF, #FFFFFF);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

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

tr.custom-row.row-product:nth-child(even) {
  background-color: var(--background-gray) !important;
}

tr.custom-row.row-product:hover {
  background-color: var(--light-gray) !important;
}

/* منوها و فیلترها - ایمن */
.menu-tab-list.custom-menu li a {
  transition: background 0.3s ease;
}

.menu-tab-list.custom-menu li a:hover {
  background-color: var(--background-gray) !important;
}

.list-filter-item.custom-filter input:checked + .item::before {
  outline: 1px solid transparent;
  background-color: var(--primary-yellow) !important;
  color: #ffffff;
}

/* ===============================
   فوتر - ایمن
=============================== */
footer.custom-footer {
  background-color: var(--background-gray) !important;
}

footer.custom-footer, 
footer.custom-footer a, 
footer.custom-footer span, 
footer.custom-footer p, 
footer.custom-footer li, 
footer.custom-footer ins {
  color: var(--primary-brown) !important;
}

footer.custom-footer a:hover {
  color: var(--primary-brown) !important;
}

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

/* ===============================
   اسلایدرها و Swiper - ایمن
=============================== */
.SwiperSliderHome.custom-swiper .swiper-button-next i,
.SwiperSliderHome.custom-swiper .swiper-button-prev i {
  color: var(--border-color) !important;
}

.swiper-wrapper.custom-swiper .swiper-slide a.item {
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  color: var(--primary-brown);
  transition: all 0.3s ease;
}

.swiper-wrapper.custom-swiper .swiper-slide a.item:hover {
  background-color: var(--primary-yellow);
  box-shadow: 0 4px 10px #CDC7C7;
}

/* ===============================
   پلیر ویدیو و صدا - ایمن
=============================== */
.plyr__controls__item.plyr__control[data-plyr="play"].custom-player {
  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;
}

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

.plyr--video .plyr__control.custom-player {
  color: var(--primary-yellow) !important;
}

/* ===============================
   بلاگ و مقالات - ایمن
=============================== */
.list-media-blog.custom-blog a {
  border-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 17px !important;
  text-decoration: none !important;
  color:F6F6F6 !important;
  background-color: #ffffff !important;
  transition: all 0.3s ease !important;
}

.list-media-blog.custom-blog a.active {
  background-color: var(--accent-orange) !important;
  color: #ffffff !important;
}

/* ===============================
   پاپ‌آپ‌ها - ایمن
=============================== */
.box-poupup-special.custom-popup {
  background-color: #F9F7F5 !important;
}

.box-poupup-special.custom-popup .custom-text {
  color: var(--primary-brown) !important;
}

.box-poupup-special.custom-popup .add-to-cart-poupup-final.custom-button {
  background-color: var(--primary-yellow) !important;
  color: var(--primary-blue) !important;
}

.box-poupup-special.custom-popup .add-to-cart-poupup-final.custom-button:hover {
  background-color: var(--primary-brown) !important;
  color: var(--primary-yellow) !important;
}

/* ===============================
   منوی موبایل - ایمن
=============================== */
.menu-main-mobile.mobile-menu.custom-mobile {
  background-color: #F9F7F5 !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 12px !important;
}

.mobile_menu_ul_main.custom-mobile li {
  border-bottom: 1px solid var(--border-color) !important;
}

.mobile_menu_ul_main.custom-mobile li a {
  color: var(--primary-brown) !important;
  transition: all 0.3s ease !important;
}

/* ===============================
   کامپوننت‌های کوچک - ایمن
=============================== */
/* آیکون چارت */
.chart-icon.icon-chart1.custom-chart {
  color: #91908F !important;
  transition: color 0.3s ease;
}

.chart-icon.icon-chart1.custom-chart:hover {
  color: var(--accent-orange) !important;
}

/* هات باکس */
.hot-box.custom-hot {
  background-color: var(--accent-orange) !important;
  color: #ffffff !important;
}

/* دکمه‌های صفحه‌بندی */
.paginate_button.current.custom-pagination {
  background-color: var(--primary-brown) !important;
  color: #ffffff !important;
}

/* ===============================
   پشتیبانی از حالت چاپ
=============================== */
@media print {
  .menu-product-icon.custom-menu,
  button[type="submit"].custom-submit {
    background: none !important;
    color: #000 !important;
    border: 1px solid #000 !important;
  }
}

/* ===============================
   دسترسی و قابلیت استفاده
=============================== */
@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* هایلایت فوکوس برای دسترسی */
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--primary-blue) !important;
  outline-offset: 2px !important;
}

/* ===============================
   بخش اخبار لحظه‌ای - سازمان‌یافته
=============================== */

/* فیلترهای اخبار لحظه‌ای */
.list-fillter-lahzei li {
  background: white;
}

/* حالت فعال فیلترها */
.list-fillter-lahzei li.active {
  background-color: #F1EFE9 !important;
  border: 1px solid #5E4B3C !important;
  color: #78614F;
}

/* غیرفعال کردن هاور روی فیلترها */
.list-fillter-lahzei li:hover {
  background-color: white !important;
}

/* آیکون افزایش - حالت عادی */
.list-fillter-lahzei li[data-status="increase"] .icon-arrow-top {
  color: #01990B !important;
}

/* آیکون افزایش - حالت فعال */
.list-fillter-lahzei li.active .icon-arrow-top {
  color: #01990B !important;
}

/* آیکون کاهش - حالت عادی */
.list-fillter-lahzei li[data-status="decrease"] .icon-arrow-btn1 {
  color: #994401 !important;
}

/* آیکون کاهش - حالت فعال */
.list-fillter-lahzei li.active .icon-arrow-btn1 {
  color: #994401 !important;
}

/* فیلتر "همه" - دارای هر دو آیکون */
.list-fillter-lahzei li:first-child .icon-arrow-top {
  color: #01990B !important;
}

.list-fillter-lahzei li:first-child .icon-arrow-btn1 {
  color: #994401 !important;
}

.list-fillter-lahzei li:first-child.active .icon-arrow-top {
  color: #01990B !important;
}

.list-fillter-lahzei li:first-child.active .icon-arrow-btn1 {
  color: #994401 !important;
}

/* بخش تاریخ و زمان */
.title-time-lahzei .inline-flex.items-center {
  background-color: #D7D42B !important;
  color: #006E91 !important;
}

/* متن داخل تاریخ */
.title-time-lahzei .inline-flex.items-center span {
  color: #006E91 !important;
}

/* المان دکوراتیو قبل از تاریخ */
span.title-time-lahzei::before {
  background-color: #D7D42B !important;
}

/* هدر بخش کارخانه */
.factory-header h3 {
  color: #006E91 !important;
}

/* افکت هاور روی متن هدر */
.factory-header h3:hover {
  background-color: #E8E0D8 !important;
  border-radius: 4px;
  padding: 2px 6px;
  margin: -2px -6px;
  display: inline-block;
}

/* غیرفعال کردن هاور روی کل ردیف */
.factory-header:hover {
  background-color: transparent !important;
}
/* فقط روی container اخبار لحظه‌ای */
.box-list-lahzei .item-navasan.decrease .icon-arrow-btn1,
.box-list-lahzei .item-navasan.decrease .icon-arrow-btn-s,
.box-list-lahzei .item-navasan.decrease .color .icon-arrow-btn1,
.box-list-lahzei .item-navasan.decrease .color .icon-arrow-btn-s {
    color: #994401 !important;
}
/* اضافه کردن این قوانین به انتهای فایل CSS کودک */
.item-navasan.decrease .color,
.item-navasan.decrease .icon-arrow-btn1,
.item-navasan.decrease .icon-arrow-btn-s {
    color: #994401 !important;
}

.item-navasan.increase .color,
.item-navasan.increase .icon-arrow-top,
.item-navasan.increase .icon-arrow-top-s {
    color: #01990B !important;
}

/* برای مطمئن‌شدن از همه عناصر */
.list-fillter-lahzei li[data-status="decrease"] .icon-arrow-btn1,
.list-fillter-lahzei li.active .icon-arrow-btn1 {
    color: #994401 !important;
}
/* استایل ایکون چارت */
.icon-chart1 {
    color: #94877C !important;
    transition: color 0.3s ease;
}

.icon-chart1:hover {
    color: #994401 !important;
}

/* استایل برای کارت های محصول */
.box-list-lahzei .item-navasan {
    background-color: #ffffff !important;
    border: 1px solid #AA907A !important;
    transition: all 0.3s ease !important;
}

.box-list-lahzei .item-navasan:hover {
    background-color: #F1EFE9 !important;
    border-color: #AA907A !important;
}
/* استایل برای دایره کنار هدر کارخانه در صفحه قیمت لحظه ای */
.box-list-lahzei .factory-header .w-8.h-8 {
    background-color: #E8E0D8 !important;
    border: none !important;
}

/* حذف افکت هاور */
.box-list-lahzei .factory-header .w-8.h-8:hover {
    background-color: #E8E0D8 !important;
    border: none !important;
}
/*=============================
تغییر رنگ متن پلیس هولدر وزن
=============================*/

/* تغییر رنگ متن input */
.weight-table__field-input {
    color: #D7C9BE !important;
}

/* برای حالت placeholder هم */
.weight-table__field-input::placeholder {
    color: #D7C9BE !important;
    opacity: 1;
}

/* برای حالت focus */
.weight-table__field-input:focus {
    color: #D7C9BE !important;
}

/* استایل دکمه مشاهده بیشتر در حالت عادی */
.see-more {
    background-color: #D7D42B !important;
    color: #006E91 !important;
    transition: all 0.3s ease !important;
}

/* استایل دکمه مشاهده بیشتر در حالت هاور */
.see-more:hover {
    background-color: #5E4B3C !important;
    color: #D7D42B !important;
}



/*تماس با ما*/
/* ===============================
   استایل فیلدهای تماس با ما
=============================== */

/* استایل برای تمام فیلدهای تماس با ما */
#acf-field_65434c939f67b,
#acf-field_65434ca89f67c,
#acf-field_65434cd69f67d {
    background-color: #f8f9fa !important;
    color: #333333 !important;
    border: 1px solid #ced4da !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    width: 100% !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

/* استایل برای placeholder ها */
#acf-field_65434c939f67b::placeholder,
#acf-field_65434ca89f67c::placeholder,
#acf-field_65434cd69f67d::placeholder {
    color: #6c757d !important;
    opacity: 1 !important;
    font-size: 14px !important;
}

/* برای مرورگرهای مختلف */
#acf-field_65434c939f67b::-webkit-input-placeholder,
#acf-field_65434ca89f67c::-webkit-input-placeholder,
#acf-field_65434cd69f67d::-webkit-input-placeholder {
    color: #6c757d !important;
}

#acf-field_65434c939f67b::-moz-placeholder,
#acf-field_65434ca89f67c::-moz-placeholder,
#acf-field_65434cd69f67d::-moz-placeholder {
    color: #6c757d !important;
    opacity: 1 !important;
}

#acf-field_65434c939f67b:-ms-input-placeholder,
#acf-field_65434ca89f67c:-ms-input-placeholder,
#acf-field_65434cd69f67d:-ms-input-placeholder {
    color: #6c757d !important;
}

/* استایل برای حالت فوکوس */
#acf-field_65434c939f67b:focus,
#acf-field_65434ca89f67c:focus,
#acf-field_65434cd69f67d:focus {
    outline: none !important;
    border-color: var(--primary-blue) !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0, 110, 145, 0.1) !important;
}

/* اگر می‌خواهید از رنگ‌های موجود در متغیرها استفاده کنید */
#acf-field_65434c939f67b::placeholder,
#acf-field_65434ca89f67c::placeholder,
#acf-field_65434cd69f67d::placeholder {
    color: var(--text-gray) !important;
}

#acf-field_65434c939f67b,
#acf-field_65434ca89f67c,
#acf-field_65434cd69f67d {
    background-color: var(--light-gray) !important;
    border-color: var(--border-color) !important;
    color: var(--text-dark) !important;
}
/* تغییر رنگ آیکن scan */
.icon-scan {
    color: #006E91 !important;
}


/* تماس با ما */
/* تغییر رنگ آیکن‌ها */
.icon-map,
.icon-location, 
.icon-pin,
.icon-address,
.icon-call1,
.icon-email, 
.icon-chat1 {
    color: #994401 !important;
}

.icon-alert {
    color: #D7D42B !important;
}

/*=================================
درخواست سریع ارسال فرم 
==================================*/
/* استایل مخصوص فرم درخواست سریع */
.box-poupup.active {
  background-color: #F6F6F6; /* پس‌زمینه کلی فرم */
  border: 1px solid #EFE3D9;
  border-radius: 15px;
  padding: 20px;
}

/* عنوان و آیکون بستن */
.box-poupup .close-box i {
  color: #994401 !important; /* رنگ آیکون بستن */
}

.box-poupup .close-box span {
  color: #006E91; /* رنگ عنوان فرم */
}

/* ورودی‌ها */
.box-poupup input,
.box-poupup textarea {
  background-color: #ffffff;
  border-color: #CDC7C7;
  color: #686663;
}

.box-poupup input:focus,
.box-poupup textarea:focus {
  border-color: #01990B;
  box-shadow: 0 0 0 2px rgba(1, 153, 11, 0.2);
}

/* محل آپلود فایل */
.box-poupup .bg-[#F7F7F7] {
  background-color: #E3E3E3 !important;
  border-color: #A5A5A5 !important;
}

.box-poupup .des-upload-file span {
  color: #7D7167;
}

.box-poupup .des-upload-file span .text-[#233564] {
  color: #D7D42B !important; /* رنگ کلمه “انتخاب” */
}

/* دکمه ارسال */
.box-poupup button {
  background-color: #D7D42B !important; /* رنگ دکمه */
  color: #006E91 !important;
  border: none;
  transition: 0.3s;
}

.box-poupup button:hover {
  background-color: #5E4B3C !important;
  color: #D7D42B !important
}

/* پیام موفقیت ارسال */
.box-poupup .send-request-success span {
  color: #01990B !important;
}

.box-poupup .send-request-success i {
  background-color: #01990B !important;
  color: #D7D42B !important;
}

/* چک‌باکس‌ها و متن دریافت اعلان */
.box-poupup [type="checkbox"] + label span {
  color: #334d4d !important;
}

.box-poupup span.text-[#6c8c8c] {
  color: #607d8b !important; /* رنگ متن توضیح اعلان */
}

/* ساده و قابل اطمینان — روی ناحیه آپلود فایل اعمال می‌شود */
.box-poupup .quick_price_inquiry .relative {
  background-color: #F1EFE9 !important;
  border-color: #F1EFE9 !important;
}
/* تغییر رنگ آیکون آپلود */
.box-poupup svg.upload-icon use {
  fill: #D8CBC1;  /* رنگ دلخواه شما */
}

.box-poupup .upload-icon {
    color: #5E4B3C;  /* رنگ دلخواه آیکون آپلود */
    width: 45px;     /* عرض */
    height: 36px;    /* ارتفاع */
    margin-bottom: 15px;
}

/* رنگ placeholder همه input و textarea فرم */
.box-poupup input::placeholder,
.box-poupup textarea::placeholder {
    color: #839f9f !important; /* استفاده از !important برای اولویت دادن */
    font-weight: bold !important;
}
/* تصویر آپلود فرم */
.box-poupup .des-upload-file img {
    height: 38px !important;   /* ارتفاع دقیق و اولویت دادن */
    width: auto !important;    /* حفظ نسبت تصویر */
    object-fit: contain !important;
    margin-top: 10px !important;
    display: block !important;
}