/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* Field description text under inputs */
body .gform_wrapper .gfield_description {
  color: #999;        /* light gray */
  font-size: 0.9em;   /* slightly smaller */
}

/* Placeholder text inside inputs */
body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder {
  color: #999;        /* light gray */
  opacity: 1;         /* ensure consistent rendering */
}

/* Actual user-entered text */
body .gform_wrapper input,
body .gform_wrapper textarea {
  color: #1a73e8;     /* replace with your brand’s main color */
}
/*.gform_button.button.gform-button--width-full {
  background-color: #2c3e50 !important;
  color: #ffffff !important;
  border: none;
  padding: 12px 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.gform_button.button.gform-button--width-full:hover {
  background-color: #1a252f !important;
}
*/
/* Normal button (site default) */
#gform_submit_button_1 {
  background-color: #2C3E50; /* replace with your brand color */
  color: #ffffff; /* or your default text color */
  font-weight: normal; /* no bold */
}

/* OTP stage button */
#gform_submit_button_1.otp-stage {
  background-color: #28a745 !important; /* green */
  color: #ffffff !important;
  border-color: #28a745 !important;
  font-weight: normal; /* no bold */
}
/* Apply custom font to dropdowns (city selector) */

/* Standard select elements inside Gravity Forms */
body .gform_wrapper select,
body .gform_wrapper .gfield select {
    font-family: 'IRANSansWeb_Medium', 'Tahoma', sans-serif !important;
    font-size: 14px;
    color: #333;
}

/* Select2 single and multiple dropdowns */
body .gform_wrapper .select2-container .select2-selection--single,
body .gform_wrapper .select2-container .select2-selection--multiple {
    font-family: 'IRANSansWeb_Medium', 'Tahoma', sans-serif !important;
    font-size: 14px;
    color: #333;
}
/* Custom font for city selector */
@font-face {
  font-family: 'IRANSansWeb_Medium';
  src: url('/wp-content/plugins/abzarwp-theme-woodmart/assets/fonts/fonts/woff/IRANSansWeb_Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

#city-selector select {
  font-family: 'IRANSansWeb_Medium', 'Tahoma', sans-serif !important;
  font-size: 14px !important;
  color: #333 !important;
}
@font-face {
  font-family: 'IRANSansWeb_Medium';
  src: url('/wp-content/plugins/abzarwp-theme-woodmart/assets/fonts/fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),
       url('/wp-content/plugins/abzarwp-theme-woodmart/assets/fonts/fonts/woff/IRANSansWeb_Medium.woff') format('woff'),
       url('/wp-content/plugins/abzarwp-theme-woodmart/assets/fonts/fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
/* Force custom font on dropdowns */
select, option {
  font-family: 'IRANSansWeb_Medium', Tahoma, sans-serif !important;
  font-size: 14px !important;
}

/* Remove native styling for better control */
select {
  appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Chrome/Safari */
  font-family: 'IRANSansWeb_Medium', Tahoma, sans-serif !important;
}
.city-selector {
  position: relative;
  display: inline-block;
  margin-left: 16px;
}

.city-button {
  background: linear-gradient(70deg, #fff, #fff);
  border: 1.5px solid #2C3E50;
  border-radius: 10px;
  padding: 8px 8px;
  font-family: 'IRANSansWeb_Medium', Tahoma, sans-serif;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #2C3E50;
  transition: all 0.3s ease;
}

.city-arrow {
  margin-left: 6px;
  font-size: 10px;
  transition: transform .2s;
}

.city-selector.open .city-arrow {
  transform: rotate(180deg);
}

.city-list {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 160px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  list-style: none;
  padding: 6px 0;
  margin: 0;
  z-index: 1000;
  border-radius: 8px;
}

.city-selector.open .city-list {
  display: block;
}

.city-list li {
  padding: 6px 14px;
}

.city-list li a {
  display: block;
  text-decoration: none;
  color: #2C3E50;
  font-family: 'IRANSansWeb_Medium', Tahoma, sans-serif;
}

.city-list li:hover {
  background: #EAEAEA;
}
/* کانتینر اصلی لیست کشویی */
.dropdown-container {
    position: relative;
    display: inline-block;
    width: 30%; /* 30% عرض صفحه موبایل */
    min-width: 120px;
    text-align: right;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* عنوان (کرج) */
.dropdown-title {
    background-color: #2C3E50;
    color: #2C3E50;
    padding: 10px 15px;
    cursor: pointer;
    border: 4px solid #2C3E50 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    border-radius: 4px;
    direction: rtl; 
}

/* استایل فلش باز شونده */
.dropdown-arrow {
    margin-left: 8px;
    transition: transform 0.3s ease;
    font-size: 10px;
}

/* چرخش فلش هنگام باز شدن منو */
.dropdown-title.active .dropdown-arrow {
    transform: rotate(180deg);
}


/* منوی لیست (مخفی به صورت پیش‌فرض) */
.dropdown-menu {
    display: none;
    position: absolute;
    z-index: 10;
    top: 100%;
    right: 0;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-top: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

/* نمایش منو هنگام فعال بودن (توسط JS) */
.dropdown-menu.show {
    display: block;
}

/* آیتم‌های داخل لیست */
.dropdown-menu a {
    color: #2C3E50;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    text-align: right;
}

/* افکت هاور روی آیتم‌ها */
.dropdown-menu a:hover {
    background-color: #f0f0f0;
}
/* استایل برای المان <select> که عنوان انتخابی ("کرج ▼") را نمایش می‌دهد */
#city_header {
    -webkit-appearance: none; /* حذف استایل‌های پیش‌فرض مرورگر برای المنت select */
    -moz-appearance: none;
    appearance: none;
    border: none !important; /* حذف هرگونه بوردر پیش‌فرض */
    background-color: transparent !important; /* شفاف کردن پس‌زمینه تا پس‌زمینه والد آن مشخص شود */
    color: #2C3E50 !important; /* رنگ متن تیره برای عنوان انتخابی */
    font-family: 'IRANSansWeb_Medium', Tahoma, sans-serif !important; /* اعمال فونت ایران سنس */
    font-size: 14px !important; /* اعمال سایز ۱۴ پیکسل برای عنوان */
    padding: 0 !important; /* حذف تمام پدینگ‌های داخلی برای حذف فضای خالی ناخواسته */
    margin: 0 !important; /* حذف تمام مارجین‌های بیرونی */
    height: auto !important; /* اجازه دهید ارتفاع بر اساس محتوا تنظیم شود */
    line-height: normal !important; /* تنظیم ارتفاع خط عادی */
    cursor: pointer; /* نشان دادن قابلیت کلیک */
    text-align: right; /* تراز کردن متن به سمت راست برای زبان فارسی */
    direction: rtl; /* تنظیم جهت متن به راست به چپ برای زبان فارسی */
}

/* برای تلاش در جهت حذف پس‌زمینه تیره روی عنوان در حالت فعال/فوکوس (اگر توسط مرورگر اعمال شود) */
#city_header:active,
#city_header:focus {
    background-color: transparent !important; /* تلاش برای شفاف کردن پس‌زمینه در حالت فعال/فوکوس */
    color: #2C3E50 !important; /* نگه داشتن رنگ متن تیره */
}

/* استایل برای گزینه‌های درون لیست دراپ‌داون (وقتی باز می‌شود) */
#city_header option {
    color: #2C3E50 !important; /* رنگ متن تیره برای گزینه‌ها */
    font-family: 'IRANSansWeb_Medium', Tahoma, sans-serif !important; /* اعمال فونت */
    font-size: 12px !important; /* اعمال سایز ۱۲ پیکسل */
    background-color: #F0F0F0 !important; /* پس‌زمینه سفید برای هر گزینه */
    padding: 8px 8px !important; /* فضای داخلی برای خوانایی بهتر */
}

/* افکت هاور برای گزینه‌ها (وقتی موس روی آن‌ها می‌رود) */
#city_header option:hover {
    background-color: #f0f0f0 !important; /* تغییر رنگ پس‌زمینه به خاکستری روشن در هاور */
    color: #2C3E50 !important; /* رنگ متن مشکی در هاور */
}
.city-selector {
  position: relative;
  display: inline-block;
  font-family: 'IRANSansWeb_Medium', Tahoma, sans-serif;
}

.city-button {
  background-color: #ff0000;   /* قرمز */
  border: 1px solid #000000;   /* حاشیه مشکی */
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  color: #ffffff;              /* متن سفید برای کنتراست بهتر */
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}

.city-arrow {
  font-size: 12px;
  transition: transform 0.2s ease;
}

.city-selector.open .city-arrow {
  transform: rotate(180deg);
}

.city-list {
  position: absolute;
  top: 100%;   /* دقیقاً زیر دکمه */
  left: 50%; transform: translateX(-50%);     /* از سمت چپ والد شروع بشه */
  width: 100%; /* هم‌عرض دکمه باشه */
  background: #F0F0F0;
  border: 1px solid #2C3E50;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,.1);
  list-style: none;
  margin: 0;
  padding: 6px 0;
  z-index: 1000;
}

.city-selector.open .city-list {
  display: block;
}

.city-list li a {
  display: block;
  padding: 1px 10px;
  line-height: 1.2;
  text-decoration: none;
  color: #2C3E50;
  font-size: 14px;
}

.city-list li a:hover {
  background: #EAEAEA;
  background: #EAEAEA;   /* بک‌گراند هلویی روشن */
  color: #2C3E50;        /* متن نارنجی گرم ثابت بمونه */
}
#chat-box {
  max-width: 500px;
  margin: 20px auto;
  padding: 10px;
  border: 1px solid #ddd;
  background: #fafafa;
  border-radius: 8px;
}

.user-msg {
  background: #e0f7fa;
  padding: 8px 12px;
  margin: 5px;
  border-radius: 12px;
  text-align: right;
}

.bot-reply {
  background: #f1f1f1;
  padding: 8px 12px;
  margin: 5px;
  border-radius: 12px;
  text-align: left;
}