@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap");

html, body, html *, body * {
  font-family: "Open Sans", Arial, sans-serif !important;
}

h1,h2,h3,h4,b,strong,button,.btn {
  font-weight: 800 !important;
}

/* Κρύβει τελείως τη γκρι μπάρα μέσα στα πακέτα */
.package-content.content-mode-list > div .panel .info-bar .bar-flex-item.package-list-short-pd {
  display: none !important;
  background: transparent !important;
  padding: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Κρύβει Font Awesome icons */
#contacts .icon,
#contacts i.fa,
i.fa, i.fas, i.far, i.fal, i.fab, .fa {
  display: none !important;
}
/* =========================
   FIX: GDPR report buttons (PC + Mobile)
   Επειδή έχουμε κρύψει τα FontAwesome icons
   ========================= */

/* Στο GDPR view ΜΗΝ κρύβεις τα κουμπιά, δώσε τους “κείμενο” */
#gdpr-report-view #sb_gdpr_control_panel_container .text-right .btn{
  min-width: 44px !important;
  height: 40px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* Κρύψε τα icons ΜΟΝΟ μέσα στα GDPR κουμπιά (αν υπάρχουν) */
#gdpr-report-view #sb_gdpr_control_panel_container .text-right .btn i,
#gdpr-report-view #sb_gdpr_control_panel_container .text-right .btn .fa{
  display: none !important;
}

/* Βάλε labels στα 3 κουμπιά */
#gdpr-report-view #sb_gdpr_report_print::before{
  content: "Εκτύπωση";
  font-weight: 700 !important;
  font-size: 13px !important;
}

#gdpr-report-view #sb_gdpr_report_json::before{
  content: "JSON";
  font-weight: 700 !important;
  font-size: 13px !important;
}

#gdpr-report-view #sb_gdpr_report_csv::before{
  content: "CSV";
  font-weight: 700 !important;
  font-size: 13px !important;
}

/* Mobile: κάν’ το πιο “σφιχτό” για να χωράει */
@media (max-width: 480px){
  #gdpr-report-view #sb_gdpr_control_panel_container .text-right .btn{
    padding: 0 10px !important;
    height: 38px !important;
  }
  #gdpr-report-view #sb_gdpr_report_print::before{ content: "Print"; }
}

/* =========================
   MOBILE FIXES (max 768px)
   ========================= */
@media (max-width: 768px) {

  /* 1) Τα 2 μαύρα κουμπιά κορυφής: κάθετα */
  #main-buttons .wrapper .inner .bar{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 16px 12px !important;
  }
  #main-buttons .wrapper .inner .bar .btn{
    width: 100% !important;
    max-width: 100% !important;
  }
  #main-buttons .wrapper .inner .bar .btn a,
  #main-buttons .wrapper .inner .bar .btn button{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 14px !important;
    padding: 12px 14px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.2 !important;
  }

  /* ==========================================
     A) SERVICES / ΚΑΤΗΓΟΡΙΑ (step: category)
     Να φαίνεται "Διαβάστε περισσότερα" (μπλε)
     ========================================== */
  #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more{
    position: static !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Κρύβουμε τα spans γιατί στο mobile τα “τρώει” */
  #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more a.btn.read-more span{
    display: none !important;
  }

  /* Βάζουμε εμείς το κείμενο */
  #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more a.btn.read-more::before{
    content: "Διαβάστε περισσότερα";
    color: #1a73e8 !important;          /* ΜΠΛΕ */
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  /* Μην εμφανίζει “Εμφάνιση λιγότερων” μέσα στο ΠΑΝΩ link */
  #sb-timeline #steps #steps-content #sb_booking_content a.read-more .less-part{
    display: none !important;
  }

  /* ==========================================
     B) PACKAGES LIST (tab: Πακέτα)
     Να φαίνεται "Δείτε την πλήρη προσφορά" (μπλε)
     και να ΜΗΝ έχεις διπλό "Εμφάνιση λιγότερων"
     ========================================== */
  #sb_package_list_container .package-item.panel .btn-bar{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  #sb_package_list_container .package-item.panel .btn-bar .wrap-read-more{
    position: static !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: block !important;
  }

  /* Κρύψε spans (γιατί συχνά είναι άδεια/hidden) */
  #sb_package_list_container .package-item.panel .btn-bar .wrap-read-more a.btn.read-more span{
    display: none !important;
  }

  /* COLLAPSED: δείχνουμε εμείς το “Δείτε την πλήρη προσφορά” */
  #sb_package_list_container .package-item.panel .btn-bar .wrap-read-more a.btn.read-more.collapsed::before{
    content: "Δείτε την πλήρη προσφορά";
    color: #1a73e8 !important;          /* ΜΠΛΕ */
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  /* EXPANDED: κρύψε το ΠΑΝΩ link (για να μείνει μόνο το κάτω “Εμφάνιση λιγότερων”) */
  #sb_package_list_container .package-item.panel .btn-bar .wrap-read-more a.btn.read-more:not(.collapsed){
    display: none !important;
  }

  /* Κάνε το κάτω “Εμφάνιση λιγότερων” μπλε επίσης (αυτό είναι άλλο button) */
  #sb_package_list_container a.btn.btn-hide .hide-txt{
    color: #1a73e8 !important;
    font-weight: 700 !important;
  }

  /* Μην τρώει χώρο icon */
  #sb_package_list_container .ico-part,
  #sb-timeline #steps #steps-content #sb_booking_content .ico-part{
    display: none !important;
  }
}
/* =========================================================
   READ MORE FIX (MOBILE) - SERVICES + PACKAGES
   ΒΑΛ' ΤΟ ΤΕΛΕΥΤΑΙΟ ΣΤΟ CSS σου
   ========================================================= */

@media (max-width: 768px){

  /* -------------------------
     A) SERVICES / ΚΑΤΗΓΟΡΙΑ
     ------------------------- */

  /* κράτα το row σωστά */
  #sb-timeline #steps #steps-content #sb_booking_content .category-item.item.panel .btn-bar,
  #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  /* read-more αριστερά μέσα στη ροή */
  #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more{
    position: static !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: block !important;
  }

  /* το link να ΜΗΝ είναι "κουτί" */
  #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more a.btn.read-more{
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: inline !important;
    overflow: visible !important;
    white-space: nowrap !important;
    color: #1a73e8 !important; /* ΜΠΛΕ */
    font-weight: 600 !important;
  }

  /* ΣΗΜΑΝΤΙΚΟ: ξανα-εμφάνισε τα κείμενα (είναι κρυμμένα από default CSS) */
  #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more a.read-more .txt-part,
  #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more a.read-more .more-part,
  #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more a.read-more .less-part{
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #1a73e8 !important; /* ΜΠΛΕ */
  }

  /* κρύψε icon */
  #sb-timeline #steps #steps-content #sb_booking_content .ico-part{
    display: none !important;
  }

  /* πριν το πατήσει: όχι "Εμφάνιση λιγότερων" */
  #sb-timeline #steps #steps-content #sb_booking_content a.read-more.collapsed .less-part{
    display: none !important;
  }

  /* -------------------------
     B) PACKAGES
     ------------------------- */

  #sb_package_list_container .package-item.panel .btn-bar{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  #sb_package_list_container .package-item.panel .btn-bar .wrap-read-more{
    position: static !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: block !important;
  }

  /* το read-more να είναι καθαρό κείμενο (όχι κουτί) */
  #sb_package_list_container .package-item.panel .btn-bar .wrap-read-more a.btn.read-more{
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: inline !important;
    overflow: visible !important;
    white-space: normal !important; /* για 2 γραμμές */
    color: #1a73e8 !important;       /* ΜΠΛΕ */
    font-weight: 600 !important;
  }

  /* ξανα-εμφάνισε spans */
  #sb_package_list_container .package-item.panel .btn-bar .wrap-read-more a.read-more .txt-part,
  #sb_package_list_container .package-item.panel .btn-bar .wrap-read-more a.read-more .more-part,
  #sb_package_list_container .package-item.panel .btn-bar .wrap-read-more a.read-more .less-part{
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #1a73e8 !important; /* ΜΠΛΕ */
  }

  /* πριν το πατήσει: δείξε ΜΟΝΟ το more */
  #sb_package_list_container a.read-more.collapsed .less-part{
    display: none !important;
  }

  /* για να μη σου βγαίνει διπλό "Εμφάνιση λιγότερων" (πάνω + κάτω):
     κρύβουμε το ΠΑΝΩ όταν είναι expanded, κρατάμε το κάτω */
  #sb_package_list_container a.read-more:not(.collapsed){
    display: none !important;
  }

  #sb_package_list_container .ico-part{
    display: none !important;
  }
}
/* =========================================
   HIDE DURATION (6 μήνες / 1 year) + TYPO
   βάλε το ΤΕΛΕΥΤΑΙΟ
   ========================================= */

/* 1) Κρύβει το "6 μήνες / 1 year" στα πακέτα */
.package-content > div .package-item.panel .info-bar .bar-flex-item.date-item{
  display: none !important;
}

/* 2) Αν σε κάποια layouts δεν πιάνει το παραπάνω, κρύβει μόνο το κείμενο */
.package-content > div .package-item.panel .info-bar .bar-flex-item.date-item .txt{
  display: none !important;
}

/* 3) (Προαιρετικό) Ελαφρώς μεγαλύτερα γράμματα στο info-bar (χωρίς να πειράζει τιμές/κουμπιά) */
.package-content > div .package-item.panel .info-bar .bar-flex-item .txt{
  font-size: 14px !important;
  line-height: 1.2 !important;
}

/* 4) (Προαιρετικό) Λίγο μεγαλύτερα γράμματα στις περιγραφές μέσα στο πακέτο */
.package-content > div .package-item.panel .description,
.package-content > div .package-item.panel .description *{
  font-size: 14px !important;
  line-height: 1.4 !important;
}
/* =========================================
   LOGIN ICON (PC + MOBILE)
   Button: #sb_client_info
   ΒΑΛΤΟ ΤΕΛΕΥΤΑΙΟ
   ========================================= */

#sb_client_info.avatar.item-container{
  /* κρατάμε το κουμπί “καθαρό” */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  /* σωστό κέντρο */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* μέγεθος κουμπιού */
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;

  /* αν υπάρχει χρώμα από theme */
  color: #111 !important;
}

/* αν το theme βάζει “κουτάκια/εικονίδια” μέσα */
#sb_client_info.avatar.item-container *{
  background: transparent !important;
}

/* το ανθρωπάκι */
#sb_client_info.avatar.item-container::before{
  content: "" !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;

  /* SVG user icon (solid) */
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111'><path d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/></svg>") !important;
}

/* hover/focus ωραίο και καθαρό */
#sb_client_info.avatar.item-container:hover{
  background: rgba(0,0,0,0.06) !important;
  border-radius: 999px !important;
}
#sb_client_info.avatar.item-container:focus{
  outline: none !important;
}
#sb_client_info.avatar.item-container:focus-visible{
  outline: 2px solid rgba(0,0,0,0.25) !important;
  outline-offset: 2px !important;
  border-radius: 999px !important;
}
/* =========================
   MENU BUTTON (nav-trigger)
   Μαύρο κουμπί + άσπρες γραμμές
   ========================= */

#header .nav-trigger{
  background: #000 !important;
  border-radius: 3px !important;
  position: relative !important;
}

/* Αν το SimplyBook έχει μέσα κάποιο icon (svg/i/img), κρύψ’ το */
#header .nav-trigger *{
  opacity: 0 !important;
}

/* Φτιάχνουμε hamburger με pseudo-element */
#header .nav-trigger::before{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 22px !important;
  height: 2px !important;
  background: #fff !important;
  border-radius: 2px !important;
  box-shadow: 0 -7px 0 #fff, 0 7px 0 #fff !important;
}
/* === HEADER TITLE: IMAGENATIONGR σε κεφαλαία + κέντρο (PC & Mobile) === */
#header .title-main{
  text-transform: uppercase !important;
  text-align: center !important;
  width: 100% !important;
  display: block !important;
  letter-spacing: 0.6px !important;
}

/* Αν ο parent το “τραβάει” αριστερά με flex */
#header .header-controls,
#header .items-wrapper{
  justify-content: center !important;
}
/* ===== ABOUT / TITLE: replace text with centered logo ===== */
section#about-us .title-main{
  text-align: center !important;
  font-size: 0 !important;      /* κρύβει το κείμενο */
  line-height: 0 !important;
  margin: 10px 0 14px !important;
}

section#about-us .title-main::before{
  content: "" !important;
  display: inline-block !important;
  width: 320px !important;      /* άλλαξε μέγεθος */
  height: 80px !important;
  background: url(https://static.wixstatic.com/media/8de9d7_86be71b92a944d8ebc16dd5dacea4bc0~mv2.png) center/contain no-repeat !important;
}

}
/* HIDE MENU ITEM: Reviews (PC + Mobile) */
#sb_menu_list_items_container a[href="#reviews"],
#sb_menu_list_items_container a.popup-hide[href="#reviews"]{
  display: none !important;
}

/* Αν παρόλα αυτά μένει “κενό”/χώρος, κρύψε και το li που το περιέχει */
#sb_menu_list_items_container li.menu-item.clearfix a[href="#reviews"]{
  display: none !important;
}
#sb_menu_list_items_container li.menu-item.clearfix:has(a[href="#reviews"]){
  display: none !important;
}
/* =========================
   CART ICON FIX (PC + MOBILE)
   ========================= */

/* 1) Σιγουρεύουμε ότι το κουμπί καλαθιού φαίνεται και δεν είναι "άδειο" */
#header .items-wrapper .nav-item .cart-container,
#header .items-wrapper .nav-item .cart-container .cart,
#header .items-wrapper .nav-item .cart-container .cart-item-container.sb-cart-btn{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  cursor: pointer !important;
}

/* 2) Αν το icon μέσα είναι κρυφό/διαλυμένο, το κάνουμε ορατό */
#header .items-wrapper .nav-item .cart-container .cart-item-container.sb-cart-btn *,
#header .items-wrapper .nav-item .cart-container .cart-item-container.sb-cart-btn i,
#header .items-wrapper .nav-item .cart-container .cart-item-container.sb-cart-btn svg{
  visibility: visible !important;
  opacity: 1 !important;
}

/* 3) Fallback: αν δεν υπάρχει πραγματικό icon, βάζουμε εμείς "🛒" */
#header .items-wrapper .nav-item .cart-container .cart-item-container.sb-cart-btn:empty::before{
  content: "🛒" !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

/* 4) Αν υπάρχει κάτι μέσα αλλά δεν φαίνεται, πάλι βάλε fallback */
#header .items-wrapper .nav-item .cart-container .cart-item-container.sb-cart-btn::before{
  content: "🛒";
  font-size: 18px;
  line-height: 1;
  display: inline-block;
}

/* 5) Αν τελικά φορτώσει σωστό icon, μην το "σκεπάζουμε" */
#header .items-wrapper .nav-item .cart-container .cart-item-container.sb-cart-btn svg,
#header .items-wrapper .nav-item .cart-container .cart-item-container.sb-cart-btn i{
  position: relative !important;
  z-index: 2 !important;
}
#header .items-wrapper .nav-item .cart-container .cart-item-container.sb-cart-btn::before{
  position: relative !important;
  z-index: 1 !important;
  margin-top: 1px !important;
}

/* 6) Mobile: κράτα το ίδιο μέγεθος και να μην “σπάει” */
@media (max-width: 768px){
  #header .items-wrapper .nav-item .cart-container,
  #header .items-wrapper .nav-item .cart-container .cart-item-container.sb-cart-btn{
    width: 40px !important;
    height: 40px !important;
  }
  #header .items-wrapper .nav-item .cart-container .cart-item-container.sb-cart-btn::before{
    font-size: 18px !important;
  }
}
/* =========================
   CART ICON FIX (PC + MOBILE)
   ΒΑΛΤΟ ΤΕΛΕΥΤΑΙΟ
   ========================= */

#sb_cart .cart-container,
#sb_cart .cart.item-container.sb-cart-btn,
#sb_cart .cart.item-container {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;

  /* Βάζουμε icon καλαθιού */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;

  /* Μην φαίνεται “μπλε τετράγωνο” */
  background-color: transparent !important;
}

/* Αν υπάρχει παλιό κείμενο/εικονίδιο μέσα, κρύστο για να μη χαλάει */
#sb_cart .cart-container * ,
#sb_cart .cart.item-container.sb-cart-btn * {
  opacity: 0 !important;
}
/* ===========================
   CART ICON + COUNTER (NO JS)
   ΒΑΛΤΟ ΤΕΛΕΥΤΑΙΟ ΣΤΟ CSS
   =========================== */

/* 1) Ακύρωση του global hide για το cart ΜΟΝΟ (εσύ κρύβεις όλα τα .fa) */
#sb_cart .fa,
#sb_cart i.fa,
#sb_cart i.fas,
#sb_cart i.far,
#sb_cart i.fal,
#sb_cart i.fab,
#sb_cart i.fa-shopping-cart{
  display: inline-block !important;
}

/* 2) Κοντέινερ cart: σταθερό μέγεθος/κλικ */
#sb_cart .cart-item-container.sb-cart-btn{
  position: relative !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

/* 3) Αν το FontAwesome είναι “σπασμένο”, βάζουμε ΔΙΚΟ ΜΑΣ μαύρο cart icon */
#sb_cart .cart-item-container.sb-cart-btn i.fa-shopping-cart{
  font-size: 0 !important;            /* μη δείχνει σκουπίδια/τετράγωνα */
  width: 22px !important;
  height: 22px !important;
  display: inline-block !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 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
}

/* 4) Counter “1,2,3…” (το ενημερώνει το SimplyBook μόνο του) */
#sb_cart .counter.sb-qty{
  position: absolute !important;
  top: 2px !important;
  left: 25px !important;

  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;

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

  border-radius: 999px !important;
  background: #000 !important;
  color: #fff !important;

  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  z-index: 5 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 5) Αν είναι 0, κρύψ’ το (προαιρετικό) */
#sb_cart .counter.sb-qty:empty{
  display: none !important;
}

/* 6) Mobile μικρή προσαρμογή */
@media (max-width: 768px){
  #sb_cart .cart-item-container.sb-cart-btn{
    width: 40px !important;
    height: 40px !important;
  }
  #sb_cart .counter.sb-qty{
    top: 2px !important;
    left: 25px !important;
  }
}
/* =========================
   CART ICON + BADGE (PC + MOBILE)
   ΒΑΛΤΟ ΤΕΛΕΥΤΑΙΟ
   ========================= */

/* 1) Μην κρύβεις το cart κατά λάθος */
#sb_cart,
#sb_cart .cart-container,
#sb_cart .sb-cart-btn{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 2) Κράτα το εικονίδιο σαν “άγκυρα” για να κολλήσει πάνω του το badge */
#sb_cart .cart-container{
  position: relative !important;
}

/* 3) Εικονίδιο καλαθιού (μαύρο, καθαρό) */
#sb_cart .cart-container i.fa-shopping-cart,
#sb_cart .cart-container i.fa.fa-shopping-cart{
  display: inline-block !important;
  font-family: "FontAwesome" !important; /* SimplyBook το χρησιμοποιεί */
  font-style: normal !important;
  font-weight: normal !important;
  color: #000 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

/* 4) Counter (το 1,2,3...) – μαύρο badge */
#sb_cart .cart-container .counter.sb-qty{
  position: absolute !important;
  top: -6px !important;
  right: -10px !important;

  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;

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

  background: #000 !important;
  color: #fff !important;

  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;

  visibility: visible !important;
  opacity: 1 !important;
}

/* 5) Όταν είναι 0, κρύψ’ το (αν το σύστημα βάζει "0") */
#sb_cart .cart-container .counter.sb-qty:empty{
  display: none !important;
}
#sb_cart .cart-container .counter.sb-qty{
  /* αν το SimplyBook γράφει 0 σαν κείμενο, το κρύβουμε */
}
#sb_cart .cart-container .counter.sb-qty:not(:empty){
  display: inline-flex !important;
}
/* =========================
   TRANSLATE "Products" -> "Προϊόντα"
   (CSS-only visual replacement)
   ========================= */

.product-view--history_item{
  font-size: 0 !important;          /* κρύβει το original "Products" */
}

.product-view--history_item::before{
  content: "Προϊόντα" !important;   /* το ελληνικό που θες */
  font-size: 16px !important;       /* βάλε ό,τι μέγεθος σου κάθεται */
  font-weight: 400 !important;
  color: inherit !important;
}
/* ==============================
   GREEK LABELS - PRODUCTS + EXPLORE
   (βάλε το ΤΕΛΕΥΤΑΙΟ στο CSS)
   ============================== */

/* 1) "Products" -> "Προϊόντα" (το breadcrumb/τίτλος που δείχνει Products) */
.product-view--history_item{
  font-size: 0 !important;   /* κρύβει το αγγλικό κείμενο */
  line-height: 0 !important;
}
.product-view--history_item::before{
  content: "Προϊόντα" !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  display: inline-block !important;
}

/* 2) "Explore" -> "Εξερεύνηση" (το κουμπί μέσα σε κάθε κατηγορία) */
.step-content--product .btn-bar a.btn.select{
  font-size: 0 !important;         /* κρύβει το Explore */
}
.step-content--product .btn-bar a.btn.select::before{
  content: "Εξερεύνηση" !important;
  font-size: 15px !important;
  line-height: 1 !important;
  display: inline-block !important;
}
/* Κρύβει το δεύτερο "Προϊόντα" (active breadcrumb) */
.product-view--history_item.active{
  display: none !important;
}
/* =========================================
   FINAL PATCH (βάλε το ΤΕΛΕΥΤΑΙΟ στο CSS)
   Products step: read-more πάντα ορατό στο mobile
   Explore -> Ελληνικά
   Κρύψε διπλό "Προϊόντα"
   ========================================= */

/* 1) Κρύψε το πρώτο breadcrumb "Products/Προϊόντα" και κράτα μόνο το active */
#sb_header_container .product-view--history_list a.product-view--history_item{
  display: none !important;
}
#sb_header_container .product-view--history_list .product-view--history_item.active{
  display: block !important;
}

/* 2) Explore -> "Προβολή" (ή άλλαξέ το σε "Εξερεύνηση" αν θες) */
.step-content--product .btn-bar .btn.select{
  font-size: 0 !important;            /* κρύβει το Explore */
}
.step-content--product .btn-bar .btn.select::before{
  content: "Προβολή" !important;      /* άλλαξε κείμενο εδώ */
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
/* PRODUCTS (mobile): αντικατάσταση "Διαβάστε περισσότερα" με βελάκι */
@media (max-width: 768px){

  /* Στο Products step μόνο */
  .step-content--product .item.panel .btn-bar .wrap-read-more a.read-more{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 32px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 0 !important;   /* κρύβει το κείμενο */
    line-height: 0 !important;
  }

  /* Κρύψε τα spans για να μην “σπάνε” */
  .step-content--product .item.panel .btn-bar .wrap-read-more a.read-more .txt-part,
  .step-content--product .item.panel .btn-bar .wrap-read-more a.read-more .more-part,
  .step-content--product .item.panel .btn-bar .wrap-read-more a.read-more .less-part,
  .step-content--product .item.panel .btn-bar .wrap-read-more a.read-more .ico-part{
    display: none !important;
  }

  /* ΚΛΕΙΣΤΟ: βελάκι κάτω */
  .step-content--product .item.panel .btn-bar .wrap-read-more a.read-more.collapsed::before{
    content: "▾";
    font-size: 18px !important;
    line-height: 1 !important;
    color: #000 !important;
    display: inline-block !important;
  }

  /* ΑΝΟΙΧΤΟ: βελάκι πάνω */
  .step-content--product .item.panel .btn-bar .wrap-read-more a.read-more:not(.collapsed)::before{
    content: "▴";
    font-size: 18px !important;
    line-height: 1 !important;
    color: #000 !important;
    display: inline-block !important;
  }
}
/* ===== PRODUCTS: Κουμπί "Προσθήκη" (CSS only) ===== */

/* Πιάνει και button και a (σε κάποια templates είναι link) */
.step-content--product .item.panel .btn-bar .btn.select,
.step-content--product .item.panel .btn-bar a.btn.select{
  position: relative !important;
  overflow: hidden !important;
}

/* Κρύβει το υπάρχον κείμενο χωρίς να χαλάει το layout */
.step-content--product .item.panel .btn-bar .btn.select,
.step-content--product .item.panel .btn-bar a.btn.select{
  font-size: 0 !important;
}

/* Default κείμενο */
.step-content--product .item.panel .btn-bar .btn.select::before,
.step-content--product .item.panel .btn-bar a.btn.select::before{
  content: "Προσθήκη" !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-block !important;
  color: #ffffff !important; /* άσπρο πάνω στο μαύρο κουμπί */
}

/* Όταν έχει προστεθεί (disabled) */
.step-content--product .item.panel .btn-bar .btn.select.disabled::before,
.step-content--product .item.panel .btn-bar a.btn.select.disabled::before{
  content: "Προστέθηκε" !important;
}
/* Κρύβει τελείως το "scroll to top" κουμπί */
#sb_scroll_top_btn,
#footer #sb_scroll_top_btn,
#footer .scroll-top-button{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}