/* ---- Remove breadcrumb nav ---- */
nav.breadcrumbs{display:none !important;}
.flex.items-end.space-x-2.rtl\:space-x-reverse{
  justify-content: center !important;
  margin-top:10px; 
}

/* ---- Discount badge (both desktop+mobile price wraps) ---- */
.cjs-discount-badge{display:inline-flex;align-items:center;gap:4px;background:#E53E3E;color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;font-family:'Tajawal',sans-serif;margin-left:6px;direction:rtl;white-space:nowrap;}
.cjs-savings-text{display:block;font-size:11px;color:#E53E3E;font-weight:600;font-family:'Tajawal',sans-serif;margin-top:3px;direction:rtl;}
@media (prefers-color-scheme:dark){.cjs-discount-badge{background:#C53030;}.cjs-savings-text{color:#FC8181;}}

/* ---- PDP trust boxes (before description) ---- */
.cjs-prod-features{direction:rtl;display:flex;gap:0;border:1px solid #EAEAEA;border-radius:14px;overflow:hidden;background:#fff !important;margin:16px 0 10px;font-family:'Tajawal',sans-serif;}
.cjs-prod-feature-box{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:12px 6px;flex:1 1 0;min-width:0;border-left:1px solid #EEE;text-align:center;background:#fff !important;}
.cjs-prod-feature-box:last-child{border-left:none;}
.cjs-prod-feature-box svg{width:24px;height:24px;}
.cjs-prod-feature-box svg path,.cjs-prod-feature-box svg rect,.cjs-prod-feature-box svg circle{stroke:#6ab042 !important;}
.cjs-prod-feature-title{display:block;font-size:12.5px;font-weight:800;color:#1A1A1A !important;line-height:1.35;}
.cjs-prod-feature-sub{display:block;font-size:10.5px;color:#8a8a8a !important;line-height:1.4;margin-top:2px;}

/* ---- Tabby box (under the 3 boxes) ---- */
.cjs-tabby-box{direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #EAEAEA;border-radius:14px;background:#fff !important;padding:16px 14px;margin:0 0 16px;font-family:'Tajawal',sans-serif;}
.cjs-tabby-text{font-size:14px;color:#1A1A1A !important;font-weight:500;text-align:center;line-height:1.5;}
.cjs-tabby-text strong{font-weight:800;}
.cjs-tabby-logo{height:24px;}
salla-installment{display:none !important;}

@media (max-width:480px){
  .cjs-prod-features{border-radius:12px;}

  .cjs-prod-feature-box{padding:10px 4px;}
  .cjs-prod-feature-title{font-size:11.5px;}
  .cjs-prod-feature-sub{font-size:10px;}
}

/* ---- Hide native duplicate Tabby widget (custom one above already covers this) ---- */
#tabbyPromoWrapper{display:none !important;}

/* ---- Sticky CTA bar: solid opaque background (was fully transparent) ---- */
.sticky-product-bar{background:#fff !important;box-shadow:0 -2px 12px rgba(0,0,0,.08) !important;border-top:1px solid #EEE !important;}
@media (prefers-color-scheme:dark){
  .sticky-product-bar{background:#fff !important;}
}

/* ---- Custom working read-more for product description (native toggle wasn't collapsing) ---- */
.cjs-desc-truncated{max-height:120px;overflow:hidden;position:relative;}
.cjs-desc-truncated::after{content:'';position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(to bottom, rgba(255,255,255,0), #fff);}
@media (prefers-color-scheme:dark){.cjs-desc-truncated::after{background:linear-gradient(to bottom, rgba(0,0,0,0), #fff);}}

/* ---- Cart page: collapse the note/file-attachment block by default ---- */
.cjs-attach-toggle{cursor:pointer;background:none;border:none;color:#0f6e56;font-size:13px;font-weight:700;padding:6px 0;display:block;text-align:right;width:100%;font-family:'Tajawal',sans-serif;}

/* ---- Cart page: trust line under checkout button ---- */
.cjs-cart-trust{direction:rtl;display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;align-items:center;margin-top:10px;font-family:'Tajawal',sans-serif;font-size:12px;color:#5f5e5a;}
@media (prefers-color-scheme:dark){.cjs-cart-trust{color:#A0A09A;}}