.elementor-kit-1987{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;}.elementor-kit-1987 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================== Base ================== */
:root{
  --brand:#e11d48;
  --brand-dark:#be123c;
  --text:#1f2937;
  --muted:#6b7280;
  --chip-bg:#f7f7f7;
  --chip-bd:#e5e7eb;
  --bd:#ededed;
  --card-radius:16px;
  --font-fa:"IRANSansX","Vazirmatn","Shabnam","IRANSans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial;
}
body{font-family:var(--font-fa)!important;color:var(--text)}

/* ================== Archive Layout ================== */
.rep-archive .elementor-container{align-items:flex-start}
.rep-grid{ padding-inline-end:16px; }

.rep-filters{position:sticky;top:88px;align-self:flex-start}

/* ================== Card ================== */
.rep-card{
  position:relative;
  background:#fff;
  border:1px solid var(--bd);
  border-radius:var(--card-radius);
  padding:16px;                 /* پایه */
  padding-inline-end:16px;       /* جا برای لوگو در گوشه راست */
  display:flex;flex-direction:column;gap:12px;
  transition:box-shadow .2s,border-color .2s;
}


.rep-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.06);border-color:#e5e5e5}
.rep-card *{box-sizing:border-box}


/* Logo (Image widget container with class rep-logo) */
.rep-logo img{width:100%
;height:100%;border-radius:999px;object-fit:cover;border:1px solid #eee;background:#fafafa}

/* Title + meta */
.rep-card .elementor-heading-title{line-height:1.6}
.rep-card .meta{font-size:12px;color:var(--muted)}

/* Chips row */
.metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:1px;position:relative;z-index:1}
.chip{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--chip-bg);border:1px solid var(--chip-bd);
  border-radius:999px;padding:6px 10px;font-size:12px;color:#374151;white-space:nowrap
}

/* ===== Fix: چیپ‌ها دقیقا وسط و بدون بیرون‌زدگی ===== */
.rep-card .metrics{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;   /* هم‌راستایی عمودی ردیف */
}




/* Woo price widget */
.rep-price del{color:#9ca3af;text-decoration:line-through;font-weight:500;font-size:14px;margin-inline-start:6px}
.rep-price ins{color:var(--brand);font-weight:800;font-size:18px;text-decoration:none}

/* Manual prices (if you used two texts) */
.price-old{color:#9ca3af;text-decoration:line-through;font-weight:500;font-size:14px;display:block}
.price-new{color:var(--brand);font-weight:800;font-size:18px;display:block}

/* Cart row (qty + button) */
.cart-row{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:nowrap}
.cart-row .quantity,
.cart-row .quantity.buttons_added{
  display:flex;align-items:center;gap:0;
  border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;height:40px
}
.cart-row .quantity input[type="number"]{width:48px;min-width:48px;text-align:center;border:none;font-size:14px}

/* plus/minus (WoodMart/Woo) */
.cart-row .quantity .plus,
.cart-row .quantity .minus,
.cart-row .quantity .wd-btn-color-gray{
  width:40px;min-width:40px;height:40px;line-height:40px;
  display:inline-flex;align-items:center;justify-content:center;
  border:none;background:#fafafa;cursor:pointer
}

/* Add to cart button (all cases) */
.cart-row .button,
.cart-row .add_to_cart_button,
.cart-row .single_add_to_cart_button,
.cart-row .elementor-button{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 18px;min-height:40px;line-height:1.1;white-space:nowrap;
  background:var(--brand);color:#fff!important;border-radius:12px;font-weight:700;font-size:14px;flex:1;transition:.2s
}
.cart-row .button:hover,
.cart-row .add_to_cart_button:hover,
.cart-row .single_add_to_cart_button:hover,
.cart-row .elementor-button:hover{background:var(--brand-dark)}
/* اگر خود دکمه آیکن دارد، pseudo زیر را فعال نکن */
.cart-row .button:after{content:none}

/* Mobile */
@media (max-width:767px){
  .rep-grid{padding-inline-end:0}
  .cart-row{flex-direction:column;align-items:stretch}
  .cart-row .button,.cart-row .add_to_cart_button,.cart-row .single_add_to_cart_button{width:100%}
}

/* ================== Filters (Accordion / sliders) ================== */
.rep-filters .elementor-accordion .elementor-accordion-item{
  border:1px solid var(--bd);border-radius:12px;overflow:hidden;margin-bottom:10px;background:#fff
}
.rep-filters .elementor-accordion .elementor-tab-title{padding:12px 14px;font-weight:700;color:#111827}
.rep-filters .elementor-accordion .elementor-tab-content{padding:12px 14px;background:#fbfbfb}

.widget_price_filter .ui-slider,.rep-filters .ui-slider{
  position:relative;height:6px;background:#f0f0f0;border-radius:999px;border:none
}
.widget_price_filter .ui-slider-range,.rep-filters .ui-slider-range{background:var(--brand);height:100%;border-radius:999px}
.widget_price_filter .ui-slider-handle,.rep-filters .ui-slider-handle{
  top:-6px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--brand);
  box-shadow:0 2px 6px rgba(0,0,0,.12)
}

.rep-filters .filter-apply .elementor-button,
.rep-filters .elementor-button--primary{
  background:var(--brand);color:#fff;border-radius:12px;font-weight:800;padding:10px 16px
}
.rep-filters .elementor-button:hover{background:var(--brand-dark)}

/* Search + breadcrumb (اختیاری) */
.rep-archive .search-hero input[type="search"]{width:100%;height:54px;border:1px solid var(--bd);border-radius:14px;padding:0 16px;font-size:16px}
.rep-archive .breadcrumb{font-size:12px;color:var(--muted)}/* End custom CSS */