/*!
Theme Name: iLoveIt - Marmaridis Epipla
Theme URI: https://iloveit.gr/
Author: iLoveIt Digital Agency
Author URI: https://iloveit.gr
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: iloveit-marmaridis-epipla
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.

*/

/* VARIABLES */
:root {
    --font-family: Manrope;
    --font-family-title: Manrope;
    --font-size-s: 12px;
    --font-size-m: 16px;
    --font-size-l: 20px;
    --font-size-xl: 26px;
    --font-size-xxl: 32px;
    --gap: 40px;
	--padding: 40px;
	--margin: 40px;
	--border-radius: 5px;
	--width-full-minus-padding: calc(100% - var(--padding) * 2);
	--color-main: #d50000;
	--background-main: #000000;
	--background-light: #ffffff;
	--grey-secondary-text: #585858;
	--blue-secondary-text: #688c9a;
	--transition: 0.35s;
}
@media (max-width: 768px) {
	:root {
		--padding: 20px;
		--margin: 20px;
		--gap: 20px;
		--font-size-s: 10px;
        --font-size-m: 14px;
        --font-size-l: 18px;
        --font-size-xl: 24px;
        --font-size-xxl: 30px;
	}
}
/* - VARIABLES - */

/* FONT FAMILIES */
@font-face {
    font-family: 'Aka-AcidGR-Composition';
    src: url('fonts/font-families/Aka-AcidGR-Composition/Aka-AcidGR-Composition.eot');
    src: url('fonts/font-families/Aka-AcidGR-Composition/Aka-AcidGR-Composition.eot?#iefix') format('embedded-opentype'),
        url('fonts/font-families/Aka-AcidGR-Composition/Aka-AcidGR-Composition.woff2') format('woff2'),
        url('fonts/font-families/Aka-AcidGR-Composition/Aka-AcidGR-Composition.woff') format('woff'),
        url('fonts/font-families/Aka-AcidGR-Composition/Aka-AcidGR-Composition.ttf') format('truetype'),
        url('fonts/font-families/Aka-AcidGR-Composition/Aka-AcidGR-Composition.svg#Aka-AcidGR-Composition') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/font-families/Manrope.ttf');
    font-style: normal;
    font-display: swap;
}

/*@font-face {*/
/*    font-family: 'OpenSans-Light';*/
/*    src: url('fonts/font-families/OpenSans-Light/OpenSans-Light.eot');*/
/*    src: url('fonts/font-families/OpenSans-Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),*/
/*        url('fonts/font-families/OpenSans-Light/OpenSans-Light.woff2') format('woff2'),*/
/*        url('fonts/font-families/OpenSans-Light/OpenSans-Light.woff') format('woff'),*/
/*        url('fonts/font-families/OpenSans-Light/OpenSans-Light.ttf') format('truetype'),*/
/*        url('fonts/font-families/OpenSans-Light/OpenSans-Light.svg#OpenSans-Light') format('svg');*/
/*    font-weight: 300;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* Murecho black */
/*@font-face {*/
/*    font-family: 'Murecho';*/
/*    src: url('fonts/font-families/Murecho-Black/Murecho-Black.eot');*/
/*    src: url('fonts/font-families/Murecho-Black/Murecho-Black.eot?#iefix') format('embedded-opentype'),*/
/*        url('fonts/font-families/Murecho-Black/Murecho-Black.woff2') format('woff2'),*/
/*        url('fonts/font-families/Murecho-Black/Murecho-Black.woff') format('woff'),*/
/*        url('fonts/font-families/Murecho-Black/Murecho-Black.ttf') format('truetype'),*/
/*        url('fonts/font-families/Murecho-Black/Murecho-Black.svg#Murecho-Black') format('svg');*/
/*    font-weight: 900;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* Murecho bold */
/*@font-face {*/
/*    font-family: 'Murecho';*/
/*    src: url('fonts/font-families/Murecho-Bold/Murecho-Bold.eot');*/
/*    src: url('fonts/font-families/Murecho-Bold/Murecho-Bold.eot?#iefix') format('embedded-opentype'),*/
/*        url('fonts/font-families/Murecho-Bold/Murecho-Bold.woff2') format('woff2'),*/
/*        url('fonts/font-families/Murecho-Bold/Murecho-Bold.woff') format('woff'),*/
/*        url('fonts/font-families/Murecho-Bold/Murecho-Bold.ttf') format('truetype'),*/
/*        url('fonts/font-families/Murecho-Bold/Murecho-Bold.svg#Murecho-Bold') format('svg');*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* Murecho extra light */
/*@font-face {*/
/*    font-family: 'Murecho';*/
/*    src: url('fonts/font-families/Murecho-ExtraLight/Murecho-ExtraLight.eot');*/
/*    src: url('fonts/font-families/Murecho-ExtraLight/Murecho-ExtraLight.eot?#iefix') format('embedded-opentype'),*/
/*        url('fonts/font-families/Murecho-ExtraLight/Murecho-ExtraLight.woff2') format('woff2'),*/
/*        url('fonts/font-families/Murecho-ExtraLight/Murecho-ExtraLight.woff') format('woff'),*/
/*        url('fonts/font-families/Murecho-ExtraLight/Murecho-ExtraLight.ttf') format('truetype'),*/
/*        url('fonts/font-families/Murecho-ExtraLight/Murecho-ExtraLight.svg#Murecho-ExtraLight') format('svg');*/
/*    font-weight: 200;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* Murecho extra bold */
/*@font-face {*/
/*    font-family: 'Murecho';*/
/*    src: url('fonts/font-families/Murecho-ExtraBold/Murecho-ExtraBold.eot');*/
/*    src: url('fonts/font-families/Murecho-ExtraBold/Murecho-ExtraBold.eot?#iefix') format('embedded-opentype'),*/
/*        url('fonts/font-families/Murecho-ExtraBold/Murecho-ExtraBold.woff2') format('woff2'),*/
/*        url('fonts/font-families/Murecho-ExtraBold/Murecho-ExtraBold.woff') format('woff'),*/
/*        url('fonts/font-families/Murecho-ExtraBold/Murecho-ExtraBold.ttf') format('truetype'),*/
/*        url('fonts/font-families/Murecho-ExtraBold/Murecho-ExtraBold.svg#Murecho-ExtraBold') format('svg');*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* Murecho light */
/*@font-face {*/
/*    font-family: 'Murecho';*/
/*    src: url('fonts/font-families/Murecho-Light/Murecho-Light.eot');*/
/*    src: url('fonts/font-families/Murecho-Light/Murecho-Light.eot?#iefix') format('embedded-opentype'),*/
/*        url('fonts/font-families/Murecho-Light/Murecho-Light.woff2') format('woff2'),*/
/*        url('fonts/font-families/Murecho-Light/Murecho-Light.woff') format('woff'),*/
/*        url('fonts/font-families/Murecho-Light/Murecho-Light.ttf') format('truetype'),*/
/*        url('fonts/font-families/Murecho-Light/Murecho-Light.svg#Murecho-Light') format('svg');*/
/*    font-weight: 300;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* Murecho medium */
/*@font-face {*/
/*    font-family: 'Murecho';*/
/*    src: url('fonts/font-families/Murecho-Medium/Murecho-Medium.eot');*/
/*    src: url('fonts/font-families/Murecho-Medium/Murecho-Medium.eot?#iefix') format('embedded-opentype'),*/
/*        url('fonts/font-families/Murecho-Medium/Murecho-Medium.woff2') format('woff2'),*/
/*        url('fonts/font-families/Murecho-Medium/Murecho-Medium.woff') format('woff'),*/
/*        url('fonts/font-families/Murecho-Medium/Murecho-Medium.ttf') format('truetype'),*/
/*        url('fonts/font-families/Murecho-Medium/Murecho-Medium.svg#Murecho-Medium') format('svg');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* Murecho regular */
/*@font-face {*/
/*    font-family: 'Murecho-Regular';*/
/*    src: url('fonts/font-families/Murecho-Regular/Murecho-Regular.eot');*/
/*    src: url('fonts/font-families/Murecho-Regular/Murecho-Regular.eot?#iefix') format('embedded-opentype'),*/
/*        url('fonts/font-families/Murecho-Regular/Murecho-Regular.woff2') format('woff2'),*/
/*        url('fonts/font-families/Murecho-Regular/Murecho-Regular.woff') format('woff'),*/
/*        url('fonts/font-families/Murecho-Regular/Murecho-Regular.ttf') format('truetype'),*/
/*        url('fonts/font-families/Murecho-Regular/Murecho-Regular.svg#Murecho-Regular') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* Murecho semi bold */
/*@font-face {*/
/*    font-family: 'Murecho';*/
/*    src: url('fonts/font-families/Murecho-SemiBold/Murecho-SemiBold.eot');*/
/*    src: url('fonts/font-families/Murecho-SemiBold/Murecho-SemiBold.eot?#iefix') format('embedded-opentype'),*/
/*        url('fonts/font-families/Murecho-SemiBold/Murecho-SemiBold.woff2') format('woff2'),*/
/*        url('fonts/font-families/Murecho-SemiBold/Murecho-SemiBold.woff') format('woff'),*/
/*        url('fonts/font-families/Murecho-SemiBold/Murecho-SemiBold.ttf') format('truetype'),*/
/*        url('fonts/font-families/Murecho-SemiBold/Murecho-SemiBold.svg#Murecho-SemiBold') format('svg');*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* Murecho thin */
/*@font-face {*/
/*    font-family: 'Murecho';*/
/*    src: url('fonts/font-families/Murecho-Thin/Murecho-Thin.eot');*/
/*    src: url('fonts/font-families/Murecho-Thin/Murecho-Thin.eot?#iefix') format('embedded-opentype'),*/
/*        url('fonts/font-families/Murecho-Thin/Murecho-Thin.woff2') format('woff2'),*/
/*        url('fonts/font-families/Murecho-Thin/Murecho-Thin.woff') format('woff'),*/
/*        url('fonts/font-families/Murecho-Thin/Murecho-Thin.ttf') format('truetype'),*/
/*        url('fonts/font-families/Murecho-Thin/Murecho-Thin.svg#Murecho-Thin') format('svg');*/
/*    font-weight: 100;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* ICONS */

@font-face {
  font-family: 'iloveit-icons';
  src:  url('fonts/icons/iloveit-icons.eot?dngx5f');
  src:  url('fonts/icons/iloveit-icons.eot?dngx5f#iefix') format('embedded-opentype'),
    url('fonts/icons/iloveit-icons.ttf?dngx5f') format('truetype'),
    url('fonts/icons/iloveit-icons.woff?dngx5f') format('woff'),
    url('fonts/icons/iloveit-icons.svg?dngx5f#iloveit-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iloveit-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-spinner:before {
  content: "\e901";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-secure:before {
  content: "\e900";
}


.transition {
    transition-duration: var(--transition);
}
body header#masthead svg:hover .svg-active-fill-color-main,
body header#masthead .active-icon svg .svg-active-fill-color-main {
    fill: var(--color-main) !important;
}
body header#masthead svg:hover .svg-active-fill-color-black,
body header#masthead .active-icon svg .svg-active-fill-color-black {
    fill: #000 !important;
}
body header#masthead svg:hover .svg-active-fill-color-white,
body header#masthead .active-icon svg .svg-active-fill-color-white {
    fill: #fff !important;
}

/* - ICONS - */

/* FIXES */
* {
    outline: none!important;
}
p {
    margin: 0;
}
img {
    display: block;
    position: relative;
}

.slider-stage {
    opacity: 0;
    transition: var(--transition);
}
.slider-stage.owl-loaded {
    opacity: 1;
}

.owl-stage {
    display: flex;
}
.owl-stage-outer {
    width: 100%;
    overflow: hidden;
}
.owl-loaded {
    position: relative;
}
.owl-stage img {
    width: 100%;
    height: auto;
    border-radius: var(--border-radius);
}
.owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 0;
}
.owl-nav button {
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
.owl-nav button:nth-child(1) {
    transform: translate(calc(50% - 10px),-50%);
}
.owl-nav button:nth-child(2) {
    transform: translate(calc(-50% + 10px),-50%);
}
.owl-nav button svg {
    width: 100%;
    height: 100%;
}
.owl-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
}
.owl-dots button {
    width: 10px;
    height: 10px;
    background: lightgray;
    border-radius: 50%;
    border: none;
    padding: 0;
    opacity: 0.75;
    transition: 0.25s;
    cursor: pointer;
}
.owl-dots button:hover,
.owl-dots button.active {
    opacity: 1;
    background: black;
}
.owl-loaded li.product .woocommerce-loop-product__title {
    font-family: var(--font-family-title);
    margin-top: calc(var(--padding) / 2);
}
.owl-loaded li.product a {
    width: 100%;
}
.product-subtitle {
    font-family: var(--font-family-title);
	font-weight: 300;
	line-height: 1;
}

.wpb_single_image * {
    width: 100%;
}

.wpb_column,
.vc_column-inner {
    padding: 0!important;
}

.vc_row {
    margin-right: 0!important;
    margin-left: 0!important;
}

li.product del {
    font-size: var(--font-size-l);
    font-weight: 300;
    margin-right: 20px;
    margin-top: auto;
}


/* RESPONSIVE FIXES */
/* Giorgos */
@media (max-width: 768px) {
    
    .owl-loaded li.product .woocommerce-loop-product__title {
/*      font-size: var(--font-size-m); */
		font-size: 12px;
    }
	
	.loop-product-badges {
	font-size: 12px!important;
	}
    
}

/* - FIXES - */

/* GLOBAL RULES */

.disable-scroll {
    overflow-y: hidden  !important;
}

.orange-cover::before,
.red-cover::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0.8;
    border-radius: var(--border-radius);
}
.orange-cover::before {
    background: #EA8300;
}
.red-cover::before {
    background: #FB774E;
}

/* - GLOBAL RULES - */

/* RESPONSIVE GLOBAL RULES */

.mobile-element {
    display: none;
}
[class*="products-"] .mobile-element {
    display: none!important;
}
@media (max-width: 768px) {
    .mobile-element {
        display: unset;
    }
    .desktop-element {
        display: none;
    }
    .header-row.desktop-element {
        display: none   !important;
    }
    [class*="products-"] .mobile-element {
        display: block!important;
    }
    [class*="products-"] .desktop-element {
        display: none!important;
    }
    .break-on-mobile {
        flex-direction: column;
    }
    .break-on-mobile.reverse {
        flex-direction: column-reverse;
    }
    .break-on-mobile > .wpb_column {
        width: 100%!important;
    }
}

/* - RESPONSIVE GLOBAL RULES - */

/* COLORS */

.red {
    color: red;
}
.white {
    color: white;
}

/* - COLORS - */

/* TITLES */

h1, h2, h3, h4 {
	font-weight: 500;
}

.texts-title {
    font-size: 16px;
}
.texts-subtitle {
    font-size: 20px;
}

.woocommerce-shop .woocommerce-products-header__title {
	margin-bottom: calc( var(--margin) / 2 );
}

.woocommerce-breadcrumb {
	text-align: center;
	font-size: var(--font-size-m);
	margin-bottom: 20px;
}
.woocommerce-breadcrumb,
.woocommerce-breadcrumb * {
	color: white;
}
.woocommerce-breadcrumb a {
	transition: var(--transition);
}
.woocommerce-breadcrumb a:hover {
	color: var(--color-main);
}

/* - TITLES - */

/* MARGINS - PADDINGS - BORDERS */

.margin-left {
    margin-left: var(--margin);
}
.margin-right {
    margin-right: var(--margin);
}
.margin-top {
    margin-top: var(--margin);
}
.margin-bottom {
    margin-bottom: var(--margin);
}
.margin-all {
    margin: var(--margin);
}

.padding-left {
    padding-left: var(--padding);
}
.padding-right {
    padding-right: var(--padding);
}
.padding-top {
    padding-top: var(--padding);
}
.padding-bottom {
    padding-bottom: var(--padding);
}
.padding-all {
    padding: var(--padding);
}

.border-radius {
    border-radius: var(--border-radius);
    overflow: hidden;
}

.align-items-center {
	display: flex;
    align-items: center;
}

/* - MARGINS - PADDINGS - */

/* FLEX */

.gap-40px::before,
.gap-40px::after {
    display: none!important;
}
.gap-40px {
    display: flex!important;
    gap: 40px!important;
    flex-wrap: nowrap!important;
}
.flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-column {
    flex-direction: column;
}

/* - FLEX - */

*{
    padding: 0;
    margin: 0;
}
body, html {
    font-family: var(--font-family);
    font-weight: 300;
	margin: 0;
	padding: 0;
	font-size: var(--font-size-m);
	color: white;
	scroll-behavior: smooth;
	overflow-x: hidden;
}

body {
    background-color: var(--background-main);
    transition: var(--transition);
}
.light-mode {
    background-color: var(--background-light);
}

body.single-product {
	background: white!important;
}

main#primary,
div#primary {
	max-width: 1920px;
    margin: 0 auto;
}

a {
	text-decoration: none;
}

#countdown-timer {
    text-align: center;
    color: white;
    font-size: 18px;
    color: var(--color-main);
}
#countdown-timer b {
    color: var(--color-main);
    font-size: 25px;
    margin-right: 1.5px;
}
#countdown-timer > span {
	border-radius: 10px;
	background: lightgray;
	padding: 10px;
	width: 60px;
	height: auto;
	display: inline-block;
	position: relative;
}
#countdown-timer > span > span {
    display: block;
    font-weight: normal;
    font-size: 12px;
    width: 100%;
}

#side-buttons {
    position: fixed;
    right: var(--padding);
    bottom: var(--padding);
    display: flex;
    flex-direction: column;
    gap: calc( var(--gap) / 2 );
    z-index: 90;
}

/* Giorgos */
#side-buttons > div {
    border-radius: var(--border-radius);
    overflow: hidden;
    width: 26px;
    height: 26px;
/* 	width: 21px;
    height: 21px; */
    padding: 10px;
    cursor: pointer;
}

body:not(.single-product) #side-buttons > div#to-top:hover svg path {
    fill: black!important;
}
#side-buttons .inner {
    width: 100%;
    height: 100%;
}
#side-buttons a {
    margin-left: -10px;
    margin-top: -10px;
    padding: 10px;
}
#side-buttons #instant-call {
    background: white;
    transition: var(--transition);
}
#side-buttons #instant-call:hover {
    background: var(--color-main);
}
#side-buttons #instant-call:hover svg path {
    fill: white !important;
}
#side-buttons #chatbox {
    background: var(--color-main);
    transition: var(--transition);
}
#side-buttons #chatbox:hover {
    background: black;
}
#side-buttons #to-top {
    background: black;
    transition: var(--transition);
}
#side-buttons #to-top:hover {
    background: white;
}

#side-buttons svg {
    width: 100%;
    height: 100%;
}

#masthead {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
/* 	padding-top: calc( var(--padding) / 2 ); */
	z-index: 100;
	background: #000000;
	width: 100%;
}
#masthead.minified #site-navigation a {
    font-size: 16px;
}

.desktop-menu {
    width: 100%;
}
.desktop-menu ul {
    display: flex;
    list-style: none;
    justify-content: center;
    flex-wrap: wrap;
}
.desktop-menu > div > ul {
	flex-wrap: nowrap;
}
.desktop-menu ul li:not(.menu-featured-image) {
	position: relative;
}
.desktop-menu ul li a {
    color: white;
    letter-spacing: 1.15px;
    transition: var(--transition);
}
.single-product .desktop-menu ul li a {
	color: black;
} 
.desktop-menu ul li a:hover {
    color: var(--color-main);
}
.desktop-menu > div > ul > li > ul.sub-menu {
	transition: var(--transition);
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(100vw - calc(var(--padding)*2));
	min-height: var(--min-height);
/*     max-height: 70vh; */
	height: fit-content;
    overflow-y: auto;
    background: white;
    padding: var(--padding);
    gap: 20px;
    justify-content: flex-start;
}
.desktop-menu > div > ul > li > ul.sub-menu li ul.sub-menu {
    flex-direction: column;
}
.desktop-menu > div > ul > li > ul.sub-menu > li {
    width: calc(25% - 15px);
}
.desktop-menu > div > ul > li > ul.sub-menu > li > a {
    font-weight: bold;
    color: var(--color-main)    !important;
    margin-bottom: 20px;
    display: block;
    font-size: var(--font-size-l);
}
.desktop-menu > div > ul > li > ul.sub-menu > li > a:hover {
    text-decoration: underline;
}
.desktop-menu > div > ul > li:not(:hover) > ul.sub-menu {
    opacity: 0;
    pointer-events: none;
}
.desktop-menu > div > ul > li > ul.sub-menu li a {
    color: black;
}
.desktop-menu > div > ul > li > ul.sub-menu li a:hover {
	font-weight: bold;
}
.desktop-menu > div > ul > li > ul.sub-menu.submenu-has-featured-image {
	padding-right: calc( var(--padding) + 20px + var(--padding-right) )	!important;
}
.desktop-menu > div > ul > li > ul.sub-menu.submenu-has-featured-image > li {
    width: calc( 33.33% - 14px );
}
.menu-featured-image {
    width: calc(25% - 15px);
    height: fit-content;
    position: absolute;
    top: var(--padding);
    right: var(--padding);
}
.menu-featured-image img {
    width: 100%;
}
.submenu-has-featured-image {
    min-height: var(--min-height);
}

.desktop-menu li.current-menu-item > a {
	font-weight: bold;
}
.desktop-menu > div > ul > li {
	display: flex;
}
.desktop-menu > div > ul > li:not(:last-child):after {
	content: "/";
	padding-inline: 10px;
	color: var(--color-main);
}
.desktop-menu li.current-menu-ancestor > a{
 	color: var(--color-main);   
}

@media (max-width: 1240px) {
	.desktop-menu > div > ul > li > a {
		font-size: 14px;
	}
}
@media (max-width: 1024px) {
	.desktop-menu > div > ul > li > a {
		font-size: 12px;
	}
}
@media (max-width: 1000px) {
	.desktop-menu {
		display: none!important;
	}
	#menu-open {
		display: flex!important;
	}
}

.time-schedule {
    width: fit-content  !important;
}
.time-schedule a::before {
    display: none;
} 
.schedule-open {
    color: limegreen!important;
}
.schedule-closed {
    color: red!important;
}
.schedule-opens-soon {
    color: yellow!important;
}
.schedule-closes-soon {
    color: orange!important;
}

.site-branding {
    width: 300px;
    transition: var(--transition);
    z-index: 110;
}
.site-branding img {
    width: 100%;
}
.minified .site-branding {
    width: 250px;
}
body:not(.single-product) svg.marmaridis-logo g.logo-change-color,
body.single-product footer svg.marmaridis-logo g.logo-change-color {
	fill: white	!important;
}
body:not(.single-product) footer svg.marmaridis-logo g.logo-change-color {
	fill: black	!important;
}
.header-row {
    position: relative;
    display: flex;
    gap: var(--gap);
    align-items: center;
    width: var(--width-full-minus-padding);
    padding-inline: var(--padding);
/*     padding-bottom: calc(var(--padding) / 2); */
	max-width: calc( 1920px - calc(var(--padding)*2) );
}
.header-row:nth-child(1) {
    z-index: 110;
}
.topbar {
    width: 100%;
    display: flex;
    gap: 20px;
    color: #757575;
    font-weight: bold;
}
.topbar > div {
    display: flex;
    align-items: center;
}
.topbar > div > div {
    width: fit-content;
}
.topbar-left-side,
.topbar-right-side {
    flex: 2;
    gap: 20px;
}
.topbar-left-side {
	flex: unset;
	width: 80%;
}
.topbar-middle-side {
    flex: 3;
}
.topbar-right-side {
    justify-content: flex-end;
}
.topbar a {
    color: #757575;
    display: inline-block;
    position: relative;
    padding-right: 5px;
    font-family: var(--font-family);
}
.topbar a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: var(--color-main);
    opacity: 0.45;
    transition: var(--transition);
}
.topbar a:hover:before {
    width: 100%;
}
.topbar a:not(:last-child):after {
    content: '';
    height: 100%;
    width: 2px;
    background: var(--color-main);
    position: absolute;
    top: 0;
    right: -2px;
    display: block;
} 

.header-functionalities {
    width: fit-content  !important;
    margin-left: auto;
    display: flex;
    gap: 10px;
    align-items: center;
    z-index: 110;
}

.header-functionalities > section.widget {
    display: none!important;
}

#search-bar-overlay {
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.4;
    transition: var(--transition);
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    transition: var(--transition);
    opacity: 0.4;
    pointer-events: all;
}
#search-bar-overlay:not(.active) {
    pointer-events: none;
    opacity: 0;
}

#search-bar {
    z-index: 10;
    overflow: hidden;
    width: fit-content;
    visibility: hidden;
    display: flex;
    transition: var(--transition);
}
#search-bar.active {
    max-width: var(--search-bar-max-width)  !important;
}
#search-bar form {
    display: flex;
}
#search-bar form input[type="search"] {
    position: relative;
    background: transparent;
    padding: 5px;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid white;
    outline: none;
    color: white;
    font-weight: 300;
    font-family: var(--font-family);
    letter-spacing: 1.25px;
	transition: var(--transition);
}
#search-bar form button {
    border-top-right-radius: var(--border-radius);
}
.single-product #search-bar form input[type="search"],
.single-product #search-bar form button {
    color: black;
    border-color: black;
}
.single-product #search-bar form button svg * {
    stroke: black !important;
}
body #search-bar form input[type=search]:focus,body #search-bar form input[type=search]:active {
    color:white!important;
}
body.single-product #search-bar form input[type=search]:focus,body.single-product #search-bar form input[type=search]:active {
    color: var(--color-main)!important;
}
#search-bar form input[type="search"]:focus,
#search-bar form input[type="search"]:not(:placeholder-shown) {
	color: var(--color-main);
}
#search-bar form input[type="search"]:focus,
#search-bar form input[type="search"]:not(:placeholder-shown),
#search-bar form input[type="search"]:focus + button,
#search-bar form input[type="search"]:not(:placeholder-shown) + button {
	border-color: var(--color-main);
}

#search-bar form input[type="search"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: white;
	opacity: 1; /* Firefox */
	transition: var(--transition);
}
#search-bar form input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: white;
	transition: var(--transition);
}
#search-bar form input[type="search"]::-ms-input-placeholder { /* Microsoft Edge */
	color: white;
	transition: var(--transition);
}

#search-bar form input[type="search"]:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--color-main);
	opacity: 1; /* Firefox */
}
#search-bar form input[type="search"]:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--color-main);
}
#search-bar form input[type="search"]:focus::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--color-main);
}



/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


#search-bar form button {
    width: 32px;
    height: 32px;
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    border-bottom: 2px solid white;
    transition: var(--transition);
}
#search-bar form button svg {
	padding: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}
#search-bar form button:hover {
    background: var(--color-main);
}
#search-bar form button:hover svg polyline {
    stroke: #ffffff!important;
}

div.guaven_woos_suggestion:not(.guaven_woos_standalone) ul.guaven_woos_final_results {
	max-height: 70vh;
    overflow: hidden;
    overflow-y: auto;
}
.guaven_woos_suggestion_list a,
.guaven_woos_suggestion_list a * {
	color: black;
	transition: var(--transition);
	position: relative;
}
.guaven_woos_suggestion_list a:hover,
.guaven_woos_suggestion_list a:hover * {
	color: var(--color-main)    !important;
}
.guaven_woos_suggestion_list a del {
    text-decoration: none   !important;
    position: relative;
    margin-right: 10px;
}
.guaven_woos_suggestion_list a del bdi {
	font-size: var(--font-size-m)!important;
}
.guaven_woos_suggestion_list a del::before {
    content: ' ';
    display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: rotate(-15deg);
	background: var(--color-main);
	width: 100%;
	height: 2px;
	z-index: 2;
}
.guaven_woos_suggestion_list a ins {
	text-decoration: none;
	font-weight: bold;
	font-size: var(--font-size-xl);
}
.guaven_woos_init_text {
    color: black;
    box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.58);
    -webkit-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.58);
    -moz-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.58);
}
.guaven_woos_suggestion *,
.guaven_woos_final_results * {
    color: black;
    font-size: var(--font-size-l);
}

.guaven_woos_suggestion p.out-of-stock {
	color: var(--color-main)!important;
    font-size: 16px;
    padding-inline: 0!important;
}

#menu-open {
    width: 46px;
    height: 46px;
    cursor: pointer;
	display: none;
}
#menu-open svg {
    width: 100%;
    height: 100%;
}
#menu-open svg * {
    transition: var(--transition);
}
#menu-open.active svg:nth-child(1),
#menu-open:not(.active) svg:nth-child(2) {
    display: none;
}
#site-navigation-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: black;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}
.header-icon {
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: relative;
}
.header-icon svg {
    width: 100%;
    height: 100%;
}
#cart-toggler::after {
    content: '';
    display: block;
    background: var(--color-main);
    transition: var(--transition);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    transform: scale(0);
    position: absolute;
    right: 0;
    top: 0;
}
.cart-icon-has-items::after {
    transform: scale(1) !important;
}
#site-navigation-background.active{
    opacity:0.4;
    pointer-events:all;
}
#site-navigation {
    position: fixed;
    top: 0;
    right: 0;
    transform:translateY(-100%);
    height: calc( 100% - var(--padding) * 2 );
    width: calc( 100% - var(--padding) * 2 );
    padding: var(--padding);
    background: #e4d8ca;
    transition: var(--transition);
    z-index: 95;
    overflow: hidden;
}
#site-navigation.active{
    transform:none;
}
.site-navigation-menus {
    position: relative;
    display: flex;
    flex-wrap: wrap;
/*     gap: var(--gap); */
    margin-top: var(--margin);
}
.site-navigation-menus > div {
    flex: 1;
}
.social-media {
    margin-block: calc( var(--margin) / 2 );
    display: flex;
    justify-content: flex-end;
    gap: calc( var(--gap) / 2 );
}
footer .social-media {
	justify-content: flex-start;
}
.social-media a {
	width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #BBBBBB;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: var(--transition);
}
body:not(.single-product) footer .social-media a {
	background: #606060;
}
.social-media a svg {
	width: 100%;
	height: auto;
}
body:not(.single-product) footer .social-media a svg * {
	fill: white!important;
}
.social-media a:hover {
	transform: scale(1.2);
}
.footer-content-column li.current-menu-item a, nav#site-navigation .current-menu-item > a{
    color:var(--color-main)!important
}
#site-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}
#site-navigation ul li {
    display: flex;
    justify-content: flex-start;
	max-width: 400px;
}
#site-navigation ul li a {
	color: white;
	font-size: var(--font-size-xxl) !important;
	transition: var(--transition);
}
#site-navigation ul li a:hover {
    color: var(--color-main);
}
#site-navigation ul li.menu-item-has-children > a > svg {
    height: 32px;
    width: auto;
}
#site-navigation ul li.menu-item-has-children > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap);
    width: 100%;
}
#site-navigation .menu-item-object-product_cat.menu-item-has-children ul.sub-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e4d8ca;
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--transition);
    pointer-events: none;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    z-index: 10;
}
#site-navigation .menu-item-object-product_cat.menu-item-has-children ul.sub-menu.active {
    opacity: 1;
    pointer-events: all;
}
.sub-menu-close {
    width: fit-content;
    height: 46px;
    cursor: pointer;
    display: flex;
    gap: var(--gap);
    font-size: var(--font-size-xxl);
}
.sub-menu-close svg {
    height: 46px;
    width: auto;
}
.sub-menu-close svg path {
    transition: var(--transition);
    fill: white;
}
.sub-menu-close .sub-menu-return:hover svg path {
    fill: var(--color-main) !important;
}
.sub-menu-close span {
    transition: var(--transition);
}
.sub-menu-close:hover span {
    color: var(--color-main);
}

main#primary,
main#main {
	padding: var(--padding);
	margin-top: 200px;
}

/* Global WooCommerce Styles */

.woocommerce-no-products-found {
    font-size: var(--font-size-l);
}

.woocommerce-notices-wrapper ul {
	list-style: none;
	padding: 20px;
	margin: 0;
}

ul.products {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
    flex-wrap: wrap;
	gap: calc(var(--padding) / 2);
}
li.product .outofstock-loop {
	color: var(--color-main);
	font-weight: 500;
	margin-top: 10px;
}
.loopimagecontainer,
.guaven_woos_suggestion_standalone > ul.guaven_woos_final_results > li.guaven_woos_suggestion_list .guaven_woos_div {
    width: 100%;
    padding-top: 100%;
    display: block;
    position: relative;
	overflow: hidden;
	border-radius: var(--border-radius);
	background: white;
	box-sizing: border-box;
}
.loopimagecontainer img,
.guaven_woos_suggestion_standalone > ul.guaven_woos_final_results > li.guaven_woos_suggestion_list .guaven_woos_div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    width: auto!important;
    height: auto!important;
}
.woocommerce-pagination ul.page-numbers {
    list-style: none;
    padding: 0;
    margin: 20px auto;
    width: fit-content;
    display: flex;
    gap: calc(var(--gap) / 3);
    align-items: center;
}
.woocommerce-pagination ul.page-numbers li {
    display: flex;
}
.woocommerce-pagination ul.page-numbers li * {
    color: white;
    font-weight: 500;
    font-size: var(--font-size-xl);
}
.woocommerce-pagination ul.page-numbers li:last-child a.next {
    margin-left: var(--margin);
}
.woocommerce-pagination ul.page-numbers li:first-child a.prev {
    margin-right: var(--margin);
}
.woocommerce-pagination ul.page-numbers li a {
    display: flex;
}
.woocommerce-pagination ul.page-numbers li svg {
    width: 32px;
    height: 32px;
}
.woocommerce-pagination ul.page-numbers li svg polyline {
	transition: var(--transition);
}
.woocommerce-pagination ul.page-numbers li:hover svg polyline {
	stroke: grey!important;
}
ul.products li.product {
	position: relative;
	width: calc(25% - 15px);
	border-radius: var(--border-radius);
	overflow: hidden;
	background: white;
}
li.product .badges {
	left: 0;
	transform: none;
    max-width: 200px;
    position: relative;
    margin-top: calc( 0px - var(--this-height) );
	padding: 10px!important;
}
.badges img {
    width: 100%;
    height: auto;
}
label.compare-product-container {
    padding: 10px;
    display: block;
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    width: calc( 100% - 20px);
    z-index: 10;
    background: white;
}
label.compare-product-container input {
    cursor: pointer;
    margin-right: 5px;
}
label.compare-product-container span {
    color: black;
}
ul.products li.product img {
	width: 100%;
	height: auto;
	border-radius: var(--border-radius);
}
ul.products li.product a {
    color: black;
    height: calc( 100% - var(--padding) - 9px );
    padding: calc( var(--padding) / 2 );
    display: block;
    /*border: 5px solid transparent;*/
    border-radius: var(--border-radius);
    transition: var(--transition);
}
ul.products li.product a:hover {
    border-color: var(--color-main);
}
ul.products li.product ins {
    text-decoration: none;
}
.woocommerce-loop-product__title {
    font-family: var(--font-family-title);
	font-weight: 300;
	font-size: var(--font-size-l);
}

.loop-product-price {
    font-family: var(--font-family);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    line-height: 1;
}
.loop-product-price .price {
    margin-right: 15px;
    font-weight: 700;
    display: flex;
    align-items: flex-start;
	flex-wrap: wrap;
}
.loop-product-price .price del {
	margin-top: 10px;
}
.loop-product-price .price-regular {
    position: relative;
}
.monthly-doses {
    width: 100%;
    font-weight: 700;
    margin-top: 5px;
}
.loop-product-price .price,
.monthly-doses span {
    font-size: var(--font-size-xxl);
	font-family: var(--font-family-title);
}
.loop-product-price > span {
    margin-top: 5px;
}
.monthly-doses span {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
}
.monthly-doses > div > span {
    margin-right: 10px;
}

.price {
    position: relative;
}

ins,
del {
    position: relative;
}

.currency-symbol,
.woocommerce-Price-currencySymbol {
    font-size: var(--font-size-m)   !important;
    position: absolute  !important;
    top: 0;
    right: 0;
    transform: translateX(100%);
}

.price del {
    position: relative;
    text-decoration: none;
    margin-right: 10px;
}
.price del::before {
    content: '';
    width: 112%;
    height: 1px;
    background: var(--color-main);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-30deg);
}
.price bdi {
    font-weight:bold;
    font-size:32px;
}
.price del bdi {
    font-weight:normal;
    font-size:24px;
}
.related.products > h2 {
	text-align: center;
}
.onsale {
	display: none;
}
#ivpa-content .ivpa-info-box {
	display: none !important;
}

#user_discount_points {
	padding: 40px;
    border: 2px dashed;
    border-radius: 10px;
	text-align: center;
	display: flex;
	gap: 20px;
	flex-direction: column;
	align-items: center;
}
#user_discount_points h2 {
	margin: 0;
}
#user_discount_points input#points_to_remove {
	padding: 10px;
	color: white;
	border: 2px dashed white;
	border-radius: 5px;
	outline: none;
	background: transparent;
	width: fit-content;
}
.points_to_remove_fixed_choices {
    display: flex;
    gap: var(--gap);
}
.points_to_remove_fixed_choices div {
    font-size: var(--font-size-l);
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
}
.points_to_remove_fixed_choices div:not(.unavailable):hover {
    color: var(--color-main);
}
.points_to_remove_fixed_choices div.unavailable {
    pointer-events: none;
    opacity: 0.7;
}
#apply_points_to_order {
	padding: 10px 20px;
	color: white;
	border: 2px solid var(--color-main);
	border-radius: 10px;
	background: var(--color-main);
	cursor: pointer;
	width: fit-content;
	transition: var(--transition);
}
#apply_points_to_order:hover {
	background: transparent;
	color: var(--color-main);
}


#products-compare-list {
    position: fixed;
    bottom: 0;
    left: 0;
    background: lightgray;
    width: calc( 100% - var(--padding) * 2 );
    height: fit-content;
    overflow-y: hidden;
    padding: var(--padding);
    z-index: 50;
    opacity: 0;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: var(--transition);
}
#products-compare-list.active {
    opacity: 1;
    pointer-events: all;
}
#products-compare-list * {
    color: black;
}
#products-compare-list-topbar {
    display: flex;
    justify-content: space-between;
    gap: var(--gap);
    align-items: center;
    padding-right: 100px;
}
#products-compare-list-topbar-close {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-main);
    border: 2px solid var(--color-main);
    border-bottom-right-radius: var(--border-radius);
    width: 22px;
    height: 22px;
    padding: 5px;
    cursor: pointer;
    transition: var(--transition);
}
#products-compare-list-topbar-close:hover {
    background: transparent;
}
#products-compare-list-topbar-close:hover svg .svg-active-fill-color-main {
    fill: var(--color-main) !important;
}
#products-compare-list-bottombar-buttons {
    display: flex;
    gap: var(--gap);
    align-items: center;
}
#products-compare-list-button,
#products-compare-list-bottombar-buttons > div {
    font-weight: 500;
    font-size: var(--font-size-l);
    letter-spacing: 1.25px;
    color: white;
    background: var(--color-main);
    border-radius: var(--border-radius);
    border: 2px solid var(--color-main);
    padding: 10px 30px;
    cursor: pointer;
    transition: var(--transition);
    text-align: center;
}
#products-compare-list-button:hover,
#products-compare-list-bottombar-buttons > div:hover {
    background: transparent;
    color: var(--color-main);
}
#products-compare-list-bottombar {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: var(--padding);
    background: lightgray;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    height: calc(100% - var(--padding) * 2);
    width: calc(100% - var(--padding) * 2);
    overflow-x: hidden;
    overflow-y: auto;
    transition: var(--transition)   !important;
    opacity: 0;
    pointer-events: none;
    z-index: 300;
}
#products-compare-list-bottombar-products {
    display: flex;
    gap: var(--gap);
    width: 100%;
}
#products-compare-list-bottombar-products li {
    list-style: none;
    pointer-events: none;
    opacity: 0;
    position: relative;
}
#products-compare-list li a {
    width: 100%;
}
#products-compare-list-bottombar-buttons > div {
    width: fit-content;
}
#products-compare-list-bottombar-buttons > div#products-compare-list-bottombar-removeall {
    background: transparent !important;
    color: var(--color-main)    !important;
    padding: 0;
    border: none!important;
    font-size: var(--font-size-m);
    display: flex;
    align-items: center;
}
#products-compare-list-bottombar-removeall svg {
    height: 22px;
    margin-right: 10px;
}
#products-compare-list-bottombar-removeall .svg-active-fill-color-main {
    fill: var(--color-main) !important;
}
#products-compare-list-bottombar-buttons > div#products-compare-list-bottombar-removeall:hover {
    text-decoration: underline;
}

#products-compare-list-bottombar-return {
    display: flex;
    gap: 20px;
    align-items: center;
}
#products-compare-list-bottombar-return svg {
    height: 26px;
    width: auto;
}
#products-compare-list-bottombar-return svg path {
    fill: white !important;
    transition: var(--transition);
}
#products-compare-list-bottombar-return:hover svg path {
    fill: var(--color-main) !important;
}

#products-compare-list.show {
    z-index: 10000000;
}
#products-compare-list.show #products-compare-list-bottombar {
    pointer-events: all;
    opacity: 1;
}
#products-compare-list.show #products-compare-list-bottombar-products li.product {
    opacity: 1;
    pointer-events: all;
    position: relative;
    border-radius: var(--border-radius);
    width: 33.33%;
}
#products-compare-list.show #products-compare-list-bottombar-products li.product img {
    border-radius: var(--border-radius);
    width: 100%;
    height: auto;
}
#products-compare-list.show #products-compare-list-bottombar-products li.product .woocommerce-product-attributes th {
    padding-right: 10px;
}
#products-compare-list.show #products-compare-list-bottombar-products li.product .woocommerce-product-attributes th,
#products-compare-list.show #products-compare-list-bottombar-products li.product .woocommerce-product-attributes td {
    padding-bottom: 10px;
    vertical-align: top;
}
#products-compare-list .woocommerce-product-attributes-item--attribute_pa_assembly,
#products-compare-list.show #products-compare-list-bottombar-products li.product .woocommerce-product-attributes + .woocommerce-loop-product__title,
.single-product-tabs-content .woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_synarmologisi {
    display: none;
}
#products-compare-list.show #products-compare-list-button {
    opacity: 0;
    pointer-events: none;
}

#products-compare-list .woocommerce-loop-product__title {
    margin-block: 10px;
}
#products-compare-list .compare-product-description {
    margin-bottom: 10px;
}

.remove-compare-product {
    z-index: 10;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: var(--border-radius);
    width: 26px !important;
    height: 26px;
    background: var(--color-main);
    transition: var(--transition);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.remove-compare-product svg,
#products-compare-list-message-close svg {
    width: 100%;
    height: 100%;
}
#products-compare-list-message-overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);   
    width: 100%;
    height: 100%;
    background: black;
    cursor: pointer;
}
#products-compare-list-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 500;
    background: white;
    border-radius: var(--border-radius);
    padding: var(--padding);
    font-size: var(--font-size-xl);
    color: black;
    text-align: center;
    max-width: 90vw;
    max-height: 90vh;
}
#products-compare-list-message,
#products-compare-list-message-overlay {
    opacity: 0;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: var(--transition);
    z-index: 100;
}
#products-compare-list-message.active,
#products-compare-list-message-overlay.active {
    opacity: 1;
    pointer-events: all;
}

#products-compare-list-message-overlay.active {
    opacity: 0.4;
}

#products-compare-list-message-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: flex;
}
#products-compare-list-message-close svg .svg-active-fill-color-main {
    fill: black!important;
}
#products-compare-list-message-close:hover svg .svg-active-fill-color-main {
    fill: var(--color-main) !important;
}


.owl-loaded .compare-product-container {
    display: none!important;
}

.no-results main#primary,
.error404 main#primary {
    text-align: center;
    
}
.no-results main#primary form,
.error404 main#primary form {
    margin-bottom: var(--margin);
    width: 100%;
}
.no-results main#primary form input,
.error404 main#primary form input {
    width:60%;
    padding: 10px;
    border-radius: var(--border-radius);
    border: 2px solid white;
    outline: none;
    transition: var(--transition);
    font-family: var(--font-family);
    font-size: var(--font-size-m);
}
.no-results main#primary form input[type="text"],
.error404 main#primary form input[type="text"] {
    width: -webkit-fill-available;
    max-width: 300px;
}
.no-results main#primary form input[type="submit"],
.error404 main#primary form input[type="submit"] {
    background: var(--color-main);
    border-color: var(--color-main);
    color: white;
    margin-top: var(--margin);
    cursor: pointer;
}
.no-results main#primary form input[type="submit"]:hover,
.error404 main#primary form input[type="submit"]:hover {
    background: transparent;
    color: var(--color-main);
}
.no-results main#primary .page-content,
.error404 main#primary .page-content {
    margin-top: var(--margin);
}


.blockUI.blockOverlay {
    visibility: hidden!important;
}


.cart tr td.product-name .variations_form .variations {
	display: block!important;
}
.vrn-variation-switcher p.variations select {
	padding: 5px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px;
    color: black;
    background: white;
    border-radius: var(--border-radius);
}
.vrn_switch_variation.single_add_to_cart_button {
	border: 2px solid var(--color-main);
    background: var(--color-main);
    color: white;
    padding: 5px 20px;
    cursor: pointer;
    border-radius: var(--border-radius);
    font-size: 16px;
    letter-spacing: 1.2px;
    font-family: var(--font-family);
    font-weight: bold;
}
.vrn_variation_toggle {
	background: var(--color-main);
    font-size: 16px	!important;
    padding: 5px 20px;
    cursor: pointer;
    border-radius: var(--border-radius);
    margin-top: 10px;
}
.vrn-variable-form {
	margin-bottom: 40px;
}
.woocommerce .shop_table tr td .single_variation {
	padding-bottom: 15px;
}
.woocommerce .shop_table tr td .single_variation .price ins bdi {
	font-size: 20px!important;
}
.woocommerce .shop_table tr td .single_variation .price del bdi {
	font-size: 16px!important;
}
.woocommerce .shop_table tr td .reset_variations {
	margin-top: 10px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    #products-compare-list #products-compare-list-topbar {
        padding-right: 60px;
        gap: 10px;
    }
    #products-compare-list #products-compare-list-topbar > h2 {
        font-size: var(--font-size-l);
    }
    #products-compare-list-message-close {
        width: 20px;
        height: 20px;
    }
    ul.products li.product {
        width: calc(33.33% - 6.7px);
    }
    .loop-product-price .price {
        flex-direction: column;
        margin-top: 5px;
    }
    .loop-product-price del {
        margin-bottom: 5px;
    }
}

@media (max-width: 500px) {
    ul.products li.product {
/*         width: calc(50% - 5px); */
		width: calc(100% - 5px);
    }
}

.footer-page-image{
	max-width: 768px;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    
    .product-categories-menu.active {
        padding-top: 24px;
        padding-bottom: 36px;
    }
    
    #products-compare-list-topbar {
        flex-direction: column;
    }
    #products-compare-list-bottombar-products {
        flex-wrap: wrap;
    }
    #products-compare-list-bottombar-products li.product {
        width: calc(50% - 10px) !important;
    }

	.topbar {
		flex-direction: row;
		gap: 5px;
	}
	.topbar > div {
		gap: 5px;
	}
	
	#menu-open {
		width: 32px;
    	height: 32px;
	}
	
	.header-icon {
		width: 26px;
		height: 26px;
	}
	
	.header-functionalities {
		position: relative;
	}
	#search-bar {
		position: absolute;
		top: 100%;
		background: black;
		right: calc(100% - 36px);
	}
	/* Mobile Header */
	.site-navigation-menus {
	    flex-direction: column;
	    flex-wrap: nowrap;
	    overflow-y: auto;
/* 	    height: calc(100% - 160px); */
	}
	.site-navigation-menus > div {
	    flex: unset;
	}

	.sub-menu-close svg {
	    width: 18px;
	}
	
	.sub-menu-close,
	#site-navigation ul li a {
	    font-size: var(--font-size-xl) !important;
	}
	
    #masthead #search-bar {
	    position: fixed;
        top: 0;
        left: 0;
        width: calc( 100% - 40px );
        height: 64px;
        display: block;
        max-width: unset!important;
        padding: 20px;
        background: black;
        z-index: 200;
        pointer-events: none;
        opacity: 0;
	}
	#masthead #search-bar form {
	    height: 100%;
	}
	#masthead #search-bar.active {
	    pointer-events: all;
	    opacity: 1;
	}
	#masthead #search-bar form input[type="search"] {
	    width: 100%!important;
	    font-size: var(--font-size-l);
	    letter-spacing: 1.5px;
	}
	#masthead #search-bar form button {
	    height: 100%;
	    width: 64px;
	}
	
	.loop-product-price .price,
	.monthly-doses span {
	    font-size: var(--font-size-xl);
	}
	
	.owl-dots {
	    bottom: 10px;
	}
	
}
.cta-store {
                max-width: fit-content;
                margin-inline:auto; padding-block:1.042vw; padding-inline:2.344vw; border: 1px solid #e7d4c4;
                background-color: #e7d4c4;
                border-radius: 10px;
                transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
                box-shadow: 0 4px 10px -5px rgba(0, 0, 0, 0.6) !important;
            }

            .cta-store:hover {
                background-color: #d4d4d4 !important;
                /*border-color: #e7d4c4 !important;*/
            }

            h2.vc_custom_heading.cta-store:hover,.cta-store:hover {
                color: black!important;
            }

            h2.vc_custom_heading.cta-store,.cta-store {
                text-align: center;
                background-color: #e4d8ca !important;
                border-top: 1px solid #d50000 !important;
                border: 1px solid #f000;
                border-radius: 0px !important;
                color: #333;
            }
@media (max-width: 425px) {
    #products-compare-list-bottombar-products {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    #products-compare-list-bottombar-products li.product {
        width: 100% !important;
        padding-bottom: var(--padding);
        border-radius: 0!important;
    }
    #products-compare-list-bottombar-products li.product:not(:last-child) {
        border-bottom: 2px solid black;
    }
	#products-compare-list-bottombar-buttons {
		flex-direction: column;
	}
}
/* language translation */
@media (max-width:768px){
        #masthead .header-row {
                z-index: 111;
        }
	    #masthead .topbar-left-side {
                font-size: 12px;
        }
        .header-row {
             padding-bottom: calc(var(--padding) / 2); 
        }
        .gt-current-lang img {
                width: 20px;
        }
        .gtranslate_wrapper {
                position: fixed;
                bottom: 10px;
                left: 10px;
                top: auto;
        }        
        .gtranslate_wrapper .gt-lang-code {
            display: none;
        }
}
@media (min-width:769px){
        .topbar-right-side {
/*            height: 20px;*/
        }
        .gtranslate_wrapper .gt-lang-code {
            display: none;
        }
        .gt-current-lang img {
                width: 26px;
        }
        .gt_float_switcher, .gt_float_switcher .gt-selected{
                background-color:rgba(0,0,0,0)!important;
        }
}


.price-container {
	display: flex;
	/*flex-direction: column;*/
	flex-direction: row;
	gap: 20px;
	align-items: center;
}
.single-product .price-container .cardholder-price {
    padding-left: 20px;
    border-left: 1px solid;
}
.single-product .cardholder-price .msg {
    width: fit-content;
}
.single-product-doses-cardholder,
.single-product-doses-cardholder span {
    position: relative;
    color: var(--color-main);
}
.single-product .cardholder-price .single-product-doses-cardholder .currency-symbol {
    font-size: var(--font-size-s)!important;
}
.single-product .cardholder-price,
.single-product .cardholder-price * {
    font-weight: bold;
}
.single-product-doses-cardholder-amount {
    display: inline-block;
    margin-right: 10px;
}

@media (max-width: 1240px) {
    .single-product .price-container {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px!important;
    }
    .single-product .price-container .cardholder-price {
        padding-left: 0!important;
        border: none!important;
        border-top: 1px solid!important;
        padding-top: 20px!important;
    }
    .single-product .price-container .single-product-doses {
        margin-bottom: 0!important;
    }
}

.single-product .flipper label {
	color: black!important;
}

.flipper {
	color: #333;
	display: block;
	font-size: 50px;
	line-height: 100%;
	padding: 0;
	margin: 0;
	height: 1.7em;
	max-width: 400px;
    width: 100%;
}
.flipper.flipper-invisible {
	font-size: 0px !important;
}

.flipper-group {
	position: relative;
	white-space: nowrap;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.flipper-group label {
	position: absolute;
	color: #fff;
	font-size: 20%;
	top: 100%;
	line-height: 1em;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	text-align: center;
	padding-top: .5em;
}

.flipper-digit {
	white-space: nowrap;
	position: relative;
	padding: 0;
	margin: 0;
	display: inline-block;
	float: left;
	height: 1.2em;
	overflow-y: hidden;
}
.flipper-digit span {
	font-size: 25%;
}

.flipper-delimiter {
	white-space: nowrap;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	color: #fff;
	min-width: .1em;
	white-space: nowrap;
	display: block;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	line-height: 1em;
}

.digit-face {
	display: block;
	visibility: hidden;
	position: relative;
	border-radius: 0.1em;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 8;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	box-sizing: border-box;
	text-align: center;
}

.digit-next {
	display: block;
	position: relative;
	border-radius: 0.1em;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 8;
	height: 1.2em;
	background: #fff;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	box-sizing: border-box;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.digit-top {
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	height: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	pointer-events: none;
	overflow: hidden;
	position: absolute;
	background: #fff;
	padding-top: 0.1em;
	padding-bottom: 0;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border-top-left-radius: 0.1em;
	border-top-right-radius: 0.1em;
	box-sizing: border-box;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: background 0s linear, -webkit-transform 0s linear;
	transition: transform 0s linear, background 0s linear;
	transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear;
	-webkit-transform-origin: 0 0.6em 0 !important;
	transform-origin: 0 0.6em 0 !important;
	-webkit-transform-style: preserve-3d !important;
	transform-style: preserve-3d !important;
	z-index: 20;
}
.digit-top.r {
	transition: background 0.2s linear, -webkit-transform 0.2s linear;
	transition: transform 0.2s linear, background 0.2s linear;
	transition: transform 0.2s linear, background 0.2s linear, -webkit-transform 0.2s linear;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	background: #cccccc;
}

.digit-top2 {
	visibility: hidden;
	position: absolute;
	height: 50%;
	left: 0;
	right: 0;
	background: #cccccc;
	transition: -webkit-transform 0.2s linear;
	transition: transform 0.2s linear;
	transition: transform 0.2s linear, -webkit-transform 0.2s linear;
	line-height: 0em !important;
	top: 50% !important;
	bottom: auto !important;
	padding-top: 0;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border-bottom-left-radius: 0.1em;
	border-bottom-right-radius: 0.1em;
	overflow: hidden;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: background 0s linear, -webkit-transform 0s linear;
	transition: transform 0s linear, background 0s linear;
	transition: transform 0s linear, background 0s linear, -webkit-transform 0s linear;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-style: preserve-3d !important;
	transform-style: preserve-3d !important;
	-webkit-transform-origin: 0 0 0 !important;
	transform-origin: 0 0 0 !important;
	z-index: 20;
}
.digit-top2.r {
	visibility: visible;
	transition: background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s;
	transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s;
	transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s, -webkit-transform 0.2s linear 0.2s;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	background: #fff;
}

.digit-bottom {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	pointer-events: none;
	position: absolute;
	overflow: hidden;
	background: #fff;
	height: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	line-height: 0em;
	padding-top: 0;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border-bottom-left-radius: 0.1em;
	border-bottom-right-radius: 0.1em;
	box-sizing: border-box;
	text-align: center;
	transition: none;
}
.digit-bottom.r {
	transition: background 0.2s linear;
	background: #cccccc;
}

.flipper-digit:after {
	content: "";
	position: absolute;
	height: 2px;
	background: rgba(0, 0, 0, 0.5);
	top: 50%;
	display: block;
	z-index: 30;
	left: 0;
	right: 0;
}


.single-product-description-inner-column {
	flex: 2!important;
}
.single-product-description-inner-column:nth-child(2) {
	flex: 1!important;
}
@media (max-width: 768px) {
	.single-product-description-inner-column {
		flex: 1!important;
	}
}



tr[class*='coupon-cardholder_'] th {
	font-size: 00!important;
	position: relative;
}
tr[class*='coupon-cardholder_'] th::after {
	content: 'Κάρτα Μέλους (-10%)';
	font-size: var(--font-size-l);
}
tr[class*='coupon-cardholder_'] a {
	display: none!important;
}
.woocommerce-checkout tr[class*='coupon-cardholder_'] th::after {
	font-size: 16px!important;
}

#primary .product-category-top-slider img {
	object-fit: contain!important;
}

.loop-product-info-badges {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.single-product .summary .loop-product-info-badges {
	margin-bottom: 20px;
}

.components-button.has-icon{
	padding:0!important;
}




.cardholder-price span.currency-symbol {
	color: var(--color-main)!important;
	font-size: var(--font-size-xxl)!important;
}

@media (max-width:435px){
	.products.columns-4 .loopimagecontainer{
		margin-bottom:-10%!important;
	}
	.products.columns-4 .woocommerce-loop-product__title {
		z-index:1!important;
		position:relative!important;
	}
	li.wc_payment_method.payment_method_tbigr {
    	flex-wrap: nowrap!Important;
	}
}

/* REMOVE EPIKOINONISTE MAZI MAS */
.outofstock-loop{
	visibility:hidden!important;
}
.stock.out-of-stock.single-product-contact-us a{
    display:none!important;
}

/* REMOVE dots apo slider katigoriwn */
.product-category-top-slider.slider-stage.border-radius.owl-loaded.owl-drag .owl-dots{
    display:none!important;
}

#billing_address_2::placeholder {
  color: black!important;
}


/* newletter */
.newsletter-form span.wpcf7-form-control-wrap {
    visibility: visible !important;
}
.newsletter-form .form-container form{
	align-items: flex-end;
}
.newsletter-form .form-container div span{
	/* margin-bottom:0!important; */
}

.newsletter-form span.wpcf7-spinner {
    display: none !important;
}
.newsletter-form .form-container form p:nth-last-child(2){
    border:5px solid black;
    background-color:black;
    border-radius:10%;
	z-index:10;
}
.newsletter-form .form-container form p:nth-last-child(2) input{
    color:white!important;
}

.newsletter-form .form-container form{
    flex-direction:column;
	align-items: flex-end!important;
}
.newsletter-form .form-container form p:nth-last-child(2):hover{
    cursor:pointer;
}


/* HEADER DESIGN CHANGES */

.header-functionalities div,
div#menu-open{
    width: 26px;
    height: 26px;
}

/* BLACK FRIDAY OFFER */
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    position:relative;
}

img.black-offer-badge {
    height:auto!important;
    position: absolute;
    top: 5%;
    right: 5%;
    /* transform: translate(-50%, -150%); */
    width:15%!important;
    z-index: 2;
}

.tax-product_cat img.black-offer-badge{
    top: 15%;
    right:8%!important;
    padding-top:2%;
    padding-right:2%;
}

@media(min-width:1440px){
    img.black-offer-badge{
        /* width:80px!important; */
    }    
}

@media(min-width:768px) and (max-width:1120px){
    .tax-product_cat img.black-offer-badge{
        top:13%;
		right:10%!important;
    }    
}


/* IFRAME CSS FOR CHECKOUT */
/* .is-in-iframe table,
.is-in-iframe header,
.is-in-iframe footer {
	display: none!important;
} */

@media (min-width:768px){
     .home.page-template-default.page.page-id-27839 img.black-offer-badge{
        top:10%;
    }   
}

@media (min-width:1025px){
     .home.page-template-default.page.page-id-27839 img.black-offer-badge{
        top:15%;
    }   
}

.loopimagecontainer img{
    width: 100%!important;
}

/* NEW PRODUCT TEMPLATE CSS PRODUCT ID=40024*/

/* .custom-text-below-cart {
    margin-top:30px;
    padding:10px 30px 10px 30px;
    border:1px solid #E8D8C7;
    background-color:#E8D8C7;
    border-radius:5px;
    max-width:50%;
}

.custom-text-below-cart p {
    font-weight:400;
    margin-top:10px;
}

.custom-text-below-cart p a{
    color:var(--color-main);
    font-weight:500;
    text-decoration:underline
}


@media(max-width:768px){
    .custom-text-below-cart{
        max-width:100%;
    }
} */


.top-header-row,
.first-header-row{
    width: 100%;
    font-weight:bold;
	background-color: red!important;
/*     background-color:var(--color-main); */
    text-align:center!important;
    
}
.first-header-row{
    padding:8px;
}

/* Store Open Message */
/* Top Row - Message */
.first-header-row {
    display: none!important; 
}

.top-header-row span{
    color:white!important;
    text-align:center!important;
}

@media(max-width:768px){
    .top-header-row {
/*         max-width:80%; */
        margin-inline:auto!important;
    }
}


.custom-price-display {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 10px;
}

.custom-price {
    color: red;
    font-weight: bold;
    margin-right: 5px;
}

.price-label {
    color: gray;
/*     font-style: italic; */
}

.custom-price-display{
    display:flex;
    gap:10px;
    align-items: center;
}

.custom-price-display span.custom-price{
    font-size:26px;
    color:#D50000;
    font-weight:700;
}

.custom-price-display span.price-label {
    font-size:18px;
    color:white;
    font-weight:700;
    padding:5px;
    border:1px solid #D50000;
    border-radius:8px;
    background-color:#D50000;
}

@media(max-width:768px){
	.home .custom-price-display span.custom-price{
		font-size:16px;
	}
	.home .custom-price-display span.custom-price{
		font-size:18px;
	}
}

.single.single-product.woocommerce .single-product-gallery .single-product-gallery-moto > img{
    min-width: 124px!important;
}
.single-product-badges {
color:#c01818!important;
background-color: #ffc357!important;
}


.loop-product-badges{
	background:#ffc357!important;
	color:#4a3c34!important;
	font-weight:500!important;
}

body .loop-product-info-badges .loop-product-badges{
	color:#4A3C34!important;
}

.single-product .summary.entry-summary .single_add_to_cart_button:hover{
    color:var(--color-main)!important;
}

.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-checkout span::before{
    color:white!important;
}

.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-checkout:hover span::before {
    color:var(--color-main) !important;
} 

button.wc-block-components-button.wp-element-button.wc-block-components-drawer__close.contained {
    background-color:var(--color-main) !important;
    border-radius:50%!important;;
    right:20px!important;;
    top:30px!important;;
    padding:8px!important;
}

.single-product .summary.entry-summary .single_add_to_cart_button{
    background-color:var(--color-main) !important;
    border-color:var(--color-main) !important;
    text-transform:uppercase;
}

.single-product .summary.entry-summary .single_add_to_cart_button:hover{
    color:var(--color-main) !important;
	background-color:white!important;
}

.tax-product_cat .loopimagecontainer img{
    border-radius:0px!important;
    width:100%!important;
}

.tax-product_cat .products-slider-simple-header .title.black {
    position:relative!important;
    font-size:var(--font-size-xl)!important;
    font-weight:500!important;
}

.tax-product_cat .products-slider-simple{
    margin-top:calc( -2% - var(--padding) / 2 )!important;
}
@media (min-width: 1024px) {
/* Ensure menu items stay in place */
.menu-item {
    position: relative;
}

.single-product span.ivpa_term.ivpa_active.ivpa_instock {
border-radius:5px;
}	
	
/* Move only the image to the left without affecting text alignment */
img.menu-thumbnail {
    position: absolute;
    left: -25px; /* Moves the image left without shifting text */
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* Keep text properly aligned */
.menu-item a {
    display: flex;
    align-items: center;
    gap: 8px; /* Space between image and text */
}
}
@media (max-width:768px) {
    /* Ensure correct positioning for menu items */
    #site-navigation .menu-item {
        display: flex;
        align-items: center;
        gap: 8px; /* Space between image and text */
    }

    /* Ensure the thumbnail appears before the text */
    #site-navigation .menu-item a {
        display: flex;
        align-items: center;
        text-decoration: none;
        gap: 8px; /* Space between image and text */
    }

    /* Properly position the category images */
    #site-navigation .menu-item img.menu-thumbnail {
        width: 20px;
        height: 20px;
        object-fit: contain;
        display: inline-block;
    }
}

/* NEW CSS */
@media (max-width: 1023px) { /* Mobile Menu */
    /* ✅ Force vertical stacking and enable scrolling */
    #site-navigation {
        display: block !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    #site-navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block !important;
    }

    #site-navigation .menu-item {
        display: flex !important;
        align-items: center;
        padding: 1px 0;
        width: 100%;
    }

    /* Increase category thumbnails */
    #site-navigation .menu-item img.menu-thumbnail {
        width: 70px !important;
        height: auto !important;
        object-fit: contain;
        flex-shrink: 0;
    }

    /* Move category text to the right and make it smaller */
    #site-navigation .menu-item a {
        display: flex;
        align-items: center;
        font-size: 14px !important;
        gap: 10px;
        padding-left: 10px !important;
        width: 100%;
        white-space: normal !important;
    }

    /* Optional: arrow icons to the right */
    #site-navigation .menu-item a::after {
        margin-left: auto;
    }
}

@media (min-width: 1024px) { /* Desktop Menu */
    /* Increase category thumbnails */
    #menu-desktop-menu .menu-item img.menu-thumbnail {
        width: 75px !important; /* Bigger thumbnails */
        height: 80px !important;
        object-fit: contain;
        display: inline-block;
    }

    /* Move category text to the right */
    #menu-desktop-menu .menu-item a {
        padding-left: 50px !important; /* Adjust to create space for the image */
        display: flex;
        padding-bottom: 45px;
        align-items: center;
        gap: 15px !important; /* Space between image and text */
        font-size: 15px !important; /* Smaller font size */
    }
}

@media (max-width: 768px) {
    .site-navigation-menus * {
        color: black !important;
        fill: black !important; /* For SVG icons */
        stroke: black !important; /* For SVG icons */
        font-size: 13px !important; /* Even smaller for tiny screens */
    }
}

.desktop-menu > div > ul > li > ul.sub-menu {
   
    max-height: 80vh !important;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    padding: var(--padding);
    
    /* ✅ NEW: Stack menu items vertically */
    display: flex;
    flex-direction: column;
    gap: 15px; /* space between items */
}

@media (max-width: 768px) {
  .userway_buttons_wrapper {
    bottom: 125px !important;
  }
} 

.price-note {
  font-weight: bold;
  color: red; /* your highlight color */
  margin-top: 10px;
}

/* 28-08 */

.userway_buttons_wrapper {
  position: relative;
  display: inline-block; /* ensures wrapper behaves like other buttons */
}

.userway_buttons_wrapper::before {
  content: "";
  position: absolute;
  top: -2px;  /* adjust spacing to match others */
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: #D50000; /* white background like the phone button */
  border-radius: 8px; /* gives it the square-rounded look */
  z-index: -1; /* keep it behind the button */
}

@media (max-width: 768px) {
  #side-buttons > div {
    width: 21px;
    height: 21px;
  }



.userway_buttons_wrapper {
  position: relative;
  display: inline-flex; 
  align-items: center;
  justify-content: center;
  width: 40px;   /* ίδιο με τα άλλα κουμπιά */
  height: 40px;  /* ίδιο με τα άλλα κουμπιά */
}

.userway_buttons_wrapper::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: #D50000;
  border-radius: 8px;
  z-index: -1;
}
.gt-current-lang {
  display: none!important
}
}


@media (max-width: 768px) {
  .site-footer .menu {
    /* font-size: var(--font-size-l); */
    font-size: 14px !important;
  }

  .site-footer .widget-title,
  .site-footer .footer-column-3-link,
  .site-footer .footer-column-4-link {
    /* font-size: var(--font-size-xl); */
    font-size: 18px !important;
  }
}

@media (max-width: 768px) {
  div#woman_clouds {
    margin-bottom: 20px; /* άλλαξε το 20px με ό,τι χρειάζεσαι */
  }
}

/* Button */

.button-wrapper {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 150%;
}


a.btn-benefits {
  display: inline-block;
  text-align: center;
  background-color: #e4d8ca;
  border-top: 2px solid #d50000 !important; /* κόκκινη λεπτή γραμμή επάνω */
  border: none;
  border-radius: 0;
  color: #111;
  font-weight: bold;
  padding: 10px 20px;

  /* σκιά όπως στην εικόνα */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* Video Button */ 
.content .link {
    display: inline-block !important;
    text-align: center !important;
    background-color: #e4d8ca !important;
    border-top: 2px solid #d50000 !important; /* κόκκινη λεπτή γραμμή επάνω */
    border: none !important;
    border-radius: 0 !important;
    color: #111 !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
    text-decoration: none !important; /* αν είναι link */
}

@media (max-width: 768px) {
    .woocommerce-breadcrumb {
        font-size: 12px!important;
    }
}

@media (max-width: 768px) { /* Adjust 768px to your desired mobile breakpoint */
    .content .link {
        bottom: -20px!important;
    }
}
/* 01/09 */
/* Apply only on mobile */
@media (max-width: 768px) {
  .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* number of lines you want to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;     /* allows wrapping */
  }
}

h2.woocommerce-loop-product__title {
margin-top: 0px!important; 
}

/* Reduce side padding only on mobile */
@media (max-width: 768px) {
  .products-slider-simple.slider-stage.owl-loaded.owl-drag {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Move slider arrows further outside on mobile */
@media (max-width: 768px) {
  .products-slider-simple .owl-nav .owl-prev {
    left: 0px !important;   /* move left arrow further out */
  }

  .products-slider-simple .owl-nav .owl-next {
    right: 0px !important;  /* move right arrow further out */
  }

  .products-slider-simple .owl-nav .owl-prev,
  .products-slider-simple .owl-nav .owl-next {
    position: absolute;
    top: 40%;                 /* vertically center them */
    transform: translateY(-50%);
  }
}
/* Menu Scroll */
/* Make the opened submenu scrollable on mobile */
@media (max-width: 768px) {
  /* Allow scrolling inside the submenu */
  ul.sub-menu.active {
    max-height: 70vh;                 /* visible area height */
    overflow-y: auto;                 /* enable vertical scroll */
    -webkit-overflow-scrolling: touch;/* smooth scrolling on iOS */
  }

  /* Make sure parents don't clip it */
  nav#site-navigation,
  .main-navigation,
  .site-navigation-menus {
    overflow: visible !important;
  }
}

/* Reviews */
.custom-cusrev-reviews {
display: none!important;
}

.custom-review-rating {
display: none!important;
}

/* Wishlist */

/* YITH Wishlist – SAFE mobile layout (stacked, no cropping, neat spacing) */
@media (max-width: 768px) {
  /* 1) Reset plugin/table quirks that cause broken columns/cropping */
  .wishlist_table,
  .wishlist_table * {
    box-sizing: border-box;
  }
  .wishlist_table {
    width: 100% !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }
  .wishlist_table thead {
    display: none !important;                /* hide header on mobile */
  }
  .wishlist_table tbody,
  .wishlist_table tr,
  .wishlist_table td {
    display: block !important;               /* stack cells vertically */
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    border: 0 !important;
  }

  /* 2) Card look for each product row */
  .wishlist_table tbody tr {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 14px 12px;
    margin: 14px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.06);
  }

  /* 3) Thumbnail + title */
  .wishlist_table td.product-thumbnail {
    padding: 0 !important;
    margin-bottom: 10px;
  }
  .wishlist_table td.product-thumbnail img {
    width: 96px !important;
    height: auto !important;
    display: block;
    border-radius: 4px;
  }
  .wishlist_table td.product-name {
    padding: 0 !important;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.35;
    word-break: break-word;
  }

  /* 4) Price and stock */
  .wishlist_table td.product-price {
    padding: 0 !important;
    margin: 4px 0 8px;
    font-weight: 700;
  }
  .wishlist_table td.product-price::before {
    content: "Τιμή: ";
    font-weight: 600;
    margin-right: 6px;
  }
  .wishlist_table td.product-stock-status {
    padding: 0 !important;
    margin-bottom: 12px;
  }
  .wishlist_table td.product-stock-status::before {
    content: "Κατάσταση: ";
    font-weight: 600;
    margin-right: 6px;
  }

  /* 5) Add-to-cart area */
  .wishlist_table td.product-add-to-cart {
    padding: 0 !important;
    margin-top: 12px;                      /* spacing above button */
  }
  .wishlist_table td.product-add-to-cart .button,
  .wishlist_table td.product-add-to-cart .add_to_cart {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
  }

  /* 6) Remove column – move below as a small link (optional) */
  .wishlist_table td.product-remove {
    padding: 0 !important;
    margin-top: 10px;
    text-align: right;
  }

  /* 7) Prevent horizontal scroll/cropping from wrappers */
  .yith-wcwl-wishlist,
  .yith-wcwl-form {
    width: 100% !important;
    overflow-x: hidden !important;
  }
}

/* Related Products Old */

.single-product-linked.border-radius {
display:none!important;
}

/* Prices */
.modern-template .price-container .price .price-regular, .modern-template .price-container .price .price-regular span.currency-symbol{
/* 	background-color: white!important;
	color: black!important; */
	
	background-color: green !important;
    color: white !important;
}

/* START 7-04-2026 */
.price-container .price {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.price-container .price span:nth-child(2) {
    display: none !important;
}

.modern-template .price-container .price .price-regular span.currency-symbol {
    display: inline-flex !important;
    align-items: center !important;
}

.modern-template div.price-container .single-product-doses span {
    background: red !important;
    color: white !important;
}
/* END 7-04-2026 */

.modern-template div.price-container .single-product-doses span{
/* 	color: #d50000 !important; */
    border-radius: 5px;
/*     background-color: #ffffff; */
	
	background: red !important;
    color: white !important;
}



/* Remove grey circle background and set white background */
.social-media a {
  background-color: #ffffff !important;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 4px;
  transition: all 0.3s ease;
}

/* Brand color filters — work even with inline fills */
.social-media a[href*="facebook"] svg {
  filter: brightness(0) saturate(100%) invert(33%) sepia(99%) saturate(3100%) hue-rotate(203deg) brightness(98%) contrast(95%) !important;
}

.social-media a[href*="instagram"] svg {
  filter: brightness(0) saturate(100%) invert(49%) sepia(59%) saturate(2639%) hue-rotate(316deg) brightness(93%) contrast(94%) !important;
}

.social-media a[href*="youtube"] svg {
  filter: brightness(0) saturate(100%) invert(19%) sepia(92%) saturate(6233%) hue-rotate(357deg) brightness(95%) contrast(104%) !important;
}

.social-media a[href*="tiktok"] svg {
  filter: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(0%) hue-rotate(360deg) brightness(92%) contrast(104%) !important;
}

.social-media a[href*="linkedin"] svg {
  filter: brightness(0) saturate(100%) invert(31%) sepia(82%) saturate(1498%) hue-rotate(179deg) brightness(97%) contrast(97%) !important;
}

/* TBI MOBILE */

@media (max-width: 768px) {
  /* Target the TBI Bank logo inside the payment method area */
  .wc_payment_method.payment_method_tbigr img {
    max-width: 190px !important;
    height: auto !important;
    display: inline-block;
    vertical-align: middle;
  }

  /* Optional: adjust label layout to align text properly */
  .wc_payment_method.payment_method_tbigr label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }
}

/* Desktop only */
@media (min-width: 1024px) {
    .loopimagecontainer {
        padding-top: 128% !important;
    }
}
/* Glowing menu item with distinctive styling - MAIN ITEM ONLY */
#menu-item-53935 > a {
  color: #C42328 !important; /* Bold red color */
  font-weight: 600 !important;
  /*text-shadow: 
    0 0 10px rgba(196, 35, 40, 0.8),
    0 0 20px rgba(196, 35, 40, 0.6),
    0 0 30px rgba(196, 35, 40, 0.4);
  animation: pulse-glow 2s ease-in-out infinite;
  transition: all 0.3s ease;*/
}

/* Hover effect - MAIN ITEM ONLY */
#menu-item-53935 > a:hover {
 /* color: #fff !important;
  text-shadow: 
    0 0 15px rgba(196, 35, 40, 1),
    0 0 30px rgba(196, 35, 40, 0.8),
    0 0 45px rgba(196, 35, 40, 0.6);
  transform: scale(1.05);
}*/

/* Pulsing glow animation */
@keyframes pulse-glow {
  0%, 100% {
    text-shadow: 
      0 0 10px rgba(196, 35, 40, 0.8),
      0 0 20px rgba(196, 35, 40, 0.6),
      0 0 30px rgba(196, 35, 40, 0.4);
  }
  50% {
    text-shadow: 
      0 0 15px rgba(196, 35, 40, 1),
      0 0 30px rgba(196, 35, 40, 0.8),
      0 0 45px rgba(196, 35, 40, 0.6);
  }
}

/* Mobile Menu Item */

/* Glowing menu item with distinctive styling - MAIN ITEM ONLY */
#menu-item-53941 > a {
  color: #C42328 !important; /* Bold red color */
  font-weight: 600 !important;
  /*text-shadow: 
    0 0 10px rgba(196, 35, 40, 0.8),
    0 0 20px rgba(196, 35, 40, 0.6),
    0 0 30px rgba(196, 35, 40, 0.4);
  animation: pulse-glow 2s ease-in-out infinite;
  transition: all 0.3s ease;
}*/

/* Hover effect - MAIN ITEM ONLY */
#menu-item-53941 > a:hover {
  /*color: #fff !important;
  text-shadow: 
    0 0 15px rgba(196, 35, 40, 1),
    0 0 30px rgba(196, 35, 40, 0.8),
    0 0 45px rgba(196, 35, 40, 0.6);
  transform: scale(1.05);
}*/

/* Pulsing glow animation */
@keyframes pulse-glow {
  0%, 100% {
    text-shadow: 
      0 0 10px rgba(196, 35, 40, 0.8),
      0 0 20px rgba(196, 35, 40, 0.6),
      0 0 30px rgba(196, 35, 40, 0.4);
  }
  50% {
    text-shadow: 
      0 0 15px rgba(196, 35, 40, 1),
      0 0 30px rgba(196, 35, 40, 0.8),
      0 0 45px rgba(196, 35, 40, 0.6);
  }
}

/* Disable Slider - Παντού start */

/* Disable cursor pointer and dragging on the slider - only for category 249 */
.product-category-top-slider .owl-stage-outer,
.product-category-top-slider .owl-item,
.product-category-top-slider .owl-item a {
    cursor: default !important;
    pointer-events: none !important;
}

/* Hide next and previous arrows - only for category 249 */
.product-category-top-slider .owl-nav {
    display: none !important;
}

/* Alternative: hide individual arrow buttons - only for category 249 */
.product-category-top-slider .owl-prev,
.product-category-top-slider .owl-next {
    display: none !important;
}

/* Disable Slider Παντού end */

/* TBI CHANGES */
/* TBI Payment Banner - Modern Template Fix */
.modern-template .tbi-custom-banner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 80% !important;
    padding: 15px !important;
    margin: 20px 0 !important;
    background: white !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
}

.modern-template .tbi-custom-banner img {
    width: auto !important;
    height: 40px !important;
    max-width: 150px !important;
    min-width: 35px !important;
    margin-right: 15px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

.modern-template .tbi-custom-banner span,
.modern-template .tbi-custom-banner p {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: black !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .modern-template .tbi-custom-banner {
        max-width: 100% !important;
        padding: 12px !important;
    }
    
    .modern-template .tbi-custom-banner img {
        height: 30px !important;
        margin-right: 10px !important;
    }
    
    .modern-template .tbi-custom-banner span,
    .modern-template .tbi-custom-banner p {
        font-size: 14px !important;
    }
}

/* Woocomerce Update 02/12 */
.wc-block-components-button__text {
    color: white!important;
}

.wc-block-components-button__text:hover {
  color: black !important;
}

/*3/12 mixalis*/
@media (max-width: 1000px) {
    nav#site-navigation, .main-navigation, .site-navigation-menus {
        overflow: visible !important;
    }
}
@media (max-width: 1000px) {
    .site-navigation-menus {
        flex-direction: column;
        flex-wrap: nowrap;
        overflow-y: auto;
        height: calc(100% - 160px);
    }
}
@media (max-width: 1000px) {
    .site-navigation-menus > div {
        flex: unset;
    }
}
@media (max-width: 1000px) {
    .site-navigation-menus * {
        color: black !important;
        fill: black !important;
        stroke: black !important;
        font-size: 13px !important;
    }
}

/* --- IT:3883 Changes 12-10-2025 --- 
@media (min-width: 1441px) {
    div#dimofili-row .wpb_column.vc_column_container.vc_col-sm-12 {
        margin-top: -200px;
        padding-top: 20px !important;
    }
}

header#masthead li#menu-item-53935 a {
    text-shadow: -2px 2px 4px rgba(136, 37, 40, 0.7) !important;
}
 --- IT:3883 End of Changes --- */
	
/* Navigation Mobile 20/03/2026*/
	#site-navigation .site-navigation-brands {
    padding: 20px;
    border-top: 1px solid rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    gap: 15px;
}
#site-navigation .site-navigation-brands a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}
#site-navigation .site-navigation-brands a img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 6px;
    padding: 4px;
    background: white;
}
#site-navigation .site-navigation-brands a span {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

#site-navigation:not(.active) .site-navigation-brands,
#site-navigation:not(.active) .site-navigation-social {
    display: none;
}