/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face {
    font-family: 'IRANSansX';
    src: url('fonts/IRANSansXFaNum-Medium.woff') format('woff') ;
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'IRANSansX', sans-serif;
}

/* استایل برای فیلد کد رهگیری */
.tracking-code-wrapper {
    margin-top: 20px;
    background-color: #f3f4f6; /* پس‌زمینه روشن */
    padding: 20px;
    border-radius: 10px; /* گوشه‌های گرد */
    border: 1px solid #e0e0e0; /* مرز نرم */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* سایه ملایم */
}

/* استایل برای برچسب (Label) */
.tracking-code-wrapper label {
    font-weight: bold;
    color: #333;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

/* استایل برای فیلد ورودی کد رهگیری */
.tracking-code-wrapper input[type="text"] {
    width: 80%; /* عرض فیلد ورودی */
    padding: 12px 15px; /* فاصله داخلی */
    border-radius: 8px; /* گوشه‌های گرد */
    border: 1px solid #ccc; /* مرز کمرنگ */
    font-size: 14px; /* اندازه فونت */
    margin-top: 8px; /* فاصله از بالا */
    transition: all 0.3s ease-in-out; /* انیمیشن روان هنگام تغییر */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* سایه ملایم */
}

/* تغییر رنگ و سایه فیلد ورودی هنگام فوکوس */
.tracking-code-wrapper input[type="text"]:focus {
    border-color: #4CAF50; /* تغییر رنگ مرز به سبز */
    box-shadow: 0 0 8px rgba(76, 175, 80, 0.4); /* سایه سبز ملایم */
}

/* استایل برای دکمه ویرایش */
.tracking-code-wrapper button {
    margin-left: 10px; /* فاصله از فیلد */
    padding: 8px 15px; /* فاصله داخلی */
    background-color: #4CAF50; /* رنگ پس‌زمینه سبز */
    color: white; /* رنگ متن سفید */
    border-radius: 5px; /* گوشه‌های گرد */
    border: none; /* بدون مرز */
    cursor: pointer; /* نشانگر دست */
    font-size: 14px; /* اندازه فونت */
    transition: background-color 0.3s ease-in-out; /* انیمیشن تغییر رنگ */
}

/* تغییر رنگ دکمه هنگام هاور */
.tracking-code-wrapper button:hover {
    background-color: #45a049; /* رنگ پس‌زمینه تیره‌تر هنگام هاور */
}

/* توضیحات زیر فیلد */
.tracking-code-wrapper .description {
    font-size: 13px;
    color: #888; /* رنگ خاکی برای توضیحات */
    margin-top: 8px; /* فاصله از فیلد */
}

.copy-right {
  display: flex;
  justify-content: space-between;
  display: none;
}
.button_about_plugin_letmeknow_sbp {
  cursor: pointer;
  border: #7dc825 solid 2px;
  color: #7dc825;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  font-size: 16px;
  font-family: "iranYekan", sans-serif !important;
  display: none;
}
.button_link_other_products_letmeknow_sbp {
  border: #c84b25 solid 2px;
  color: #c84b25;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  font-size: 16px;
  font-family: "iranYekan", sans-serif !important;
  display: none;
}


}

.custom-category-bottom-content {
    margin-top: 40px;
    padding: 25px;
    background: linear-gradient(135deg, #f9f9f9, #ffffff);
    border-top: 3px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    text-align: justify;
}

.custom-category-bottom-content h2 {
    font-size: 20px;
    color: #d35400;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
}

.custom-category-bottom-content p {
    margin-bottom: 12px;
}

.custom-category-bottom-content a {
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease-in-out;
}

.custom-category-bottom-content a:hover {
    color: #005f8f;
    text-decoration: underline;
}

.woo-acc-dashboard-rtl{direction:rtl;font-family:inherit;color:#222}
.woo-acc-dashboard-rtl .button{border-radius:12px;padding:.55em 1em}
.woo-acc-dashboard-rtl .button.small{padding:.35em .75em;font-size:.9em}
.woo-acc-dashboard-rtl .button.outline{background:#fff;border:1px solid #e5e7eb}
.woo-acc-dashboard-rtl .button.alert{background:#e11d48;color:#fff}
.wad-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #eee;padding:14px 0;margin-bottom:12px}
.wad-user{display:flex;align-items:center;gap:12px}
.wad-avatar{width:40px;height:40px;border-radius:50%}
.wad-user-hi{font-size:.9rem;color:#6b7280}
.wad-user-name{font-weight:600}
.wad-actions .button{margin-inline-start:8px}
.wad-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}
.wad-card{display:flex;gap:12px;align-items:center;border:1px solid #eee;border-radius:16px;padding:14px;background:#fff;transition:.2s}
.wad-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.04)}
.wad-card-icon{font-size:22px;background:#f3f4f6;border-radius:12px;padding:10px}
.wad-card-label{font-size:.9rem;color:#6b7280}
.wad-card-val{font-weight:700}
.wad-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}
.wad-panel{background:#fff;border:1px solid #eee;border-radius:18px}
.wad-panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:14px 16px}
.wad-title{font-weight:700}
.wad-link{font-size:.92rem;color:#2563eb}
.wad-products{padding:8px 16px}
.wad-product{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #f2f2f2}
.wad-product:last-child{border-bottom:0}
.wad-product img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.wad-product-title{font-weight:600;font-size:.95rem}
.wad-product-sku{font-size:.8rem;color:#6b7280}
.wad-product-actions{display:flex;align-items:center;gap:8px}
.wad-badge{background:#eef2ff;color:#3730a3;border-radius:999px;padding:.15em .6em;font-size:.78rem}
.wad-price{font-weight:700;white-space:nowrap}
.wad-orders{padding:12px 16px}
.wad-order{display:flex;align-items:center;justify-content:space-between;border:1px solid #eee;border-radius:12px;padding:10px 12px;margin-bottom:10px}
.wad-order:last-child{margin-bottom:0}
.wad-order-id{font-weight:600}
.wad-order-date{font-size:.82rem;color:#6b7280}
.wad-chip{background:#ecfeff;color:#155e75;border-radius:999px;padding:.2em .6em;font-size:.78rem;margin-inline-end:8px}
.wad-info{padding:12px 16px;display:grid;gap:10px}
.wad-info > div span{color:#6b7280;margin-inline-end:6px}
.wad-info-actions{display:flex;gap:8px;margin-top:6px}
@media (max-width: 992px){
  .wad-grid{grid-template-columns:1fr}
  .wad-stats{grid-template-columns:1fr 1fr}
}
@media (max-width: 600px){
  .wad-stats{grid-template-columns:1fr}
  .wad-topbar{flex-direction:column;align-items:flex-start}
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}