.elementor-7454 .elementor-element.elementor-element-3c2fae99{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7454 .elementor-element.elementor-element-4c01dbd4{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-7454 .elementor-element.elementor-element-9f226b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;}/* Start custom CSS for text-editor, class: .elementor-element-4c01dbd4 *//* 🔴 REMOVE FROM WISHLIST — MOBILE ONLY (final tuning) */
@media (max-width:520px){

.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.tinvwl_remove,
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 .tinvwl_remove a,
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.remove_from_wishlist,
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.remove{

display:flex !important;
align-items:center !important;
justify-content:center !important;

width:26px !important;
height:26px !important;
border-radius:50% !important;

background:#ffffff !important;

/* 👉 ίσια καθαρή σκίαση */
box-shadow:0 1px 4px rgba(0,0,0,0.12) !important;

position:relative !important;

font-size:0 !important;
color:transparent !important;
}

/* κρύβουμε ό,τι icon βάζει το plugin */
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.tinvwl_remove i,
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.tinvwl_remove svg,
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.remove_from_wishlist i,
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.remove_from_wishlist svg,
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.remove i,
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.remove svg{
display:none !important;
}

/* 👉 μικρότερο και πιο centered Χ */
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.tinvwl_remove:before,
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 .tinvwl_remove a:before,
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.remove_from_wishlist:before,
.elementor-7454 .elementor-element.elementor-element-4c01dbd4 a.remove:before{

content:"×" !important;
display:block !important;
font-size:15px !important;
line-height:1 !important;
color:#e73c7e !important;

transform: translateY(-0.5px);
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c2fae99 *//* =========================
   WISHLIST SHARE ICONS FIX
   (works for most wishlist plugins)
   ========================= */

/* --- TI WooCommerce Wishlist (tinvwl) --- */
.tinvwl-share ul{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}
.tinvwl-share li{
  margin:0 !important;
  padding:0 !important;
}
.tinvwl-share li a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  padding:0 !important;
  line-height:44px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:20px 20px !important;
}
.tinvwl-share li a i,
.tinvwl-share li a svg,
.tinvwl-share li a img{
  width:20px !important;
  height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
}

/* --- YITH WooCommerce Wishlist (yith-wcwl) --- */
.yith-wcwl-share ul{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}
.yith-wcwl-share li{
  margin:0 !important;
  padding:0 !important;
}
.yith-wcwl-share li a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  padding:0 !important;
  line-height:44px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:20px 20px !important;
}
.yith-wcwl-share li a i,
.yith-wcwl-share li a svg,
.yith-wcwl-share li a img{
  width:20px !important;
  height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
}



























/* ======================================================
   WISHLIST SHARE: WhatsApp single square + custom order
   (append UNDER your existing wishlist CSS)
   ====================================================== */

/* 0) Πιάνουμε ΚΑΙ tinvwl ΚΑΙ yith, αλλά και γενικά "share" wrappers */
.tinvwl-share ul,
.yith-wcwl-share ul,
.wishlist-share ul,
.shareon ul{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}

/* 1) Κάνουμε το <a> να είναι το flex-item (ώστε να κάνουμε ORDER με order: στο <a>) */
.tinvwl-share ul li,
.yith-wcwl-share ul li,
.wishlist-share ul li,
.shareon ul li{
  display: contents !important; /* το "κλειδί" για να δουλέψει το order πάνω στα <a> */
}

/* 2) Κλειδώνουμε ΟΛΑ τα share links σε 1 τετράγωνο */
.tinvwl-share ul a,
.yith-wcwl-share ul a,
.wishlist-share ul a,
.shareon ul a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  padding:0 !important;
  margin:0 !important;
  line-height:44px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  font-size:0 !important;        /* κόβει text που μπορεί να "σπρώχνει" ύψος */
}

/* 3) Αν το WhatsApp (ή άλλο) έχει μέσα span/label που μεγαλώνει, το κρύβουμε */
.tinvwl-share ul a * ,
.yith-wcwl-share ul a * ,
.wishlist-share ul a * ,
.shareon ul a *{
  max-height:44px !important;
}

/* ======================================================
   ORDER (με βάση href / keyword — χωρίς κλάσεις)
   ====================================================== */

/* Default: πάει στο τέλος */
.tinvwl-share ul a,
.yith-wcwl-share ul a,
.wishlist-share ul a,
.shareon ul a{ order: 99 !important; }

/* 1) WhatsApp */
.tinvwl-share ul a[href*="whatsapp"],
.tinvwl-share ul a[href*="wa.me"],
.tinvwl-share ul a[title*="WhatsApp" i],
.yith-wcwl-share ul a[href*="whatsapp"],
.yith-wcwl-share ul a[href*="wa.me"],
.yith-wcwl-share ul a[title*="WhatsApp" i],
.wishlist-share ul a[href*="whatsapp"],
.wishlist-share ul a[href*="wa.me"],
.wishlist-share ul a[title*="WhatsApp" i],
.shareon ul a[href*="whatsapp"],
.shareon ul a[href*="wa.me"],
.shareon ul a[title*="WhatsApp" i]{ order: 1 !important; }

/* 2) Viber */
.tinvwl-share ul a[href*="viber"],
.tinvwl-share ul a[title*="Viber" i],
.yith-wcwl-share ul a[href*="viber"],
.yith-wcwl-share ul a[title*="Viber" i],
.wishlist-share ul a[href*="viber"],
.wishlist-share ul a[title*="Viber" i],
.shareon ul a[href*="viber"],
.shareon ul a[title*="Viber" i]{ order: 2 !important; }

/* 3) Email */
.tinvwl-share ul a[href^="mailto:"],
.yith-wcwl-share ul a[href^="mailto:"],
.wishlist-share ul a[href^="mailto:"],
.shareon ul a[href^="mailto:"]{ order: 3 !important; }

/* 4) Instagram */
.tinvwl-share ul a[href*="instagram"],
.tinvwl-share ul a[title*="Instagram" i],
.yith-wcwl-share ul a[href*="instagram"],
.yith-wcwl-share ul a[title*="Instagram" i],
.wishlist-share ul a[href*="instagram"],
.wishlist-share ul a[title*="Instagram" i],
.shareon ul a[href*="instagram"],
.shareon ul a[title*="Instagram" i]{ order: 4 !important; }

/* 5) TikTok */
.tinvwl-share ul a[href*="tiktok"],
.tinvwl-share ul a[title*="TikTok" i],
.yith-wcwl-share ul a[href*="tiktok"],
.yith-wcwl-share ul a[title*="TikTok" i],
.wishlist-share ul a[href*="tiktok"],
.wishlist-share ul a[title*="TikTok" i],
.shareon ul a[href*="tiktok"],
.shareon ul a[title*="TikTok" i]{ order: 5 !important; }

/* 6) Facebook */
.tinvwl-share ul a[href*="facebook"],
.tinvwl-share ul a[title*="Facebook" i],
.yith-wcwl-share ul a[href*="facebook"],
.yith-wcwl-share ul a[title*="Facebook" i],
.wishlist-share ul a[href*="facebook"],
.wishlist-share ul a[title*="Facebook" i],
.shareon ul a[href*="facebook"],
.shareon ul a[title*="Facebook" i]{ order: 6 !important; }

/* 7) Pinterest */
.tinvwl-share ul a[href*="pinterest"],
.tinvwl-share ul a[title*="Pinterest" i],
.yith-wcwl-share ul a[href*="pinterest"],
.yith-wcwl-share ul a[title*="Pinterest" i],
.wishlist-share ul a[href*="pinterest"],
.wishlist-share ul a[title*="Pinterest" i],
.shareon ul a[href*="pinterest"],
.shareon ul a[title*="Pinterest" i]{ order: 7 !important; }

/* 8) Twitter / X */
.tinvwl-share ul a[href*="twitter"],
.tinvwl-share ul a[href*="x.com"],
.tinvwl-share ul a[title*="Twitter" i],
.tinvwl-share ul a[title*="X" i],
.yith-wcwl-share ul a[href*="twitter"],
.yith-wcwl-share ul a[href*="x.com"],
.yith-wcwl-share ul a[title*="Twitter" i],
.yith-wcwl-share ul a[title*="X" i],
.wishlist-share ul a[href*="twitter"],
.wishlist-share ul a[href*="x.com"],
.wishlist-share ul a[title*="Twitter" i],
.wishlist-share ul a[title*="X" i],
.shareon ul a[href*="twitter"],
.shareon ul a[href*="x.com"],
.shareon ul a[title*="Twitter" i],
.shareon ul a[title*="X" i]{ order: 8 !important; }






























/* Κρύβει κουμπί που δεν έχει ούτε img/svg/i μέσα */
.tinvwl-share ul a:not(:has(img,svg,i)),
.yith-wcwl-share ul a:not(:has(img,svg,i)),
.wishlist-share ul a:not(:has(img,svg,i)),
.shareon ul a:not(:has(img,svg,i)){
  display:none !important;
}/* End custom CSS */