/* 
  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;
}

/* حالت هاور دکمه‌ها */
button[type="submit"]:hover {
  background-color: #5E4B3C !important;
  color: #ffffff !important;
}

/* ---------------- هدینگ‌ها ---------------- */
h1, h2 {
  color: #5E4B3C;
  font-weight: 700;
}

h3, h4, h5, h6 {
  color: #333333;
  font-weight: 600;
}

/* ---------------- فوتر ---------------- */
footer {
  background-color: #5E4B3C;
  color: #E2DEDE;
  padding: 20px 0;
  text-align: center;
}

footer a {
  color: #E2DEDE;
  text-decoration: none;
}

footer a:hover {
  color: #DBD840;
  text-decoration: underline;
}

/* ---------------- لینک‌ها ---------------- */
a { 
  color: #006E91; 
}

a:hover { 
  color: #5E4B3C; 
}
/* ---------------- رنگ آیکون‌ها در سایت (غیر فوتر) ---------------- */
i[class^="icon-"]:not(footer i) {
    color: #006e92 !important;
}

/* حالت hover یا فوکوس آیکون‌ها (اختیاری) */
i[class^="icon-"]:not(footer i):hover {
    color: #00576b !important; /* رنگ کمی تیره‌تر روی هاور */
}
/* ---------------- منوی محصولات ---------------- */
.menu-product-icon {
    display: inline-flex;           /* flex برای کنترل آیکن و متن */
    flex-direction: row-reverse;    /* آیکن سمت راست، متن بعدش */
    align-items: center;
    gap: 10px;                      /* فاصله بین متن و آیکن */
    padding: 16px 28px;             /* px-7 py-4 معادل */
    border-radius: 12px;             /* گوشه‌های گرد */
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    background: linear-gradient(to left, #FFF5ED, #ffffff); /* گرادیانت راست به چپ */
    color: #5E4B3C;                 /* رنگ متن قهوه‌ای */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه کمی پایین باکس */
}

/* آیکن داخل باکس */
.menu-product-icon i {
    color: #5E4B3C;                 /* رنگ آیکن مثل متن */
    font-size: 16px;
}

/* حالت هاور (اختیاری) */
.menu-product-icon:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); /* کمی سایه بزرگتر */
}
/* ---------------- دکمه جستجو ---------------- */
button[type="submit"] i.icon-search {
    color: #233564; /* رنگ آیکون */
}

/* حالت هاور دکمه جستجو */
button[type="submit"]:hover {
    background-color: #FFF5ED !important; /* پس‌زمینه روشن کرم */
    border-radius: 8px;                   /* گرد بودن گوشه‌ها */
}

/* مطمئن شدن از اینکه آیکون رنگش تغییر نکنه */
button[type="submit"]:hover i.icon-search {
    color: #233564 !important;
}
/* ---------------- باکس جستجوی سریع محصولات ---------------- */
input[placeholder="جست و جوی سریع محصولات فولادی"] {
    background-color: #FFF5ED !important; /* پس‌زمینه کرم روشن */
    color: #233564 !important;            /* رنگ متن (اختیاری) */
    border-radius: 8px;                    /* گرد بودن گوشه‌ها */
    padding-right: 24px !important;        /* مطابقت با pr-6 */
    padding-top: 16px !important;          /* مطابقت با py-4 */
    padding-bottom: 16px !important;
}

/* حالت فوکوس */
input[placeholder="جست و جوی سریع محصولات فولادی"]:focus {
    outline: none;
    background-color: #FFF5ED !important; /* پس‌زمینه ثابت روی فوکوس */
}
/* ---------------- دکمه استعلام سریع قیمت ---------------- */
.quick-inquiry {
    background-color: #DBD840 !important; /* پس‌زمینه */
    color: #006E91 !important;            /* رنگ متن حالت عادی */
    border-radius: 12px !important;       /* گوشه‌ها */
    padding: 16px 36px !important;        /* px-9 py-4 */
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    filter: none !important;              /* حذف drop-shadow قبلی */
}

/* حالت هاور */
.quick-inquiry:hover {
    background-color: #5E4B3C !important; /* پس‌زمینه هاور */
    color: #DBD840 !important;            /* رنگ متن هم‌رنگ پس‌زمینه عادی */
}
/* ---------------- لینک تلفن ---------------- */
a[href^="tel:"] {
    color: #DBD840 !important;  /* رنگ زرد در حالت عادی */
    font-weight: bold;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 4px;
    line-height: 1;
}
/* ---------------- متن محصولات (میلگرد و ...) ---------------- */
span.text-\[13px\].font-bold {
    color: #006E91 !important;
}
/* ---------------- متن لیست محصولات ---------------- */
.product-list span,
span.text-\[13px\].font-bold {
    color: #006E91 !important;
}
/* ---------------- آیکون‌های SVG (arrow-ic و مشابه) ---------------- */
svg use[xlink\:href="#arrow-ic"] {
    fill: #006E91 !important;   /* رنگ اصلی آیکون */
    stroke: #006E91 !important; /* در صورتی که آیکون از stroke استفاده کنه */
}
/* ---------------- عنوان محصولات (مثال: میلگرد) ---------------- */
span.text-\[21px\].font-bold {
    color: #5E4B3C !important;  /* رنگ متن عادی */
    transition: color 0.3s ease; /* انیمیشن تغییر رنگ نرم */
}

/* حالت هاور */
span.text-\[21px\].font-bold:hover {
    color: #DBD840 !important;  /* رنگ متن در هاور */
}
/* ---------------- لینک مشاهده همه دسته بندی ها ---------------- */
a[href="#"].text-\[14px\].font-bold {
    color: #006E91 !important;   /* رنگ عادی */
    transition: none !important; /* جلوگیری از هر انیمیشن تغییر رنگ */
}

/* هاور (رنگ بدون تغییر) */
a[href="#"].text-\[14px\].font-bold:hover {
    color: #006E91 !important;
}
/* ---------------- فرم درخواست سریع ---------------- */
div.rounded-\[22px\].bg-\[\#f6fafa\] {
    background-color: #FFF5ED !important; /* رنگ پس‌زمینه کرم روشن */
}
/* ---------------- باکس لینک داخلی ---------------- */
a.text-\[17px\].font-bold.bg-\[\#29cd8d\] {
    background-color: #DBD840 !important; /* رنگ پس‌زمینه */
}
/* ---------------- دکمه ثبت درخواست تماس ---------------- */
button[type="submit"] {
    background-color: #DBD840 !important; /* رنگ پس‌زمینه عادی */
    color: #ffffff !important;            /* رنگ متن عادی */
    border-radius: 10px;
    font-weight: bold;
    padding: 16px 28px;                   /* px-7 py-4 */
    cursor: pointer;
    transition: all 0.3s;
}

/* حالت هاور */
button[type="submit"]:hover {
    background-color: #5E4B3C !important; /* پس‌زمینه هاور قهوه‌ای */
    color: #ffffff !important;            /* رنگ متن بدون تغییر */
}