.elementor-12779 .elementor-element.elementor-element-2f231708{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-12779 .elementor-element.elementor-element-2f231708{--width:96%;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-12779 .elementor-element.elementor-element-9169b57 > .elementor-widget-container{margin:-7% 0% 0% 0%;}}@media(min-width:768px){.elementor-12779 .elementor-element.elementor-element-2f231708{--width:96%;}}/* Start custom CSS for shortcode, class: .elementor-element-9169b57 *//* ================= GLOBAL ================= */


.fire-account-grid {
  width: 100% !important;
  margin: 0;
  padding: 30px 20px;
  background: #f5f5f7;                               /* قبلاً #131417 (خیلی تیره) → حالا روشن */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 32px;
  color: #222 !important;                             /* قبلاً #eee → متن تیره مناسب تم روشن */
  font-family: "Vazir", sans-serif;
  box-sizing: border-box;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.12);           /* از 0.25 به 0.12 برای ملایم‌تر شدن */
}

/* ================= HEADINGS ================= */
.fire-dashboard h2,
.fire-section h3 {
  color: #111111 !important;                          /* قبلاً #ffffff → الان تیره برای لایت */
  font-family: "Vazir", sans-serif;
  font-weight: 700;
  margin-bottom: 16px;
}

/* ================= SECTIONS ================= */
.fire-section {
  background: #ffffff !important;                     /* از #1b1c20 (کارت تیره) → سفید */
  padding: 26px;
  border-radius: 14px;
  border: 1px solid #dddddd !important;               /* از #2d2e33 → خاکستری روشن */
  transition: 0.25s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.10) !important;/* از 0.25 به 0.10 */
}

.fire-section:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 28px rgba(0, 0, 0, 0.15) !important;/* از 0.35 به 0.15 */
}

/* ================= INPUTS ================= */
.fire-section input,
.fire-section textarea {
  width: 100%;
  background: #fafafa !important;                    /* از #2a2b32 → روشن */
  border: 1px solid #cccccc !important;              /* از #3a3b42 → خاکستری روشن */
  padding: 14px;
  border-radius: 10px;
  color: #111111 !important;                         /* از #f1f1f1 → متن تیره */
}

.fire-section input::placeholder,
.fire-section textarea::placeholder {
  color: #888888;                                     /* placeholder مناسب تم روشن */
}

.fire-section input:focus,
.fire-section textarea:focus {
  border-color: #ffd700 !important;                   /* همان طلایی */
  box-shadow: none !important;                        /* همون رفتار قبلی، فقط رنگ‌ها عوض شده */
  outline: none !important;
}

/* ================= BUTTONS ================= */
.fire-section button,
.woocommerce button,
.woocommerce a.button,
.woocommerce input.button {
  background: #cc0066 !important;                     /* همون صورتی قبلی */
  border: none !important;
  color: #ffffff !important;
  padding: 14px;
  border-radius: 10px;
  font-weight: 700 !important;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.20) !important; /* از 0.25 به 0.20 برای لایت */
  transition: 0.2s ease;
}

.fire-section button:hover,
.woocommerce button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
  filter: brightness(1.05) !important;                /* کمی ملایم‌تر از 1.1 */
  transform: translateY(-2px);
}

/* ================= RESPONSIVE ================= */
@media (max-width: 600px) {
  .fire-account-grid {
    display: flex !important;
    flex-direction: column !important; /* ظاهر لیستی در موبایل */
    gap: 20px !important;
    padding: 20px !important;
  }

  .fire-section,
  .fire-dashboard {
    width: 100% !important;
    margin: 0 !important;
    padding: 20px;
  }

  .fire-dashboard h2 {
    font-size: 22px;
  }

  .fire-section h3 {
    font-size: 18px;
  }
}
/* زمینه اصلی داشبورد اکانت – روشن */
.fire-dashboard,
.account-page-wrapper,
.woocommerce-account,
.woocommerce-account .woocommerce {
  background: #f0f2f5 !important;  /* روشن ولی نه سفید خالص، چشم‌نواز کنار کارت‌ها */
  color: #222 !important;
}
/* ------------------ زمینه اصلی صفحه ------------------ */
/* روشن ولی نه سفید خالص */
body.woocommerce-account,
body.fire-account-page,
.fire-account-wrapper,
.fire-dashboard-wrapper {
  background: #e9eaed !important;
  color: #222 !important;
}

/* ------------------ زمینه fire-account-grid ------------------ */
/* کمی تیره‌تر از سفید تا کارت‌ها گم نشوند */
.fire-account-grid {
  background: #f1f1f3 !important;   /* قبلاً خیلی سفید بود → الان ملایم‌تر و مشخص‌تر */
  padding: 30px 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 32px;
  border-radius: 10px;
  color: #222 !important;
  box-shadow: 0 0 18px rgba(0,0,0,0.10);
}

/* ------------------ DASHBOARD (قبلاً دارک بود) ------------------ */
.fire-dashboard {
  background: #ffffff !important;
  padding: 26px;
  border-radius: 14px;
  border: 1px solid #dddddd !important;
  box-shadow: 0 0 20px rgba(0,0,0,0.08) !important;
}

.fire-dashboard h2,
.fire-dashboard p {
  color: #111 !important;
}

/* ------------------ کارت‌های معمولی ------------------ */
.fire-section {
  background: #ffffff !important;
  padding: 26px;
  border-radius: 14px;
  border: 1px solid #dddddd !important;
  box-shadow: 0 0 20px rgba(0,0,0,0.08) !important;
}

/* ------------------ INPUT ------------------ */
.fire-section input,
.fire-section textarea {
  background: #fafafa !important;
  border: 1px solid #cccccc !important;
  color: #111 !important;
  padding: 14px;
  border-radius: 10px;
}

.fire-section input::placeholder,
.fire-section textarea::placeholder {
  color: #888;
}

/* ------------------ دکمه‌ها (رنگ زرشکی) ------------------ */
.fire-section button,
.woocommerce button,
.woocommerce a.button,
.woocommerce input.button {
  background: #a60046 !important;      /* زرشکی شیک */
  border: none !important;
  color: #fff !important;
  padding: 14px;
  border-radius: 10px;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(166, 0, 70, 0.3);
  transition: 0.2s;
}

.fire-section button:hover {
  background: #bf0053 !important;
  transform: translateY(-2px);
}

/* ------------------ نسخه نارنجی (اگر بخوای) ------------------
.fire-section button {
  background: #ff7a00 !important;
  box-shadow: 0 4px 10px rgba(255, 122, 0, 0.3);
}
.fire-section button:hover {
  background: #ff8c1c !important;
}
-------------------------------------------------------------- */

/* ------------------ responsive ------------------ */
@media (max-width: 600px) {
  .fire-account-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 20px;
  }
}
/* لیست سفارش‌ها – جدا شدن از کارت سفید */
.fire-orders ul {
  background: #f4f5f7 !important;   /* خاکستری خیلی ملایم */
  padding: 15px 18px;
  border-radius: 10px;
  border: 1px solid #e2e2e2;
}

/* هر آیتم سفارش */
.fire-orders ul li {
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
  color: #333 !important;
}

/* حذف خط آخر */
.fire-orders ul li:last-child {
  border-bottom: none;
}

/* قیمت‌ها کمی بولد و تیره‌تر */
.fire-orders .amount {
  color: #111 !important;
  font-weight: 600;
}/* End custom CSS */