/* =========================================
   ULTRA COMPACT ESHOP NAV
   Breadcrumbs + Category Chips (main/sub/subsub)
   ========================================= */

/* ---------- GLOBAL VARIABLES ---------- */
:root{
  /* Chips */
  --chip-bg:#050913;
  --chip-bg-active:#0049ae;
  --chip-fg:#ff0000;
  --chip-fg-muted:#ffffff;
  --chip-border:rgba(129,161,214,.65);
  --chip-hover-bg:rgba(22,119,255,.1);
  --chip-radius:999px;

  --chip-font:11.5px;
  --chip-padY:.22rem;
  --chip-padX:.55rem;
  --chip-gap:.25rem;
  --chip-img:18px;

  /* Layout */
  --nav-side-pad:.6rem;

  /* Breadcrumbs */
  --crumb-bg:rgba(7,11,20,.96);
  --crumb-border:rgba(120,170,230,.55);
  --crumb-text:#8da2c5;
  --crumb-link:#d6e4ff;
}

/* =========================================
   BREADCRUMBS – compact, με μικρό "home" bubble
   ========================================= */

#breadcrumbs{
  display:flex;
  align-items:center;
  gap:.3rem;

  padding:.18rem var(--nav-side-pad);
  margin:.6rem var(--nav-side-pad) .15rem; /* λίγο κάτω από search bar */

  background:var(--crumb-bg);
  border-radius:999px;
  border:1px solid var(--crumb-border);
  box-shadow:0 3px 12px rgba(0,0,0,.45);

  font-size:.66rem;
  line-height:1.25;
  color:var(--crumb-text);

  overflow-x:auto;
  white-space:nowrap;
  letter-spacing:.02em;

  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;

  flex-wrap:wrap;
  align-items:flex-start;
  row-gap:.12rem;
}

#breadcrumbs::-webkit-scrollbar{ display:none; }
#breadcrumbs{ scrollbar-width:none; }

/* links */
#breadcrumbs a{
  color:var(--crumb-link);
  text-decoration:none;
  font-weight:500;
}
#breadcrumbs a:hover{
  text-decoration:underline;
}

/* τρέχουσα κατηγορία */
#breadcrumbs .breadcrumb-current{
  font-weight:600;
  color:#ffffff;
}

/* ΠΡΩΤΟ LINK = home bubble με τη δική σου εικόνα */
#breadcrumbs a:first-child{
  position: relative;
  font-size: 0;              /* κρύβει το κείμενο "Αρχική" */
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(0,0,0,.6);            /* φόντο πίσω από την εικόνα */
  border: 1px solid rgba(156,195,255,.7);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-right: .25rem;
  overflow: hidden;          /* για να κοπεί στρογγυλά η εικόνα */
}

#breadcrumbs a:first-child::before{
  content: "";
  width: 100%;
  height: 100%;
  background: url("/img/eshop/home.jpg") center center / cover no-repeat;
}

#breadcrumbs a,
#breadcrumbs .breadcrumb-current{
  max-width:100%;
  word-break:break-word;
}

/* MOBILE fine-tune breadcrumbs */
@media (max-width:768px){
  #breadcrumbs{
    font-size:.62rem;
    padding:.22rem var(--nav-side-pad);
    margin-top:.75rem;  /* λίγο πιο κάτω από search */
  }

  #breadcrumbs a:first-child{
    width:18px;
    height:18px;
  }
}

/* =========================================
   CATEGORY CONTAINERS (main / sub / sub-sub)
   ========================================= */

#mainCategories,
#subcategories,
#subSubcategoriesDiv{
  display:flex;
  flex-wrap:nowrap;              /* όχι wrap, πάντα οριζόντιο scroll */
  align-items:center;
  gap:.28rem;
  padding:.18rem var(--nav-side-pad) .25rem;

  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  scroll-padding-left:var(--nav-side-pad);
}

@media (max-width:768px){
  #mainCategories::-webkit-scrollbar,
  #subcategories::-webkit-scrollbar,
  #subSubcategoriesDiv::-webkit-scrollbar{
    display:none;
  }

  #mainCategories,
  #subcategories,
  #subSubcategoriesDiv{
    scrollbar-width:none;
  }
}

/* =========================================
   CATEGORY CHIPS – μοντέρνες, καθαρές
   ========================================= */

#mainCategories .category-button .category-title,
#subcategories .category-button .category-title,
#subSubcategoriesDiv .category-button .category-title{
  background:none !important;
  border:0 !important;
  border-left:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  color:inherit !important;
}

#mainCategories .category-button,
#subcategories .category-button,
#subSubcategoriesDiv .category-button{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:var(--chip-gap);

  padding:var(--chip-padY) var(--chip-padX) !important;
  border-radius:var(--chip-radius) !important;

  background:transparent !important;
  color:var(--chip-fg-muted) !important;
  border:1px solid var(--chip-border) !important;

  font-weight:500;
  font-size:var(--chip-font) !important;
  letter-spacing:.02em;
  white-space:nowrap;
  line-height:1.1 !important;

  box-shadow:none !important;
  transition:background .16s,color .16s,border-color .16s,transform .06s;
  cursor:pointer;

  scroll-snap-align:start;
  scroll-snap-stop:always;

  min-height:30px;
}

/* hover */
#mainCategories .category-button:hover,
#subcategories .category-button:hover,
#subSubcategoriesDiv .category-button:hover{
  background:var(--chip-hover-bg) !important;
  color:var(--chip-fg) !important;
}

/* active / selected */
#mainCategories .category-button.active,
#subcategories .category-button.active,
#subSubcategoriesDiv .category-button.active{
  background:var(--chip-bg-active) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 2px 10px rgba(22,119,255,.45) !important;
  font-weight:600;
}

/* click effect */
#mainCategories .category-button:active,
#subcategories .category-button:active,
#subSubcategoriesDiv .category-button:active{
  transform:translateY(1px) scale(.99);
}

#mainCategories .category-button img,
#subcategories .category-button img,
#subSubcategoriesDiv .category-button img{
  width:var(--chip-img) !important;
  height:var(--chip-img) !important;
  border-radius:50%;
  object-fit:cover;
  flex-shrink:0;
}

/* =========================================
   RESPONSIVE FINE-TUNING
   ========================================= */

@media (max-width:768px){
  :root{
    --chip-font:11px;
    --chip-padY:.2rem;
    --chip-padX:.5rem;
    --chip-gap:.22rem;
    --chip-img:16px;
  }

  #catBarHeader{
    position:static !important;
    top:auto !important;
  }
}

@media (max-width:380px){
  :root{
    --chip-font:10.5px;
    --chip-padY:.18rem;
    --chip-padX:.45rem;
    --chip-gap:.2rem;
    --chip-img:15px;
  }
}

body[data-page="eshop"] #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher-bottom-right {
  position: fixed !important;
  top: 2px !important;    /* πάνω πάνω */
  left: 60px !important;  /* πιο μέσα από αριστερά, δίπλα στο globe */
  right: auto !important;
  bottom: auto !important;
  z-index: 9999 !important;
}

@media (max-width:340px){
  #mainCategories .category-button img,
  #subcategories .category-button img,
  #subSubcategoriesDiv .category-button img{
    display:none !important;
  }
}

/* ΜΙΚΡΑΙΝΕΙ ΠΡΑΓΜΑΤΙΚΑ ΤΟ ΚΟΥΔΟΥΝΑΚΙ */
/* 🔔 Default (κινητό) */
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-button {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  left: -50px !important;
  top: 50px !important;
  transform: scale(0.7) !important;
  transform-origin: center center !important;
}

@media (min-width: 992px) {
  body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-button {
    left: auto !important;   /* ακυρώνεις το left */
    right: 20px !important;  /* το πας δεξιά */
    top: 40px !important;    /* αν θες πιο πάνω, παίξε το */
  }
}



/* και το svg μέσα (ο κύκλος που βλέπεις στο devtools) */
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-button svg {
  width: 20px !important;
  height: 20px !important;
}

body[data-page="eshop"] #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher-dialog {
  position: fixed !important;
  top: 60px !important;      /* κάτω από logo/lang */
  left: 10px !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  max-width: 280px;
  z-index: 9999 !important;
}

body[data-page="eshop"] #onesignal-bell-container.onesignal-reset 
  .onesignal-bell-launcher-dialog:before {
  top: -10px !important;
  left: 40px !important;
  right: auto !important;
  bottom: auto !important;
}

body[data-page="eshop"] #onesignal-bell-container.onesignal-reset 
  .onesignal-bell-launcher-dialog::before {
  display: none !important;
}

/* Μήνυμα κάτω από το dialog: "πάτα το καμπανάκι..." */
body[data-page="eshop"] #onesignal-bell-container.onesignal-reset 
  .onesignal-bell-launcher-dialog::after {
  content: "ΠΑΤΑ ΤΟ ΚΑΜΠΑΝΑΚΙ ΓΙΑ ΕΙΔΟΠΟΙΗΣΕΙΣ";
  position: absolute;
  bottom: -26px;
  left: 20%;
  transform: translateX(-50%);
  background: rgb(0 105 255 / 75%);
  color: #ffffff;
  padding: 1px 1px;
  border-radius: 999px;
  font-size: 8px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0,0,0,0.35);
}

/* Tooltip του OneSignal bell – θέση δίπλα στο καμπανάκι */
body[data-page="eshop"] #onesignal-bell-container.onesignal-reset 
  .onesignal-bell-launcher-tooltip {
  position: fixed !important;
  top: 12px !important;
  left: 90px !important;
  right: auto !important;
  transform: none !important;
  z-index: 10000 !important;
  white-space: nowrap;
}

/* βελάκι του tooltip */
body[data-page="eshop"] #onesignal-bell-container.onesignal-reset 
  .onesignal-bell-launcher-tooltip::before {
  left: -6px !important;
  right: auto !important;
}

/* =========================================
   OneSignal – FIX invisible dialog hitbox
   ========================================= */

/* Το κουδουνάκι παραμένει ΠΑΝΤΑ clickable */
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-button {
  pointer-events: auto !important;
}

/* ΟΛΑ τα overlay / dialog του OneSignal να ΜΗΝ πιάνουν κλικ
   (για να μην μπλοκάρουν search, categories κλπ) */
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-dialog,
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-dialog-body,
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-message,
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-message-open {
  pointer-events: none !important;
}

/* ========== ESHOP LANGUAGE BOTTOM-SHEET – DESIGN ========== */

:root {
  --eshop-lang-txt-main: #f4f7ff;
  --eshop-lang-txt-muted: #9ca3af;
  --eshop-lang-bg-panel: #020617;
  --eshop-lang-border: rgba(148,163,184,0.7);
}

/* Κλείδωμα scroll όταν είναι ανοιχτό το bottom-sheet */
body.lang-sheet-open {
  overflow: hidden;
  touch-action: none;
}

/* Κουμπί γλώσσας (ίδιο feeling με το Edit Profile) */
.lang-trigger {
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  padding: 6px 12px;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,0.16), transparent 55%),
    linear-gradient(135deg, #020617, #0b1728);
  color: var(--eshop-lang-txt-main);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 8px 22px rgba(0,0,0,0.65);
  transition:
    transform 0.14s ease,
    box-shadow 0.14s ease,
    filter 0.16s ease,
    border-color 0.14s ease;
  z-index: 1300;
}

.lang-trigger__label {
  font-size: 10px;
  color: var(--eshop-lang-txt-muted);
}

.lang-trigger__value {
  font-weight: 700;
}

/* Globe + βελάκι */
.lang-trigger::before {
  content: "\1F310";
  font-size: 18px;
}

.lang-trigger::after {
  content: "\25BE";
  font-size: 10px;
  opacity: 0.8;
}

/* Hover / active */
.lang-trigger:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  border-color: rgba(96,165,255,0.6);
  box-shadow: 0 12px 28px rgba(0,0,0,0.8);
}

.lang-trigger:active {
  transform: translateY(0);
  box-shadow: 0 6px 16px rgba(0,0,0,0.7);
}

/* Συγκεκριμένη θέση στο eshop (πάνω αριστερά) */
.eshop-lang-trigger {
  position: fixed;
  top: 8px;
  left: 8px;
}

/* Αν έχεις το παλιό language-dropdown στο header, το κρύβεις */
.language-dropdown {
  display: none !important;
}

/* ===== Bottom-sheet container ===== */

.lang-sheet {
  position: fixed;
  inset: 0;
  display: none;
  align-items: flex-end;
  justify-content: center;
  z-index: 22000;
}

.lang-sheet--open {
  display: flex;
}

.lang-sheet__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,0.72);
}

.lang-sheet__panel {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  border-radius: 20px 20px 0 0;
  background: var(--eshop-lang-bg-panel);
  border-top: 1px solid var(--eshop-lang-border);
  box-shadow: 0 -14px 40px rgba(0,0,0,0.85);
  padding: 10px 14px 14px;
  transform: translateY(100%);
  animation: sheet-slide-down 0.24s ease-out forwards;
}

/* Όταν ανοίγει */
.lang-sheet--open .lang-sheet__panel {
  animation-name: sheet-slide-up;
}

@keyframes sheet-slide-up {
  from { transform: translateY(100%); }
  to   { transform: translateY(0%); }
}

@keyframes sheet-slide-down {
  from { transform: translateY(0%); }
  to   { transform: translateY(100%); }
}

/* Handle bar */
.lang-sheet__handle {
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: rgba(148,163,184,0.8);
  margin: 0 auto 10px;
  cursor: pointer;
}

/* Header */
.lang-sheet__header h3 {
  margin: 0;
  font-size: 15px;
  color: #f9fafb;
}

.lang-sheet__header p {
  margin: 2px 0 8px;
  font-size: 12px;
  color: #9ca3af;
}

/* Λίστα γλωσσών */
.lang-sheet__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lang-sheet__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 8px;
  border-radius: 14px;
  cursor: pointer;
  transition:
    background 0.16s ease,
    transform 0.16s ease,
    box-shadow 0.16s ease;
  position: relative;
}

.lang-sheet__item:hover {
  background: rgba(96,165,255,0.18);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(15,23,42,0.8);
}

.lang-sheet__flag {
  font-size: 20px;
}

.lang-sheet__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lang-sheet__name {
  font-size: 13px;
  color: #e5e7eb;
  font-weight: 600;
}

.lang-sheet__hint {
  font-size: 11px;
  color: #9ca3af;
}

/* Badge για τρέχουσα γλώσσα */
.lang-sheet__current-badge {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(34,197,94,0.12);
  color: #4ade80;
  border: 1px solid rgba(34,197,94,0.55);
  display: none;
}

.lang-sheet__item.is-active {
  background: rgba(34,197,94,0.1);
  box-shadow: 0 8px 20px rgba(22,163,74,0.5);
}

.lang-sheet__item.is-active .lang-sheet__name {
  color: #bbf7d0;
}

.lang-sheet__item.is-active .lang-sheet__current-badge {
  display: inline-flex;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .eshop-lang-trigger {
    top: 6px;
    left: 6px;
    padding: 4px 4px;      /* λίγο μικρότερο padding */
    font-size: 8px;        /* μικρότερο κείμενο */
    transform: scale(0.8); /* μικραίνει όλο το κουτί */
    transform-origin: top left; /* να μην “φεύγει” από τη θέση του */
  }

  .lang-sheet__panel {
    max-width: 100%;
  }
}








/* ΣΚΟΤΕΙΝΟ BACKDROP ΠΟΥ ΚΑΛΥΠΤΕΙ ΤΗΝ ΟΘΟΝΗ */
.login-required-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.login-required-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

/* ΤΟ ΚΕΝΤΡΙΚΟ ΚΟΥΤΙ */
.login-required-box {
  background: #111827;
  color: #f9fafb;
  padding: 22px 26px;
  border-radius: 14px;
  width: 90%;
  max-width: 320px;
  text-align: center;
  box-shadow:
    0 4px 20px rgba(0,0,0,0.45),
    0 0 0 1px rgba(255,255,255,0.05);
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.login-required-overlay.show .login-required-box {
  transform: translateY(0);
  opacity: 1;
}

/* ΤΟ ΚΟΥΜΠΙ LOGIN */
.login-required-btn {
  margin-top: 14px;
  background: #facc15;
  color: #1f2937;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  width: 100%;
  transition: background 0.2s ease;
}

.login-required-btn:hover {
  background: #fbbf24;
}

.scrollbar .subcat-btn.has-img{
  position:relative;
}

.scrollbar .subcat-btn.has-img .subcat-icon{
  top:40%;
  transform:translateY(-60%);  /* παίξε -50% έως -65% */
}

/* ΜΟΝΟ για τα νέα subcategory buttons που φτιάξαμε (button.subcat-btn) */

/* Card όταν έχει εικόνα */
.scrollbar .subcat-btn.has-img{
  position:relative;
  width:100px;
  height:100px;
  padding:0;
  border:0;
  background:transparent;
  border-radius:22px;
  overflow:visible;
  cursor:pointer;
}

/* Floating εικόνα (κατεβασμένη για να κάθεται κέντρο) */
.scrollbar .subcat-btn.has-img .subcat-icon{
  position:absolute;
  left:50%;
  top:40%;
  width:80px;
  height:auto;
  transform:translate(-52%, -50%);   /* άλλαξε -70% -> -65%/-60% αν θες πιο κάτω */
  pointer-events:none;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.60));
}

/* Τίτλος πάνω στο pill */
.scrollbar .subcat-btn.has-img .subcat-title{
  position:absolute;
  left:50%;
  top: 60%;
  transform:translate(-50%, 15px);   /* ανεβοκατέβασμα τίτλου */
  border-radius:999px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-weight:800;
  line-height:1.1;
  text-align:center;
}

/* Active state */
.scrollbar .subcat-btn.has-img.active{
  box-shadow:0 0 0 2px rgba(255,200,0,.55);
  border-radius:220px;
}

/* Hover (προαιρετικό) */
.scrollbar .subcat-btn.has-img:hover .subcat-icon{
  transform:translate(-50%, -72%);
}



.price .old{
  text-decoration: line-through;
  opacity: .6;
  margin-right: 8px;
}
.price .new{
  font-weight: 700;
}





/* =========================================
   ULTRA COMPACT ESHOP NAV
   Breadcrumbs + Category Chips (main/sub/subsub)
   ========================================= */

/* ---------- GLOBAL VARIABLES ---------- */
:root{
  /* Chips */
  --chip-bg:#050913;
  --chip-bg-active:#0049ae;
  --chip-fg:#ff0000;
  --chip-fg-muted:#ffffff;
  --chip-border:rgba(129,161,214,.65);
  --chip-hover-bg:rgba(22,119,255,.1);
  --chip-radius:999px;

  --chip-font:11.5px;
  --chip-padY:.22rem;
  --chip-padX:.55rem;
  --chip-gap:.25rem;
  --chip-img:18px;

  /* Layout */
  --nav-side-pad:.6rem;

  /* Breadcrumbs */
  --crumb-bg:rgba(7,11,20,.96);
  --crumb-border:rgba(120,170,230,.55);
  --crumb-text:#8da2c5;
  --crumb-link:#d6e4ff;
}

/* =========================================
   BREADCRUMBS – compact, με μικρό "home" bubble
   ========================================= */

#breadcrumbs{
  display:flex;
  align-items:center;
  gap:.3rem;

  padding:.18rem var(--nav-side-pad);
  margin:.6rem var(--nav-side-pad) .15rem; /* λίγο κάτω από search bar */

  background:var(--crumb-bg);
  border-radius:999px;
  border:1px solid var(--crumb-border);
  box-shadow:0 3px 12px rgba(0,0,0,.45);

  font-size:.66rem;
  line-height:1.25;
  color:var(--crumb-text);

  overflow-x:auto;
  white-space:nowrap;
  letter-spacing:.02em;

  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;

  flex-wrap:wrap;
  align-items:flex-start;
  row-gap:.12rem;
}

#breadcrumbs::-webkit-scrollbar{ display:none; }
#breadcrumbs{ scrollbar-width:none; }

/* links */
#breadcrumbs a{
  color:var(--crumb-link);
  text-decoration:none;
  font-weight:500;
}
#breadcrumbs a:hover{
  text-decoration:underline;
}

/* τρέχουσα κατηγορία */
#breadcrumbs .breadcrumb-current{
  font-weight:600;
  color:#ffffff;
}

/* ΠΡΩΤΟ LINK = home bubble με τη δική σου εικόνα */
#breadcrumbs a:first-child{
  position: relative;
  font-size: 0;              /* κρύβει το κείμενο "Αρχική" */
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(0,0,0,.6);            /* φόντο πίσω από την εικόνα */
  border: 1px solid rgba(156,195,255,.7);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-right: .25rem;
  overflow: hidden;          /* για να κοπεί στρογγυλά η εικόνα */
}

#breadcrumbs a:first-child::before{
  content: "";
  width: 100%;
  height: 100%;
  background: url("/img/eshop/home.jpg") center center / cover no-repeat;
}

#breadcrumbs a,
#breadcrumbs .breadcrumb-current{
  max-width:100%;
  word-break:break-word;
}

/* MOBILE fine-tune breadcrumbs */
@media (max-width:768px){
  #breadcrumbs{
    font-size:.62rem;
    padding:.22rem var(--nav-side-pad);
    margin-top:.75rem;  /* λίγο πιο κάτω από search */
  }

  #breadcrumbs a:first-child{
    width:18px;
    height:18px;
  }
}

/* =========================================
   CATEGORY CONTAINERS (main / sub / sub-sub)
   ========================================= */

#mainCategories,
#subcategories,
#subSubcategoriesDiv{
  display:flex;
  flex-wrap:nowrap;              /* όχι wrap, πάντα οριζόντιο scroll */
  align-items:center;
  gap:.28rem;
  padding:.18rem var(--nav-side-pad) .25rem;

  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  scroll-padding-left:var(--nav-side-pad);
}

@media (max-width:768px){
  #mainCategories::-webkit-scrollbar,
  #subcategories::-webkit-scrollbar,
  #subSubcategoriesDiv::-webkit-scrollbar{
    display:none;
  }

  #mainCategories,
  #subcategories,
  #subSubcategoriesDiv{
    scrollbar-width:none;
  }
}

/* =========================================
   CATEGORY CHIPS – μοντέρνες, καθαρές
   ========================================= */

#mainCategories .category-button .category-title,
#subcategories .category-button .category-title,
#subSubcategoriesDiv .category-button .category-title{
  background:none !important;
  border:0 !important;
  border-left:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  color:inherit !important;
}

#mainCategories .category-button,
#subcategories .category-button,
#subSubcategoriesDiv .category-button{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:var(--chip-gap);

  padding:var(--chip-padY) var(--chip-padX) !important;
  border-radius:var(--chip-radius) !important;

  background:transparent !important;
  color:var(--chip-fg-muted) !important;
  border:1px solid var(--chip-border) !important;

  font-weight:500;
  font-size:var(--chip-font) !important;
  letter-spacing:.02em;
  white-space:nowrap;
  line-height:1.1 !important;

  box-shadow:none !important;
  transition:background .16s,color .16s,border-color .16s,transform .06s;
  cursor:pointer;

  scroll-snap-align:start;
  scroll-snap-stop:always;

  min-height:30px;
}

/* hover */
#mainCategories .category-button:hover,
#subcategories .category-button:hover,
#subSubcategoriesDiv .category-button:hover{
  background:var(--chip-hover-bg) !important;
  color:var(--chip-fg) !important;
}

/* active / selected */
#mainCategories .category-button.active,
#subcategories .category-button.active,
#subSubcategoriesDiv .category-button.active{
  background:var(--chip-bg-active) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 2px 10px rgba(22,119,255,.45) !important;
  font-weight:600;
}

/* click effect */
#mainCategories .category-button:active,
#subcategories .category-button:active,
#subSubcategoriesDiv .category-button:active{
  transform:translateY(1px) scale(.99);
}

#mainCategories .category-button img,
#subcategories .category-button img,
#subSubcategoriesDiv .category-button img{
  width:var(--chip-img) !important;
  height:var(--chip-img) !important;
  border-radius:50%;
  object-fit:cover;
  flex-shrink:0;
}

/* =========================================
   RESPONSIVE FINE-TUNING
   ========================================= */

@media (max-width:768px){
  :root{
    --chip-font:11px;
    --chip-padY:.2rem;
    --chip-padX:.5rem;
    --chip-gap:.22rem;
    --chip-img:16px;
  }

  #catBarHeader{
    position:static !important;
    top:auto !important;
  }
}

@media (max-width:380px){
  :root{
    --chip-font:10.5px;
    --chip-padY:.18rem;
    --chip-padX:.45rem;
    --chip-gap:.2rem;
    --chip-img:15px;
  }
}

body[data-page="eshop"] #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher-bottom-right {
  position: fixed !important;
  top: 2px !important;    /* πάνω πάνω */
  left: 60px !important;  /* πιο μέσα από αριστερά, δίπλα στο globe */
  right: auto !important;
  bottom: auto !important;
  z-index: 9999 !important;
}

@media (max-width:340px){
  #mainCategories .category-button img,
  #subcategories .category-button img,
  #subSubcategoriesDiv .category-button img{
    display:none !important;
  }
}

/* ΜΙΚΡΑΙΝΕΙ ΠΡΑΓΜΑΤΙΚΑ ΤΟ ΚΟΥΔΟΥΝΑΚΙ */
/* 🔔 Default (κινητό) */
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-button {
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  left: -50px !important;
  top: 50px !important;
  transform: scale(0.7) !important;
  transform-origin: center center !important;
}

@media (min-width: 992px) {
  body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-button {
    left: auto !important;   /* ακυρώνεις το left */
    right: 20px !important;  /* το πας δεξιά */
    top: 40px !important;    /* αν θες πιο πάνω, παίξε το */
  }
}



/* και το svg μέσα (ο κύκλος που βλέπεις στο devtools) */
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-button svg {
  width: 20px !important;
  height: 20px !important;
}

body[data-page="eshop"] #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher-dialog {
  position: fixed !important;
  top: 60px !important;      /* κάτω από logo/lang */
  left: 10px !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  max-width: 280px;
  z-index: 9999 !important;
}

body[data-page="eshop"] #onesignal-bell-container.onesignal-reset 
  .onesignal-bell-launcher-dialog:before {
  top: -10px !important;
  left: 40px !important;
  right: auto !important;
  bottom: auto !important;
}

body[data-page="eshop"] #onesignal-bell-container.onesignal-reset 
  .onesignal-bell-launcher-dialog::before {
  display: none !important;
}

/* Μήνυμα κάτω από το dialog: "πάτα το καμπανάκι..." */
body[data-page="eshop"] #onesignal-bell-container.onesignal-reset 
  .onesignal-bell-launcher-dialog::after {
  content: "ΠΑΤΑ ΤΟ ΚΑΜΠΑΝΑΚΙ ΓΙΑ ΕΙΔΟΠΟΙΗΣΕΙΣ";
  position: absolute;
  bottom: -26px;
  left: 20%;
  transform: translateX(-50%);
  background: rgb(0 105 255 / 75%);
  color: #ffffff;
  padding: 1px 1px;
  border-radius: 999px;
  font-size: 8px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0,0,0,0.35);
}

/* Tooltip του OneSignal bell – θέση δίπλα στο καμπανάκι */
body[data-page="eshop"] #onesignal-bell-container.onesignal-reset 
  .onesignal-bell-launcher-tooltip {
  position: fixed !important;
  top: 12px !important;
  left: 90px !important;
  right: auto !important;
  transform: none !important;
  z-index: 10000 !important;
  white-space: nowrap;
}

/* βελάκι του tooltip */
body[data-page="eshop"] #onesignal-bell-container.onesignal-reset 
  .onesignal-bell-launcher-tooltip::before {
  left: -6px !important;
  right: auto !important;
}

/* =========================================
   OneSignal – FIX invisible dialog hitbox
   ========================================= */

/* Το κουδουνάκι παραμένει ΠΑΝΤΑ clickable */
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-button {
  pointer-events: auto !important;
}

/* ΟΛΑ τα overlay / dialog του OneSignal να ΜΗΝ πιάνουν κλικ
   (για να μην μπλοκάρουν search, categories κλπ) */
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-dialog,
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-dialog-body,
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-message,
body[data-page="eshop"] #onesignal-bell-container .onesignal-bell-launcher-message-open {
  pointer-events: none !important;
}

/* ========== ESHOP LANGUAGE BOTTOM-SHEET – DESIGN ========== */

:root {
  --eshop-lang-txt-main: #f4f7ff;
  --eshop-lang-txt-muted: #9ca3af;
  --eshop-lang-bg-panel: #020617;
  --eshop-lang-border: rgba(148,163,184,0.7);
}

/* Κλείδωμα scroll όταν είναι ανοιχτό το bottom-sheet */
body.lang-sheet-open {
  overflow: hidden;
  touch-action: none;
}

/* Κουμπί γλώσσας (ίδιο feeling με το Edit Profile) */
.lang-trigger {
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  padding: 6px 12px;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,0.16), transparent 55%),
    linear-gradient(135deg, #020617, #0b1728);
  color: var(--eshop-lang-txt-main);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 8px 22px rgba(0,0,0,0.65);
  transition:
    transform 0.14s ease,
    box-shadow 0.14s ease,
    filter 0.16s ease,
    border-color 0.14s ease;
  z-index: 1300;
}

.lang-trigger__label {
  font-size: 10px;
  color: var(--eshop-lang-txt-muted);
}

.lang-trigger__value {
  font-weight: 700;
}

/* Globe + βελάκι */
.lang-trigger::before {
  content: "\1F310";
  font-size: 18px;
}

.lang-trigger::after {
  content: "\25BE";
  font-size: 10px;
  opacity: 0.8;
}

/* Hover / active */
.lang-trigger:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  border-color: rgba(96,165,255,0.6);
  box-shadow: 0 12px 28px rgba(0,0,0,0.8);
}

.lang-trigger:active {
  transform: translateY(0);
  box-shadow: 0 6px 16px rgba(0,0,0,0.7);
}

/* Συγκεκριμένη θέση στο eshop (πάνω αριστερά) */
.eshop-lang-trigger {
  position: fixed;
  top: 8px;
  left: 8px;
}

/* Αν έχεις το παλιό language-dropdown στο header, το κρύβεις */
.language-dropdown {
  display: none !important;
}

/* ===== Bottom-sheet container ===== */

.lang-sheet {
  position: fixed;
  inset: 0;
  display: none;
  align-items: flex-end;
  justify-content: center;
  z-index: 22000;
}

.lang-sheet--open {
  display: flex;
}

.lang-sheet__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,0.72);
}

.lang-sheet__panel {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  border-radius: 20px 20px 0 0;
  background: var(--eshop-lang-bg-panel);
  border-top: 1px solid var(--eshop-lang-border);
  box-shadow: 0 -14px 40px rgba(0,0,0,0.85);
  padding: 10px 14px 14px;
  transform: translateY(100%);
  animation: sheet-slide-down 0.24s ease-out forwards;
}

/* Όταν ανοίγει */
.lang-sheet--open .lang-sheet__panel {
  animation-name: sheet-slide-up;
}

@keyframes sheet-slide-up {
  from { transform: translateY(100%); }
  to   { transform: translateY(0%); }
}

@keyframes sheet-slide-down {
  from { transform: translateY(0%); }
  to   { transform: translateY(100%); }
}

/* Handle bar */
.lang-sheet__handle {
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: rgba(148,163,184,0.8);
  margin: 0 auto 10px;
  cursor: pointer;
}

/* Header */
.lang-sheet__header h3 {
  margin: 0;
  font-size: 15px;
  color: #f9fafb;
}

.lang-sheet__header p {
  margin: 2px 0 8px;
  font-size: 12px;
  color: #9ca3af;
}

/* Λίστα γλωσσών */
.lang-sheet__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lang-sheet__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 8px;
  border-radius: 14px;
  cursor: pointer;
  transition:
    background 0.16s ease,
    transform 0.16s ease,
    box-shadow 0.16s ease;
  position: relative;
}

.lang-sheet__item:hover {
  background: rgba(96,165,255,0.18);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(15,23,42,0.8);
}

.lang-sheet__flag {
  font-size: 20px;
}

.lang-sheet__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lang-sheet__name {
  font-size: 13px;
  color: #e5e7eb;
  font-weight: 600;
}

.lang-sheet__hint {
  font-size: 11px;
  color: #9ca3af;
}

/* Badge για τρέχουσα γλώσσα */
.lang-sheet__current-badge {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(34,197,94,0.12);
  color: #4ade80;
  border: 1px solid rgba(34,197,94,0.55);
  display: none;
}

.lang-sheet__item.is-active {
  background: rgba(34,197,94,0.1);
  box-shadow: 0 8px 20px rgba(22,163,74,0.5);
}

.lang-sheet__item.is-active .lang-sheet__name {
  color: #bbf7d0;
}

.lang-sheet__item.is-active .lang-sheet__current-badge {
  display: inline-flex;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .eshop-lang-trigger {
    top: 6px;
    left: 6px;
    padding: 4px 4px;      /* λίγο μικρότερο padding */
    font-size: 8px;        /* μικρότερο κείμενο */
    transform: scale(0.8); /* μικραίνει όλο το κουτί */
    transform-origin: top left; /* να μην “φεύγει” από τη θέση του */
  }

  .lang-sheet__panel {
    max-width: 100%;
  }
}








/* ΣΚΟΤΕΙΝΟ BACKDROP ΠΟΥ ΚΑΛΥΠΤΕΙ ΤΗΝ ΟΘΟΝΗ */
.login-required-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.login-required-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

/* ΤΟ ΚΕΝΤΡΙΚΟ ΚΟΥΤΙ */
.login-required-box {
  background: #111827;
  color: #f9fafb;
  padding: 22px 26px;
  border-radius: 14px;
  width: 90%;
  max-width: 320px;
  text-align: center;
  box-shadow:
    0 4px 20px rgba(0,0,0,0.45),
    0 0 0 1px rgba(255,255,255,0.05);
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.login-required-overlay.show .login-required-box {
  transform: translateY(0);
  opacity: 1;
}

/* ΤΟ ΚΟΥΜΠΙ LOGIN */
.login-required-btn {
  margin-top: 14px;
  background: #facc15;
  color: #1f2937;
  font-weight: 600;
  padding: 10px 14px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  width: 100%;
  transition: background 0.2s ease;
}

.login-required-btn:hover {
  background: #fbbf24;
}

.scrollbar .subcat-btn.has-img{
  position:relative;
}

.scrollbar .subcat-btn.has-img .subcat-icon{
  top:40%;
  transform:translateY(-60%);  /* παίξε -50% έως -65% */
}

/* ΜΟΝΟ για τα νέα subcategory buttons που φτιάξαμε (button.subcat-btn) */

/* Card όταν έχει εικόνα */
.scrollbar .subcat-btn.has-img{
  position:relative;
  width:100px;
  height:100px;
  padding:0;
  border:0;
  background:transparent;
  border-radius:22px;
  overflow:visible;
  cursor:pointer;
}

/* Floating εικόνα (κατεβασμένη για να κάθεται κέντρο) */
.scrollbar .subcat-btn.has-img .subcat-icon{
  position:absolute;
  left:50%;
  top:40%;
  width:80px;
  height:auto;
  transform:translate(-52%, -50%);   /* άλλαξε -70% -> -65%/-60% αν θες πιο κάτω */
  pointer-events:none;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.60));
}

/* Τίτλος πάνω στο pill */
.scrollbar .subcat-btn.has-img .subcat-title{
  position:absolute;
  left:50%;
  top: 60%;
  transform:translate(-50%, 15px);   /* ανεβοκατέβασμα τίτλου */
  border-radius:999px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-weight:800;
  line-height:1.1;
  text-align:center;
}

/* Active state */
.scrollbar .subcat-btn.has-img.active{
  box-shadow:0 0 0 2px rgba(255,200,0,.55);
  border-radius:220px;
}

/* Hover (προαιρετικό) */
.scrollbar .subcat-btn.has-img:hover .subcat-icon{
  transform:translate(-50%, -72%);
}



.price .old{
  text-decoration: line-through;
  opacity: .6;
  margin-right: 8px;
}
.price .new{
  font-weight: 700;
}


/* Συχνά πιάνει */
#tidio-chat,
#tidio-chat-iframe,
[id^="tidio-chat"] {
  display: none !important;
  visibility: hidden !important;
}

/* Αν το bubble είναι iframe */
iframe[src*="tidio.co"] {
  display: none !important;
}


.cy-only-btn{
  margin-left:8px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.cy-only-btn.is-on{
  border-color: rgba(250,204,21,.55);
  box-shadow: 0 0 0 2px rgba(250,204,21,.18) inset;
}

/* PSI v11 */
#breadcrumbs,
#mainCategories,
#subcategories,
#subSubcategoriesDiv{
  contain: layout paint style;
}