/* Top Bar kai Header */
.desktop-header-active .header-classic > div {  max-width: 100vw !important; }

@media only screen and (min-width: 900px) {
.desktop-header-active .header .top-bar, .desktop-header-active .header-classic .mid-bar {  padding: 0 5% !important; }
}

.top-bar.navbar-nav::before {background: #9CEBFF !important;}

div.secondary-menu .top-menu > .j-menu > .menu-item .menu-image {  border: none !important;}
/* Add to Cart button - background X_ACCENT_1 */
.btn-cart.btn,
.btn-cart.tooltip {
  background-color: rgba(0, 195, 247, 1) !important;
  --background-color: rgba(0, 195, 247, 1) !important;
}
.btn-cart.btn:hover,
.btn-cart.btn:focus,
.btn-cart.btn:active,
.btn-cart.btn:focus:hover:active {
  background-color: rgba(0, 170, 215, 1) !important;
  --background-color: rgba(0, 170, 215, 1) !important;
}

/* Comfortaa Greek subset - variable font covers all weights */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/catalog/view/theme/journal3/fonts_gstatic/Comfortaa-VariableFont_wght.ttf') format('truetype');
  unicode-range: U+0370-03FF, U+1F00-1FFF, U+0300-036F;
}

/* εικονες επιλογων χρωματων */
.push-option.push-option .push-option-image.option-wrapper > img {
  width: 30px;
  border: 1px black dashed;
}

/* διακριτο border στο επιλεγμενο swatch (image options).
   Το theme αλλαζει border-color στο :checked αλλα βαζει border-width:0
   στα push-option-image, οπωτε φαινεται μονο με ring. */
.push-option.push-option input:checked + .push-option-image.option-wrapper {
  box-shadow: 0 0 0 2px hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), var(--j-color-scheme-foreground-primary-l), 1);
}
/* cart text +2px (13px → 15px) */
.desktop-cart-wrapper div#cart > a {
  font-size: var(--j-font_size-font-size-500) !important;
}