/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 24 2026 | 13:37:42 */
/* =========================================================
   Batch 17 - Compare Fallback
   Loaded only when Batch 01 is not active.
   ========================================================= */

#yith-woocompare .compare-wrap,
#yith-woocompare table.compare-list{
  width: 100% !important;
}

#yith-woocompare .compare-list-wrapper{
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
#yith-woocompare .compare-list-wrapper::-webkit-scrollbar{ height:8px; }
#yith-woocompare .compare-list-wrapper::-webkit-scrollbar-thumb{
  background:#ddd;
  border-radius:10px;
}
#yith-woocompare .compare-list-wrapper::-webkit-scrollbar-track{
  background:transparent;
}

#yith-woocompare table.compare-list{
  border-collapse:separate !important;
  border-spacing:0 !important;
  table-layout:fixed !important;
  background:#fff !important;
  border-radius:12px !important;
  overflow:hidden !important;
  box-shadow:0 6px 22px rgba(0,0,0,.06) !important;
}
#yith-woocompare table.compare-list th,
#yith-woocompare table.compare-list td{
  padding:14px 16px !important;
  border:0 !important;
  vertical-align:top !important;
  color:#222 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  background:#fff !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}
#yith-woocompare table.compare-list td + td,
#yith-woocompare table.compare-list th + th{
  border-left:1px solid #eee !important;
}
html[dir="rtl"] #yith-woocompare table.compare-list td + td,
html[dir="rtl"] #yith-woocompare table.compare-list th + th{
  border-left:0 !important;
  border-right:1px solid #eee !important;
}
#yith-woocompare table.compare-list tr:not([class*="-group"]):nth-child(even) td{
  background:#fafafa !important;
}
#yith-woocompare table.compare-list tr:not([class*="-group"]):hover td{
  background:#f3f6ff !important;
}

#yith-woocompare table.compare-list .image img{
  max-height:120px !important;
  width:auto !important;
  border-radius:8px !important;
  box-shadow:0 4px 16px rgba(0,0,0,.08) !important;
}
#yith-woocompare table.compare-list .title a{
  font-weight:700 !important;
  font-size:15px !important;
  color:#111 !important;
  text-decoration:none !important;
  line-height:1.35 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
#yith-woocompare table.compare-list .price,
#yith-woocompare table.compare-list .amount,
#yith-woocompare table.compare-list .woocommerce-Price-amount{
  font-weight:700 !important;
  color:#111 !important;
}

#yith-woocompare table.compare-list tr[class*="-group"] th{
  font-weight:800 !important;
  font-size:13px !important;
  letter-spacing:0 !important;
  color:#d70000 !important;
  text-transform:uppercase !important;
  background:linear-gradient(180deg,#f8f8f8,#efefef) !important;
  position:sticky !important;
  top:0 !important;
  z-index:5 !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  border-top:1px solid #e8e8e8 !important;
  border-bottom:1px solid #e8e8e8 !important;
}
#yith-woocompare table.compare-list tr[class*="-group"] th::before{
  content:"";
  display:inline-block;
  width:4px;
  height:14px;
  background:#d70000;
  border-radius:8px;
  margin-right:8px;
  vertical-align:middle;
}
html[dir="rtl"] #yith-woocompare table.compare-list tr[class*="-group"] th::before{
  margin-right:0;
  margin-left:8px;
}
#yith-woocompare table.compare-list tr[class*="-group"] td{
  display:none !important;
}
#yith-woocompare table.compare-list tr[class*="-group"] + tr[class*="-group"]{
  display:none !important;
}
#yith-woocompare table.compare-list tr.label-row:not([class*="-group"]){
  display:table-row !important;
}

#yith-woocompare table.compare-list .button,
#yith-woocompare table.compare-list .add_to_cart_button{
  background:#6f95f7 !important;
  color:#fff !important;
  border-radius:24px !important;
  padding:10px 16px !important;
  box-shadow:none !important;
  transition:background-color .2s ease, transform .1s ease !important;
}
#yith-woocompare table.compare-list .button:hover,
#yith-woocompare table.compare-list .add_to_cart_button:hover{
  background:#3a66f4 !important;
  transform:translateY(-1px) !important;
}

@media (max-width:768px){
  body.yith-woocompare-popup-open #colorbox,
  body.yith-woocompare-popup-open #cboxWrapper,
  body.yith-woocompare-popup-open #cboxContent,
  body.yith-woocompare-popup-open #cboxLoadedContent{
    width:100vw !important;
    max-width:100vw !important;
    height:100vh !important;
    height:100svh !important;
  }
  body.yith-woocompare-popup-open #cboxContent{ overflow:hidden !important; }
  body.yith-woocompare-popup-open #cboxLoadedContent{
    padding:0 !important;
    margin:0 !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body.yith-woocompare-popup-open #cboxIframe{
    width:100% !important;
    height:100% !important;
    display:block !important;
    border:0 !important;
  }

  #yith-woocompare table.compare-list{
    display:table !important;
    border-collapse:collapse !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  #yith-woocompare table.compare-list thead{ display:table-header-group !important; }
  #yith-woocompare table.compare-list tbody{ display:table-row-group !important; }
  #yith-woocompare table.compare-list tr{ display:table-row !important; }
  #yith-woocompare table.compare-list th,
  #yith-woocompare table.compare-list td{
    display:table-cell !important;
    float:none !important;
    width:auto !important;
    border:1px solid #e6e6e6 !important;
    padding:10px 8px !important;
    font-size:clamp(12px,3.2vw,15px) !important;
    line-height:1.55 !important;
  }

  #yith-woocompare table.compare-list tr > *:nth-child(n+4){
    display:none !important;
  }

  #yith-woocompare table.compare-list tr > *:first-child{
    width:34% !important;
    background:#f2f2f2 !important;
    color:#555 !important;
    font-weight:700 !important;
    text-align:right !important;
  }
  html[dir="ltr"] #yith-woocompare table.compare-list tr > *:first-child{
    text-align:left !important;
  }
  #yith-woocompare table.compare-list tr > *:nth-child(2),
  #yith-woocompare table.compare-list tr > *:nth-child(3){
    width:33% !important;
  }

  #yith-woocompare table.compare-list .image img{
    max-height:clamp(56px,20vw,90px) !important;
    width:auto !important;
    border-radius:8px !important;
    box-shadow:none !important;
  }
  #yith-woocompare table.compare-list .title a{
    font-size:clamp(13px,3.5vw,15px) !important;
    line-height:1.35 !important;
    -webkit-line-clamp:3 !important;
  }
  #yith-woocompare table.compare-list .price,
  #yith-woocompare table.compare-list .amount,
  #yith-woocompare table.compare-list .woocommerce-Price-amount{
    font-size:clamp(14px,3.8vw,18px) !important;
    line-height:1.35 !important;
  }

  #yith-woocompare table.compare-list tr.label-row:not([class*="-group"]),
  #yith-woocompare table.compare-list tr.compare-label-row:not([class*="-group"]),
  #yith-woocompare table.compare-list tr.attribute-label:not([class*="-group"]),
  #yith-woocompare table.compare-list tr.row-label:not([class*="-group"]){
    display:none !important;
  }
}

@media (max-width:390px){
  #yith-woocompare table.compare-list th,
  #yith-woocompare table.compare-list td{
    padding:8px 6px !important;
    font-size:12px !important;
    line-height:1.45 !important;
  }
  #yith-woocompare table.compare-list .image img{
    max-height:64px !important;
  }
}

a.compare,
a.button.compare,
.compare.button,
.yith-compare a.compare,
.yith-compare-button a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  color:#000 !important;
  font-size:16px !important;
  font-weight:400 !important;
  text-decoration:none !important;
  line-height:1.4 !important;
  cursor:pointer !important;
  transition:color .3s ease !important;
  box-shadow:none !important;
}
a.compare::before,
a.button.compare::before{
  content:"";
  display:inline-block;
  width:15px;
  height:15px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  position:relative;
  top:-1px;
  transition:transform .6s ease;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'%3E%3Cpath d='M256 48C141.1 48 48 141.1 48 256H0l80 96 80-96h-48c0-88.2 71.8-160 160-160s160 71.8 160 160-71.8 160-160 160c-43.5 0-83-17.6-111.8-46.1l-34.9 34.9C176.2 434.3 214.3 448 256 448c114.9 0 208-93.1 208-208S370.9 48 256 48z'/%3E%3C/svg%3E");
}
a.compare:hover,
a.button.compare:hover{ color:#3a66f4 !important; }
a.compare:hover::before,
a.button.compare:hover::before{ transform:rotate(360deg); }

html[lang="ar"] a.compare,
html[lang="ar"] a.button.compare{
  font-size:0 !important;
  line-height:0 !important;
}
html[lang="ar"] a.compare::after,
html[lang="ar"] a.button.compare::after{
  content:"مقارنة";
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.4 !important;
}

.single-product .yith-wcwl-add-to-wishlist a,
.single-product a.compare,
.single-product a.button.compare{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  font-size:16px !important;
  font-weight:600 !important;
  color:#000 !important;
  text-decoration:none !important;
  background:transparent !important;
  border:none !important;
  margin-top:5px !important;
  margin-bottom:5px !important;
  line-height:1 !important;
  width:auto !important;
}
.single-product a.compare::before,
.single-product a.button.compare::before{
  content:"" !important;
  display:block !important;
  width:18px !important;
  height:18px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='black'%3E%3Cpath d='M256 48C141.1 48 48 141.1 48 256H0l80 96 80-96h-48c0-88.2 71.8-160 160-160s160 71.8 160 160-71.8 160-160 160c-43.5 0-83-17.6-111.8-46.1l-34.9 34.9C176.2 434.3 214.3 448 256 448c114.9 0 208-93.1 208-208S370.9 48 256 48z'/%3E%3C/svg%3E") !important;
  transition:transform .5s ease;
}
.single-product .yith-wcwl-add-to-wishlist i,
.single-product .yith-wcwl-add-to-wishlist a::before{
  font-size:18px !important;
  width:auto !important;
  margin:0 !important;
}
.single-product .yith-wcwl-add-to-wishlist a:hover,
.single-product a.compare:hover{ color:#3a66f4 !important; }
.single-product a.compare:hover::before{ transform:rotate(180deg); }

.blockUI.blockOverlay{ background:none !important; }

@media (prefers-reduced-motion: reduce){
  #yith-woocompare table.compare-list .button,
  #yith-woocompare table.compare-list .add_to_cart_button,
  a.compare,
  a.button.compare,
  a.compare::before,
  a.button.compare::before,
  .single-product a.compare::before,
  .single-product a.button.compare::before{
    transition:none !important;
    animation:none !important;
  }
}

/* =========================================================
   Compare visibility policy (fallback)
   - Hide in archive/loop contexts
   - Keep visible on single product and place it under wishlist
   ========================================================= */
body:not(.single-product) a.compare,
body:not(.single-product) a.button.compare,
body:not(.single-product) .compare.button,
body:not(.single-product) .yith-compare-button,
body:not(.single-product) .yith-compare-button a,
body:not(.single-product) .yith-compare a.compare,
body:not(.single-product) .woocommerce a.compare,
body:not(.single-product) .woocommerce .compare.button,
body:not(.single-product) a[href*="yith-woocompare-add-product"]{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.single-product .summary .yith-wcwl-add-to-wishlist{
  margin-bottom:6px !important;
}
.single-product .summary .yith-compare,
.single-product .summary .yith-compare-button{
  display:block !important;
  clear:both !important;
  margin-top:6px !important;
}
.single-product .summary a.compare,
.single-product .summary a.button.compare,
.single-product .summary .compare.button,
.single-product .summary .yith-compare-button a,
.single-product .summary .yith-compare a.compare,
.single-product .summary a[href*="yith-woocompare-add-product"]{
  display:inline-flex !important;
  visibility:visible !important;
  pointer-events:auto !important;
  opacity:1 !important;
}

/* Single product: hide compare inside Related Products slider only */
.single-product .related a.compare,
.single-product .related a.button.compare,
.single-product .related .compare.button,
.single-product .related .yith-compare-button,
.single-product .related .yith-compare-button a,
.single-product .related .yith-compare a.compare,
.single-product .related a[href*="yith-woocompare-add-product"],
.single-product .related-products a.compare,
.single-product .related-products a.button.compare,
.single-product .related-products .compare.button,
.single-product .related-products .yith-compare-button,
.single-product .related-products .yith-compare-button a,
.single-product .related-products .yith-compare a.compare,
.single-product .related-products a[href*="yith-woocompare-add-product"],
.single-product .elementor-widget[data-widget_type="woocommerce-product-etheme_related.default"] a.compare,
.single-product .elementor-widget[data-widget_type="woocommerce-product-etheme_related.default"] a.button.compare,
.single-product .elementor-widget[data-widget_type="woocommerce-product-etheme_related.default"] .compare.button,
.single-product .elementor-widget[data-widget_type="woocommerce-product-etheme_related.default"] .yith-compare-button,
.single-product .elementor-widget[data-widget_type="woocommerce-product-etheme_related.default"] .yith-compare-button a,
.single-product .elementor-widget[data-widget_type="woocommerce-product-etheme_related.default"] .yith-compare a.compare,
.single-product .elementor-widget[data-widget_type="woocommerce-product-etheme_related.default"] a[href*="yith-woocompare-add-product"]{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}