/*!
Theme Name: antigoni
Theme URI: http://underscores.me/
Author: Webmate
Author URI: http://web-mate.gr/
Description: Antigoni theme
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: antigoni
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

antigoni is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
#wpadminbar {
    z-index: 9999999;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */


/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}



/* Embedded content
	 ========================================================================== */




p {
	margin-bottom: 1.5em;
}


/* Elements
--------------------------------------------- */






ol {
	list-style: decimal;
}





img {
	height: auto;
	max-width: 100%;
}



table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	    color: var(--black);
	text-decoration: none;
}

a:visited {
	    color: var(--black);
}

a:hover,
a:focus,
a:active {
	    color: var(--black);
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
/* 	background: #e6e6e6; */
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}



input[type="url"],
input[type="password"],
input[type="search"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"]
 {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}


select, .woocommerce-checkout .select2-selection {
	border: 1px solid #ccc;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0.5L4.5 3.5L1 0.5' stroke='%23262626'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right var(--s-2) top 50%;
    background-size: 0.65em auto;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	border-radius: 0;
	background-color: transparent;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}



/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}





/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/********custom-css********/
/** :root {
    --font-secondary: 'Open Sans';
    --font-main: 'HGF Book (regular)';
    --font-main-bold: 'HGF Semibold';
    --black-medium: hsl(0, 0%, 50%);
    --light-grey: hsl(0, 0%, 94%);
    --margin: 3vw;
    --ratio: 1.16;
    --black: hsl(0, 0%, 10%);
    --s-5: calc(var(--s-4) / var(--ratio));
    --s-4: calc(var(--s-3) / var(--ratio));
    --s-3: calc(var(--s-2) / var(--ratio));
    --s-2: calc(var(--s-1) / var(--ratio));
    --s-1: calc(var(--s0) / var(--ratio));
    --s0: 1rem;
    --s1: calc(var(--s0) * var(--ratio));
    --s2: calc(var(--s1) * var(--ratio));
    --s3: calc(var(--s2) * var(--ratio));
    --s4: calc(var(--s3) * var(--ratio));
    --s5: calc(var(--s4) * var(--ratio));
    --s6: calc(var(--s5) * var(--ratio));
    --s7: calc(var(--s6) * var(--ratio));
    --s8: calc(var(--s7) * var(--ratio));
    --s9: calc(var(--s8) * var(--ratio));
    --spacing-big: 15vmin;
    --spacing-medium: 8vmin;
	
  }
  
  @media (min-width: 1600px) {
	  :root {
	    --ratio: 1.22;
	    --margin: calc(3vw + var(--s1));
	}
  }
  
  @media (max-width: 1599px) and (min-width: 900px) {
	:root {
	    --ratio: 1.2;
	    --margin: calc(3vw + var(--s1));
	}
	}
    **/

    :root {
        /* Χρώματα (κρατάμε τα δικά σου + του sender) */
        --black-medium: hsl(0, 0%, 50%);
        --light-grey: hsl(0, 0%, 94%);
        --black: hsl(0, 0%, 10%);
        --white: white;
        --grey: hsl(0, 0%, 70%);
    
        /* Διαστάσεις */
        --margin: 3vw;
        --spacing-big: 15vmin;
        --spacing-medium: 8vmin;
    
        /* ΝΕΟ Scale του Sender (1.14 base) */
        --ratio: 1.14;
        --s-5: calc(var(--s-4) / var(--ratio));
        --s-4: calc(var(--s-3) / var(--ratio));
        --s-3: calc(var(--s-2) / var(--ratio));
        --s-2: calc(var(--s-1) / var(--ratio));
        --s-1: calc(var(--s0) / var(--ratio));
        --s0: 1rem;
        --s1: calc(var(--s0) * var(--ratio));
        --s2: calc(var(--s1) * var(--ratio));
        --s3: calc(var(--s2) * var(--ratio));
        --s4: calc(var(--s3) * var(--ratio));
        --s5: calc(var(--s4) * var(--ratio));
        --s6: calc(var(--s5) * var(--ratio));
        --s7: calc(var(--s6) * var(--ratio));
        --s8: calc(var(--s7) * var(--ratio));
        --s9: calc(var(--s8) * var(--ratio));
        --fast: 150ms;
        --medium: 300ms;
        --slow: 500ms;
        --scrollbar-width: 6px;
    }

    .search-modal {
        --size: 100%;
        --body-spacing: 0;
        --border: 1px solid var(--grey);
        --header-spacing: var(--s2);
    }
    
    @media (min-width: 560px) {
        .search-modal {
            --header-spacing: var(--s4);
        }
    }
    /* ΝΕΟ Media Query του Sender για την κλίμακα */
    @media (min-width: 824px) {
      :root {
        --ratio: 1.18;
        --margin: calc(3vw + var(--s1));
      }
    }

    @font-face {
        font-family: 'Panoptik-fallback';
        src: local(Arial);
        size-adjust: 91%;
    } 

    @font-face {
        font-family: 'Panoptik';
        /* ΠΡΟΣΟΧΗ: Βάλε το σωστό path για το που ανέβασες το woff2 στο wordpress σου */
        src: url('/wp-content/themes/antigoni/fonts/PanoptikVariable-Regular.woff2') format('woff2-variations');
        src: url('/wp-content/themes/antigoni/fonts/PanoptikVariable-Regular.woff2') format('woff2') tech('variations');
        font-weight: 100 644;
        font-feature-settings: "salt";
        font-display: swap;
  }

  @view-transition {
    navigation: auto;
  }

  /* --- GLOBAL TYPOGRAPHY SENDER --- */
html, .woof_reset_search_form, .woof_submit_search_form, select.orderby, select, button {
    font-family: Panoptik, 'Panoptik-fallback', sans-serif;
}

body {
    font-size: var(--s0);
    font-weight: 320;
    color: var(--black);
    line-height: 1.5; /* Κρατάμε το δικό σου line-height για fallback στο body αν θες, αλλιώς βάλτο 1.3 */
    margin: 0;
    background: #fff;
    scrollbar-width: var(--scrollbar-width);
    scrollbar-color: var(--white) var(--grey);
    /* text-rendering: optimizeSpeed; */
}
body.woocommerce-page {
    margin-bottom: 1.5em;
}

*::-webkit-scrollbar {
    width: var(--scrollbar-width);
  }
  
  *::-webkit-scrollbar-track {
    background: var(--white);
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: var(--grey);
    cursor: pointer;
  }

p {
    margin: 0;
    margin-bottom: 1.5em; /* Το δικό σου */
    font-weight: 310;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

em {
    font-variation-settings: 'ital' 1;
}

:where(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    font-weight: 320;
    letter-spacing: -0.05em;
    line-height: 1.3;
    clear: both;
}

figcaption {
    font-size: var(--s0);
}

a, button, label, ul {
    font-weight: 320;
}

/* ==========================================================================
   ΤΥΠΟΓΡΑΦΙΚΕΣ ΚΛΑΣΕΙΣ (Από typography.css)
   ========================================================================== */

   .t1 {
    font-size: var(--s1);
    font-weight: 320;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  
  .t2, .custom-menu .widget_nav_menu:nth-child(2) a {
    font-size: var(--s2);
    font-weight: 320;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  
  .t3 {
    font-size: var(--s3);
    font-weight: 320;
    line-height: 1.1;
    letter-spacing: -0.03em;
  }
  
  .t4 {
    font-size: var(--s4);
    font-weight: 320;
    line-height: 0.9;
    letter-spacing: -0.04em;
  }
  
  .t5, .custom-menu .widget_nav_menu:first-child a {
    font-size: var(--s5);
    font-weight: 320;
    line-height: 1;
    letter-spacing: -0.03em;
  }
  
  .t6 {
    font-size: var(--s6);
    font-weight: 320;
    line-height: 1;
  }
  
  .t7 {
    font-size: var(--s7);
    font-weight: 320;
    line-height: 0.8;
    letter-spacing: -0.05em;
    position: relative;
    left: -0.08em;
  }
  
  .small {
    font-size: var(--s0);
    line-height: 1.3;
  }
  
  .tiny {
    font-size: var(--s-1);
    font-weight: 300;
    letter-spacing: 0.02em;
  }
  
  .small-upper {
    font-size: 0.95rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  
  .body-large {
    font-size: var(--s1);
  }
  
  .body {
    font-size: var(--s1);
    font-weight: 300;
    position: relative;
  }
  
  .body-small {
    line-height: 1.5;
    letter-spacing: -0.025em;
    position: relative;
    margin: 0;
  }
  
  .body p + p {
    margin-top: var(--s1);
  }
  
  .body .line,
  .description .line {
    display: none;
    fill: var(--black);
    width: var(--s7);
    height: 1px;
    position: absolute;
    left: 0;
    top: 1ch;
  }
  
  .body .line.flex {
    width: 17%;
  }
  
  .error-message:not(:empty) {
    color: hsl(350, 100%, 30%) !important;
    background: hsl(350, 100%, 95%) !important;
    font-size: var(--s0);
    margin-top: 4px;
    padding: 4px 8px;
    width: 100%;
  }
  
  .date {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: -0.02em;
  }

.padding {
	padding-top: var(--s6);
    margin-left: auto;
    margin-right: auto;
    max-width: 90ch;
}

:focus-visible {
    outline: 1px solid black;
    outline-offset: 2px;
}

input[type="radio"] {
    --size: 1.2em;
    margin: 0!important;
    margin-right: 1ch!important;
    border: 1px solid black!important;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
        -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="radio"][checked] {
    border: 5px solid black!important;
}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-top-color: var(--black)!important;
    border-top: 1px solid!important;
}

.woocommerce-info::before, .woocommerce-message:before {
	    color: var(--black);
}

svg:not([fill]) {
    fill: inherit;
}

svg {
    display: block;
}

ul {
	list-style: none;
}

li > ul,
li > ol {
	margin-bottom: 0;
/* 	margin-left: 1.5em; */
	margin-left: 0;
	padding-left: 0;
}

.button {
    background-color: white;
    border: 2px solid var(--black);
    padding: var(--s0) var(--s8);
    font-weight: 420; /* ΝΕΟ ΠΑΧΟΣ */
    text-align: center;
    text-transform: uppercase;
    word-spacing: var(--s-4);
    position: relative;
    overflow: hidden;
}

input[type="checkbox"] {
    border: 1px solid black;
    border-radius: 0;
    width: var(--s0);
    height: var(--s0);
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    vertical-align: middle;
}

input[list], input[type="text"], input[type="number"], input[type="email"], input[type="tel"], textarea,  input:-webkit-autofill,
  input:-webkit-autofill:focus, input:-internal-autofill-selected  {
    background: transparent!important;
    border: 1px solid var(--black-medium);
    width: 100%;
    padding: var(--s1);
    position: relative;
}

input:focus, textarea:focus, input:focus-visible, textarea:focus-visible, .woocommerce input:focus-visible, .woocommerce .form-row textarea:focus-visible {
    outline: 1px solid black!important;
    outline-offset: 2px;
    
}

.mail label + input.wpcf7-form-control:focus-visible {
	outline: none!important;
	border: none!important;
}

.mail label + input.wpcf7-form-control {
	outline: none!important;
}

label [type="checkbox"] + span {
    vertical-align: middle;
    margin-left: 1ch;
}

.validate .wpcf7-list-item input[type="checkbox"], #createaccount, #ship-to-different-address-checkbox {
	-webkit-appearance: none;
    -moz-appearance: none;
}

/* .wpml-ls-statics-footer {
	display: none;
} */

/* ==========================================================================
   GTranslate - Αντικατάσταση WPML
   ========================================================================== */

/* 1. Κρύβουμε το default widget του Google Translate που φορτώνει αυτόματα */
#google_translate_element2 {
    display: none !important;
}

/* 2. Βασική μορφοποίηση των Links */
.gtranslate_wrapper a.glink {
    font-size: var(--s0);
    text-transform: uppercase;
    letter-spacing: 0.01em;
    padding: 0 !important;
    font-weight: 320 !important;
    text-decoration: none;
    color: var(--black);
}

.gtranslate_wrapper a.glink[data-gt-lang="en"] {
    display: flex;
    align-items: center;
    width: 100%; /* Για να σπρώξει το επόμενο */
}
/* Κρύβουμε το default κείμενο του GTranslate (είτε λέει Greek είτε Ελληνικά) */
.gtranslate_wrapper:not(.header-left .gtranslate_wrapper) a.glink {
    font-size: 0 !important; 
}

/* Φυτεύουμε το "ENGLISH" */
.gtranslate_wrapper:not(.header-left .gtranslate_wrapper) a.glink[data-gt-lang="en"]::before {
    content: "ENGLISH";
    font-size: var(--s0); /* Επαναφέρουμε το σωστό μέγεθος γραμματοσειράς */
    display: inline-block;
}

/* Φυτεύουμε το "ΕΛΛΗΝΙΚΑ" ακριβώς όπως το θέλουμε (χωρίς τόνο) */
.gtranslate_wrapper:not(.header-left .gtranslate_wrapper) a.glink[data-gt-lang="el"]::before {
    content: "ΕΛΛΗΝΙΚΑ"; 
    font-size: var(--s0);
    display: inline-block;
}

/* Ζωγραφίζουμε τη γραμμή στον κενό χώρο που περισσεύει */
.gtranslate_wrapper:not(.header-left .gtranslate_wrapper) a.glink[data-gt-lang="en"]::after {
    content: '';
    flex-grow: 1; /* Απλώνει τη γραμμή μέχρι το "Greek" */
    height: 0;
    border-top: 1px solid var(--black);
    margin: 0 6px;
    position: relative;
    top: -3px;
}

h2 {
	
    font-size: var(--s6);
    line-height: 0.8;

}

.site {
	    padding: 5rem var(--margin) var(--s2) var(--margin);
        padding-bottom: 0;
} 

/*seearch module*/
/* ==========================================
   ΑΝΑΖΗΤΗΣΗ MODAL & OVERLAY
========================================== */

/* --- Overlay --- */
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* background: rgba(0, 0, 0, 0.5); */
    z-index: 999998;
    opacity: 1;
    transition: opacity 0.3s ease;
    display: block;
}

.search-overlay.closed {
    opacity: 0;
    pointer-events: none;
}

/* --- Δομή του Modal (ΧΩΡΙΣ PADDING ΕΔΩ) --- */
.search-modal {
    position: fixed;
    top: 0;
    right: 0; 
    height: 100vh;
    width: 92%;
    background-color: var(--white);
    z-index: 999999;
    transform: translateX(0);
    transition: transform 1s cubic-bezier(0.16, 1.08, 0.38, 0.98);
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--light-grey);
}

/* ΕΔΩ ΕΙΝΑΙ Η ΚΛΑΣΗ ΠΟΥ ΕΛΕΙΠΕ ΚΑΙ ΕΜΕΝΕ ΜΟΝΙΜΑ ΑΝΟΙΧΤΟ! */
.search-modal.closed {
    transform: translateX(100%);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1)
}

/* --- Header & Close Button (ΤΟ PADDING ΜΠΗΚΕ ΕΔΩ) --- */
.search-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--header-spacing); 
}

.search-modal__title {
    font-size: var(--s5);
    font-weight: 320;
    letter-spacing: -0.05em;
    margin: 0;
}

/* ΕΔΩ ΕΙΝΑΙ Ο ΚΑΘΑΡΙΣΜΟΣ ΤΟΥ "Χ" ΠΟΥ ΕΛΕΙΠΕ! */
.search-modal__close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.search-modal__close svg {
    stroke: var(--black);
    stroke-width: 1.5;
}

svg.filter-btn {
    fill: white!important;
}

form.aws-search-form {
    height: auto!important;
}

.aws_result_title {
    color: var(--black)!important;
}

.search-modal-label {
    /* Βάλαμε διπλά εισαγωγικά γύρω από το SVG */
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='8' height='8' fill='%23FAE05A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    /* Το κάναμε πιο απλό και σίγουρο */
    background-position: left center; 
    padding-left: 2ch;
    font-weight: 320;
}

.aws_result_item span.woocommerce-Price-currencySymbol {
    font-size: var(--s-1)!important;
}

input.aws-search-field {
    background: transparent!important;
    border: 1px solid var(--black-medium)!important;
    width: 100%!important;
    padding: var(--s1)!important;
    font-size: var(--s1);
}

/* --- Tabs (Κόλπο για άκρη-άκρη γραμμή) --- */
.search-modal button.search-tab:hover:not(.search-modal button.active) {
    border-color: transparent;
}

input.aws-search-field:focus-visible, input.aws-search-field:focus {
    outline: 1px solid var(--black)!important;
    outline-offset: 2px!important;
}

input.aws-search-field:focus {
    border-color: #aaa!important;
    outline: 1px solid var(--black)!important;
    outline-offset: 2px!important;
}

.search-tabs {
    display: flex;
    border-bottom: 1px solid var(--grey); /* Μπήκε το --grey της παλέτας σου */
    padding: 0 var(--header-spacing); 
}

.search-tab {
    flex: 1;
    background: transparent;
    border: 1px solid transparent; 
    border-bottom: none; 
    margin-bottom: -1px; 
    padding: var(--s2) 0;
    font-size: var(--s0);
    font-weight: 320; /* Παραμένει μόνιμα λεπτό */
    text-transform: uppercase;
    letter-spacing: 0.02em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1ch;
    color: var(--black); /* Σταθερό χρώμα στα γράμματα */
    position: relative;
    z-index: 1;
}

/* Το Ενεργό (Active) Tab */
.search-tab.active {
    border: 1px solid var(--grey); /* Το --grey περίγραμμα */
    border-bottom: 1px solid var(--white); /* Σβήνει τη γραμμή από κάτω του */
    background-color: var(--white); 
    z-index: 2;
    /* Αφαιρέθηκε το font-weight: 420 για να μην παχαίνει ποτέ */
}

/* --- Δίνουμε ύψος στο Body για να λειτουργήσει το scroll μέσα στα tabs --- */
.search-modal__body {
    display: flex;
    flex-direction: column;
    flex: 1; /* Παίρνει όλο τον ελεύθερο χώρο του modal */
    overflow: hidden; /* Κρύβουμε το scroll από το γενικό modal */
}

/* --- Tab Contents (ΤΟ PADDING ΜΠΗΚΕ ΕΔΩ) --- */
.search-tab-content {
    display: none;
    flex: 1; 
    overflow-y: auto; /* Η μαγεία του scroll μπαίνει εδώ! */
    padding: var(--header-spacing);
    padding-bottom: 0; /* Το μηδενίζουμε κάτω για να πατήσει τέλεια το sticky footer */
}

.search-tab-content.active {
    display: block;
}

/* --- Τα "Sticky" Footers (Και το δικό μας και του WOOF) --- */
.search-tab-footer,
.search-tab-content .woof_submit_search_form_container {
    position: sticky;
    bottom: 0;
    background-color: var(--white);
    padding: var(--s3) 0 var(--header-spacing) 0; /* Χώρος πάνω από το κουμπί και κάτω */
    border-top: 1px solid var(--grey); /* Η γραμμή της φωτογραφίας σου */
    margin-top: var(--s4); /* Σπρώχνει το footer κάτω αν το περιεχόμενο είναι λίγο */
    z-index: 10;
}

.search-tab-footer {
    position: fixed;
    bottom: 0;
    width: calc(100% - var(--header-spacing) - var(--header-spacing));
}

/* Καθαρίζουμε το container του WOOF από τυχόν floats */
.search-tab-content .woof_submit_search_form_container {
    clear: both !important;
}

/* --- Ενοποίηση του Design στα 2 Κουμπιά --- */
.custom-aws-submit-btn,
.search-tab-content .woof_submit_search_form {
    width: 100%;
    display: block;
    padding:var(--s1) var(--s4) !important;
    background-color: var(--white) !important;
    color: var(--black) !important;
    border: 2px solid var(--black) !important;
    font-size: var(--s0) !important;
    font-weight: 420 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    background: linear-gradient(to left, white 50%, black 50%) right;
    background-size: 200%;
    transition: all var(--medium) ease var(--medium);
    border-radius: 0 !important;
    text-align: center !important;
    margin: 0 !important;
    word-spacing: 0.33em
}

/* Hover effect */
.custom-aws-submit-btn:hover,
.search-tab-content .woof_submit_search_form:hover {
    background-position: left!important;
	color: white!important;
}

.wp-block-column:not(#contact-after-map .wp-block-column) {
	flex-basis: auto!important;
	flex-grow: 0!important;
}

.link a, .product_tags .feature .link, .home .feature.wide .link:not(.home .feature.flip .link) {
    margin-top: var(--s6);
    display: inline-block;
    font-size: var(--s1); /* Ο sender το θέλει --s1 */
    font-weight: 320; /* ΝΕΟ ΠΑΧΟΣ */
    letter-spacing: -0.03em;
    line-height: 1.6;
    border: 1px solid black;
    padding: var(--s1) var(--s3); /* Αλλαγή padding βάσει sender */
    position: relative;
    background: linear-gradient(to left, white 50%, black 50%) right;
    background-size: 200%;
    transition: all var(--medium) ease var(--medium);
    cursor: pointer;
}

.link a:hover, .product_tags .feature .link:hover, .feature .link:hover {
	background-position: left!important;
	color: white;

}

.link a:hover span, .product_tags .feature .link:hover span, .feature .link:hover span {
    position: relative;
    z-index: 1;
}

nav.rank-math-breadcrumb {
    text-transform: uppercase;
}

.rank-math-breadcrumb p {
    color: #585858;
    margin-bottom: var(--s3);
    margin-top: 0;
    font-size: var(--s-1);
}


.rank-math-breadcrumb a {
    color: #585858;
    text-decoration: underline;
    font-size: var(--s-1);
}

.site-branding {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

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

header .header-right button.open-search {
    border: none;
    background-color: transparent;
    cursor: pointer;
    margin-right: 20px;
}

/* 1. Η Main Class (Για να συγχρονιστεί το χρώμα και να μην βγαίνει το μαύρο απ' έξω) */
.woocommerce-mini-cart__buttons a.button {
    position: relative;
    overflow: hidden; /* Κρατάει το animation μέσα στο κουμπί */
    z-index: 1;
    /* Εδώ είναι το μαγικό: Λέμε στο κείμενο και στο background να περιμένουν var(--medium) χρόνο! */
    transition: color var(--medium) ease var(--medium), background-color var(--medium) ease var(--medium); 
}

/* 2. Το μαύρο "γέμισμα" που περιμένει από πίσω */
.woocommerce-mini-cart__buttons a.button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black);
    transform-origin: left;
    transform: scaleX(0);
    transition: transform var(--medium) ease var(--medium); /* Το ίδιο ακριβώς delay! */
    z-index: -1; 
}

/* 3. Το γέμισμα στο Hover */
.woocommerce-mini-cart__buttons a.button:hover::after {
    transform: scaleX(1);
}

/* 4. Η αλλαγή στο κυρίως κουμπί στο Hover */
.woocommerce-mini-cart__buttons a.button:hover {
    background-color: transparent !important; 
    color: white !important; 
}

/* Το μαγικό τρικ για το <input> που δεν παίρνει ::after */
.submit-button input.button {
    background-color: white !important;
    color: var(--black) !important;
    
    /* Φτιάχνουμε ένα μαύρο "σεντόνι" από χρώμα... */
    background-image: linear-gradient(var(--black), var(--black)) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    
    /* ...αλλά του λέμε να έχει 0% πλάτος για να μην φαίνεται στην αρχή! */
    background-size: 0% 100% !important; 
    
    /* Το αγαπημένο σου delay σε color και background-size ταυτόχρονα */
    transition: background-size var(--medium) ease var(--medium), color var(--medium) ease var(--medium) !important;
}

/* Hover State */
.submit-button input.button:hover {
    background-size: 100% 100% !important; /* Το μαύρο απλώνεται στο 100% του πλάτους */
    color: white !important; /* Το κείμενο γίνεται λευκό */
}

 @media (min-width: 1600px) {
	.site {
	padding-top: 7.9rem;
}
}

 @media (max-width: 1599px) and (min-width: 1200px) {
	.site {
	padding-top: 6.3rem;
}
}

@media (max-width: 1199px) and (min-width: 600px) {
	.site {
	padding-top: 5.3rem;
}
}









/************Header****************/

.site-header {
    padding: 37px 3.5% 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
}

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}

.headroom--unpinned {
    transform: translateY(-100%);
}


.headroom--pinned {
    transform: translateY(0%);
}

.main-navigation {
	display: block;
	width: 100%;
    position: relative;
    top: 8px;
    
}

.header-left {
    position: relative;
}

.header-left p {
    margin-top: 7px;
    margin-bottom: 0;
}


.bar {
    position: absolute;
    display: block!important;
    height: 2px;
    background-color: var(--black);
    transform-origin: center;
    transition: all 160ms ease-in-out;
}

.header-left button.menu-toggle:hover .bar {
    width: 100%!important;
}

.bar:nth-child(1) {
	width: 100%;
    top: 0%;
	
}


.bar:nth-child(2) {
	width: 70%;
    top: 50%;
	
}

.bar:nth-child(3) {
	width: 90%;
	top: 100%;
}

button.menu-toggle {
	background: transparent;
	border: none;
	padding: 0.4em 0em 0.4em !important;
    width: 38px;
    position: relative;
    display: block !important;
    height: 18px;
    cursor: pointer;
}

/* button.menu-toggle.close {
	left: -5px;
} */

.close .bar:nth-of-type(1) {
	transform: translateY(9px) rotate(45deg);
}

.close .bar:nth-of-type(2) {
	    opacity: 0;
}

.close .bar:nth-of-type(3) {
	transform: translateY(-9px) rotate(-45deg);
    width: 101%!important;
}




.hide {
	display: none !important;
}

.logo-hide {
	opacity: 0;
	pointer-events: none;
}

.index-change {
	position: relative;
	z-index: 10001;
}


.site-branding .site-title, .site-branding .site-description {
    display: none;
}


@media (min-width: 1400px) {
    .site-branding .custom-logo-link img {
        width: 92px!important;
    }
}

.site-branding .custom-logo-link img {
    width: 76px;
    
    
}

.site-branding {
    transition: opacity 150ms ease-in-out;
    will-change: opacity;
    
}

.icon > * {
    stroke: black;
    stroke-width: 2;
}

/******minicart*******/

.header-cart {
/*     color: transparent; */
    position: relative;
}

.cartminii .minicart-count {
	font-size: var(--s-1);
	font-weight: 500;
	position: absolute;
	top: -12px;
	right: -10px;
	    color: var(--black);
}

.cartminii .woocommerce-Price-amount {
	display: none;
}

/*
.cartmenu {
	position: fixed;
	height: 100%;
	width: 100%;
	float: none;
	background-color: #ffffff;
	color: #000000;
	top: 0;
	right: -1700px;
	padding-top: 60px;
	padding-bottom: 60px;
	z-index: 99999;
 	/* color: #ffffff; 
	font-size: 9px;
	overflow-x: hidden;
	border-left: 1px solid #000;
	padding: 35px;
    transition: all 1s cubic-bezier(0.16, 1.08, 0.38, 0.98);
}
*/


.men.closed {
	transform: translateX(100%);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.cartmenu {
    width: 92%;
/*     height: 100vh; */
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000000;
    background: white;
    border-left: 1px solid var(--light-grey);
    padding: var(--s1);
    transition: transform 1s cubic-bezier(0.16, 1.08, 0.38, 0.98);
}

.cartmenu .empt {
	text-align: center;
}


.mini-cart-title {
	 letter-spacing: -0.03em;
	 margin-top: 10px;
	 margin-bottom: var(--s6);
	 font-size: var(--s6);
}




.cartmenu svg {
    stroke: black;
    stroke-width: 2;
}

.mini-cart-title-containter {
	
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: baseline;

}


.full.burger-menu {
	display: none;
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 100%;
	bottom: 0;
	z-index: 105;
	height: auto;
/* 	background-color: rgba(176, 190, 202, 0.6); */
}


.tm-cart-edit-options {
	display: none;
}


span:hover.full.burger-menu:after {
	background-color: #ffffff;
	cursor: pointer;
 }
 
 
.cartmenu form{
	display: contents;
}

.woocommerce-mini-cart.cart_list {
    overflow-y: auto;
    
}

 
.woocommerce-mini-cart.cart_list .t4 {
	margin-top: 0;
    font-size: var(--s4);
    line-height: 0.9;
    letter-spacing: -0.02em;
	margin-bottom: 0;
	font-weight: 320!important;
}
 
.woocommerce-mini-cart-item {
    --max-photo-size: 80px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: var(--s0);
    padding: var(--s-4)!important;
    
}

.woocommerce-mini-cart-item .title {
    grid-column: span 2;
    align-self: center;
}

.woocommerce-mini-cart-item .photo {
    justify-self: end;
    align-self: start;
    max-width: var(--max-photo-size);
    height: var(--size);
    margin-top: 0;
}

.woocommerce-mini-cart-item .photo img {
	display: block;
    max-width: 100%;
    height: var(--max-photo-size)!important;
    float: none!important;
    margin-left: 0!important;
    width: var(--max-photo-size)!important;
    object-fit:cover;
}

.woocommerce-mini-cart-item > * + * {
    margin-top: var(--s-4);
}

.woocommerce-mini-cart-item .attributes {
    grid-column: span 2;
    grid-column: 1 / -1;
}

.woocommerce-mini-cart-item .atts {
	margin-bottom: -3px!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
    clear: left;
}

.woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd {
    padding: 0!important;
}

.woocommerce-mini-cart-item .attributes span + span {
    margin-left: 0.5ch;
}

.woocommerce-mini-cart-item dl {
	padding-left: 0!important;
    border-left: none!important;
    margin: 0;
}

.woocommerce-mini-cart-item dl dt {
	font-weight: 300!important;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    padding-bottom: 0!important;
    
}

.woocommerce-mini-cart-item dl dt, .woocommerce-mini-cart-item dl dd {
	/* float: none!important; */
	display: inline-block;
	
}

.woocommerce-mini-cart-item dl dd, .woocommerce-mini-cart-item dl dd p {
	margin: 0!important;
}


.woocommerce-mini-cart-item .quantity {
    max-width: 7rem;
    grid-column: span 2;
}

.woocommerce-mini-cart-item .quantity p {
	margin: 0!important;
}

.woocommerce-mini-cart-item .quantity .number {
    padding: var(--s-2) var(--s-1);
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--black-medium);
}

.woocommerce-mini-cart-item .quantity .number button {
    -webkit-appearance: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    position: relative;
    border: none;
    background-color: transparent;
    padding: 0;
}

.woocommerce-mini-cart-item .quantity .number input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.woocommerce-mini-cart-item .quantity .number input {
    pointer-events: none;
    text-align: center;
    -webkit-appearance: none;
    width: 50%;
    margin: 0;
    padding: 0;

    padding-left: var(--s-4);
    padding-right: var(--s-4);

    font-size: var(--s0);
    border: none;
}

.woocommerce-mini-cart-item .quantity .number button svg {
	stroke-width: 1;
	stroke: black;
}

.woocommerce-mini-cart-item .price {
    text-align: right;
    grid-column: 3;
    align-self: center;
    margin-top: var(--s0);
    line-height: 0.6;
}

.woocommerce-mini-cart-item .price bdi {
	font-size: var(--s4);
	display: block;
}

.cartmenu ul.product_list_widget li::before {
	display: none!important;
}

.woocommerce-mini-cart-item .remove {
    font-size: var(--s1)!important;
    line-height: 0.75!important;
    grid-column: 1;
    justify-self: start;
    width: auto!important;
    border: none!important;
    color: red;
    font-weight: 320!important;
}

body .woocommerce-mini-cart-item .remove:hover {
	background-color: transparent;
	color: red!important;
}

body .woocommerce-mini-cart-item .remove:focus {
	outline: none;
}
.mini-cart-summary {
    margin-top: auto;
    border-top: 1px solid var(--black-medium);
}

.mini-cart-summary p.body-small {
    text-align: right;
}

.mini-cart-summary input[name="update_cart"] {
	cursor: pointer;
}

.mini-cart-summary .woocommerce-mini-cart__total{
    margin: 0;
    padding: var(--s0) 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.mini-cart-summary .woocommerce-mini-cart__total strong, .mini-cart-summary .woocommerce-mini-cart__total bdi{
    font-size: var(--s4);
    line-height: 0.9;
    letter-spacing: -0.02em;
    font-weight: 320!important;
}

.woocommerce-Price-currencySymbol {
	
    
    font-size: 0.8em;
    vertical-align: top;
    margin-left: 4px;

}

.cart-buttons {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: baseline;
}

.cart-buttons .button {
	background-color: white!important;
    border: 2px solid black!important;
    border-radius: 0!important;
    padding: var(--s1) var(--s4)!important;
    text-align: center;
    text-transform: uppercase;
    font-size: var(--s0)!important;
    /**font-weight: bold!important;**/
    font-weight: 420!important;
    word-spacing: 0.33em;
}

.woocommerce-mini-cart__buttons {
	display: flex;
    column-gap: 9px;
    row-gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.woocommerce-mini-cart {
	padding-left: 0;
}

.MuiBox-root{
    align-self: center!important;
}

.footertop .MuiScopedCssBaseline-root {
    width: 100%;
    margin-top: var(--s-1);
}

.footertop .MuiScopedCssBaseline-root input {
    outline: 0!important;
}

.footertop .wp-block-columns {
    margin-bottom: 0;
}

.footermiddle {
    margin-top: var(--s9);
}

.footertop .MuiButton-root {
    border: 1px solid black !important;
    border-radius: 0 !important;
    padding: var(--s0) var(--s3) !important;
}


@media (max-width: 824px) {
	#wpadminbar {
        display: none!important;
    }
	
	.site-header {
    padding: var(--s1);
    background-color: #fff;
	}

}
 
 @media (min-width: 1200px) {
	.cartmenu, .search-modal {
	    width: 46%;
	}

    .search-modal {
	    width: 49.12%;
	}
	
	.full.burger-menu {
		right: 50%;
	}

    button.menu-toggle.close {
        top: 2px;
    }

    .header-left button.menu-toggle.close + p {
        margin-top: 9px;
    }

    .header-left .gtranslate_wrapper { display: none !important; }

    #right-side-menu .gtranslate_wrapper { display: flex !important; }
    #right-side-menu a.glink[data-gt-lang="en"] { top: 4px; position: relative; }
    #right-side-menu a.glink[data-gt-lang="el"] { top: 3px; position: relative; }

    /* #right-side-menu .wpml-ls-statics-shortcode_actions {
        display: flex!important;
    }

    #right-side-menu .wpml-ls-item-en a.wpml-ls-link {
        top: 4px;
        position: relative;
    }

    #right-side-menu .wpml-ls-item-el a.wpml-ls-link {
        top: -1px;
        position: relative;
    } */
}

@media (max-width: 1199px) and (min-width: 920px) {
	.cartmenu, .search-modal {
	    width: 70%;
	}
	
	.full.burger-menu {
			right: 70%;
		}
}

@media (min-width: 560px) {
	.cartmenu {
    padding: var(--s4);
}

.woocommerce-mini-cart-item {
    --max-photo-size: 140px;
    grid-template-columns: var(--max-photo-size) 1fr 1fr;
    grid-column-gap: var(--s2);
    grid-row-gap: var(--s0);
}

.woocommerce-mini-cart-item .title {
    grid-column: 2 / span 2;
    align-self: center;
    grid-row: 1;
}

.woocommerce-mini-cart-item .photo {
    grid-column: 1;
    grid-row: 1 / span 3;
    justify-self: start;
}

/*
.woocommerce-mini-cart-item .photo img {
	height: 140px!important;
	object-fit: contain;
}
*/

.woocommerce-mini-cart-item > * + * {
    margin-top: 0;
}

.woocommerce-mini-cart-item .attributes {
    grid-column: 2 / span 2;
    grid-row: 2 / span 2;
}

.woocommerce-mini-cart-item .quantity {
    grid-column: 4;
    align-self: start;
}

.woocommerce-mini-cart-item .price {
    grid-column: 4;
    grid-row: 1;
    margin-top: 0;
}

.woocommerce-mini-cart-item .remove {
    grid-column: 4;
    grid-row: 3;
    align-self: start;
    justify-self: end;
    padding: 4px 0;
}

}

@media (max-width: 550px) {
	.cart-buttons .button, .submit-button, .woocommerce-mini-cart__buttons {
		width: 100%;
	}

    .search-modal {
        height: 100dvh;
    }
	
	
	 
}

/**********custom-menu************/

.custom-menu > .is-layout-flex.visible {
    pointer-events: all;
    opacity: 1;
}

.site-header:has(.menu-toggle.close) .open-search {
    display: none !important;
}

.custom-menu > .is-layout-flex {
	justify-content: space-between;
	gap: 0!important;
	    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10000;
    width: 100%;
    min-height: 100vh;
    background: white;
    opacity: 0;
    transition: opacity 150ms ease-in-out;
    will-change: opacity;
    overflow: hidden;
    pointer-events: none; 
}





.custom-menu .nav-main {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--s5);
	padding-left: calc(var(--s6) + var(--s2));
	
    overflow-x: hidden;
    overflow-y: auto;
}

.custom-menu #menu-secondary-menu li {
	list-style: none!important;
    margin-bottom: var(--s0);
}

.nav-image figure{
	margin-top: 0;
}

.nav-image img{
    display: none;
    padding: var(--s5) var(--s0);
    min-width: 574.08px;
}

.custom-menu .widget_nav_menu:first-child {
    grid-column: 1 / span 2;
}

.custom-menu .widget_nav_menu:nth-child(2) li {
    margin-bottom: var(--s0);
}

.custom-menu .widget_nav_menu:nth-child(2) {
    grid-column: 1 / -1;
/*     margin-top: var(--s2); */
}

.custom-menu a {
	    color: var(--black);
	text-decoration: none;
}

.custom-menu a, .custom-menu h2 {
	font-weight: 300;
}

/** .custom-menu .widget_nav_menu:first-child a {
	font-size: 3.65em;
	letter-spacing: -0.8px;
} **/

.custom-menu ul {
	margin-left: 0;
	padding-left: 0;
    

}

.custom-menu #menu-secondary-menu {
	margin-top: -60px;
}

.custom-menu h2 {
	font-size: 1em;
	margin: 0;
	margin-bottom: var(--s2);

}

.custom-menu .widget_nav_menu:nth-child(3) li, .custom-menu > .is-layout-flex .is-layout-flex.wp-block-columns p {
    margin-bottom: var(--s0)!important;
}

.custom-menu .widget_nav_menu:nth-child(3) a, .custom-menu > .is-layout-flex .is-layout-flex.wp-block-columns a {
	font-size: var(--s0);
    font-weight: 320;
	
}

.custom-menu .widget_nav_menu:nth-child(3) p, .custom-menu > .is-layout-flex .is-layout-flex.wp-block-columns p {
	margin: 0;
}

.custom-menu .widget_nav_menu:first-child, .custom-menu .widget_nav_menu:nth-child(2) {
	margin-bottom: 0;
}

.custom-menu .widget_nav_menu:nth-child(3) ul li:not(.custom-menu .widget_nav_menu:nth-child(3) ul li:first-child):not(.custom-menu .widget_nav_menu:nth-child(3) ul li:nth-of-type(2)):not(.custom-menu .widget_nav_menu:nth-child(3) ul li:nth-of-type(3)) {
	display: none;
}

/* .wpml-ls-statics-shortcode_actions a {
    font-size: 0.95rem;
} */





@media (min-width: 1200px) {
.custom-menu .nav-main {
    grid-template-columns: 1fr 1fr minmax(20ch, 1fr);
    grid-template-rows: 2fr 3fr 1.5fr;
    grid-column-gap: 25px;
    grid-row-gap: 36px;
    padding-top: 0;
    
}

.custom-menu .widget_nav_menu:first-child {
    align-self: center;
}

.custom-menu .widget_nav_menu:nth-child(2) {
    grid-column: 3 / span 2;
    grid-row: 2;
}

.custom-menu .widget_nav_menu:nth-child(3), .custom-menu > .is-layout-flex .is-layout-flex.wp-block-columns {
    display: block;
    grid-row: 3;
    align-self: start;
}

/* #custom-menu .wpml-ls-statics-shortcode_actions {
    display: none;
}

.header-left .wpml-ls-statics-shortcode_actions {
    display: none!important;
} */

}

@media (max-width: 1199px) and (min-width: 500px) {
	.custom-menu .widget_nav_menu:nth-child(2) {
    grid-column: span 1;
    grid-row: 3;
}

.custom-menu .nav-main {
	grid-template-columns: 1fr;
	grid-gap: 30px;
    grid-template-rows: 1fr 3fr 2fr 1fr;
}



}



@media (min-width: 500px) {
	div#custom-menu div.wp-block-column.nav-main {
    
    display: grid;
    align-items: center;
    flex: 1 0 auto!important;
    flex-grow: 1!important;

}

/* #custom-menu .wpml-ls-statics-shortcode_actions {
    grid-row: 4;
} */

.custom-menu ul li {
	transition: transform 300ms ease-in-out;
}

.custom-menu:nth-of-type(1) ul#menu-secondary-menu li:hover {
	transform: translateX(.5ch);
}

}

@media (max-width: 1199px) {
	.custom-menu .widget_nav_menu:nth-child(3), .custom-menu > .is-layout-flex .is-layout-flex.wp-block-columns {
		display: none;
	}
	
	.custom-menu .widget_nav_menu:nth-child(2) ul {
		    column-count: 2;
			width: 32ch;
	}
	
	#menu-secondary-menu li {
		    margin-bottom: -8px;
	}

    /* Κρύβουμε την ενεργή γλώσσα στο mobile header */
    .header-left .gtranslate_wrapper a.gt-current-lang { 
        display: none !important; 
    }
    
    .header-left .gtranslate_wrapper {
        position: absolute;
        right: -64px;
        top: 30%;
        /* Δίνουμε ένα σταθερό πλάτος/ύψος για να λειτουργήσει το απόλυτο κεντράρισμα */
        width: 30px; 
        height: 20px;
    }

    /* Βάζουμε απόλυτη θέση στα links ώστε να "πατάνε" ακριβώς στο ίδιο pixel! */
    .header-left .gtranslate_wrapper a.glink {
        position: absolute !important;
        top: 0;
        left: 0;
        font-size: 0; 
        line-height: 0;
    }
    
    .header-left .gtranslate_wrapper a.glink::before {
        font-size: 0.95rem;
        font-weight: 300 !important;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        line-height: normal;
        display: inline-block;
    }

    /* Βάζουμε τα αρχικά */
    .header-left .gtranslate_wrapper a.glink[data-gt-lang="en"]::before { content: "EN"; }
    .header-left .gtranslate_wrapper a.glink[data-gt-lang="el"]::before { content: "EL"; }

    
    /* .header-left .wpml-ls-current-language {
        display: none !important;
    }

    .header-left .wpml-ls-statics-shortcode_actions {
        position: absolute;
        right: -64px;
        top: 30%;
    }

    
    .header-left .wpml-ls-statics-shortcode_actions ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .header-left .wpml-ls-link {
        text-decoration: none;
        color: inherit;
        display: inline-block;
    }

    
    .header-left .wpml-ls-native {
        font-size: 0;
        line-height: 0;
    }

    
    .header-left .wpml-ls-native::before {
        font-size: 0.95rem;
        font-weight: 300 !important;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        line-height: normal; 
        display: inline-block;
    }

    .header-left .wpml-ls-statics-shortcode_actions ul li:nth-of-type(1):after {
        display: none!important;
    }

    
    .header-left .wpml-ls-item-en .wpml-ls-native::before {
        content: "EN";
    }

    .header-left .wpml-ls-item-el .wpml-ls-native::before {
        content: "EL";
    } */
}

.custom-menu .widget_nav_menu:first-child {
    grid-row: 2;
}

.custom-menu .widget_nav_menu:nth-child(2) {
    align-self: start;
}

.nav-image {
	max-width: 644px;
    flex-basis: auto!important;
    flex-grow: 0!important;
}

.nav-image img{
    display: block;
    object-fit: cover;
    width: auto;
    height: 100vh;
    width: 100%;
}




@media (max-width: 1599px) and (min-width: 825px) {
	
	
	/** .custom-menu .widget_nav_menu:first-child a {
		font-size: 2.97em;
	} **/
	


/*
	.custom-menu .widget_nav_menu:nth-child(2) a {
		font-size: 1.73em;
	}
*/
	
	
}





@media (max-width: 824px) {
	


/*
	.custom-menu .widget_nav_menu:nth-child(2) a {
		font-size: 1.55em;
	}
	
	.custom-menu .widget_nav_menu:nth-child(3) a, .custom-menu > .is-layout-flex .is-layout-flex.wp-block-columns a {
		font-size: 1.455em;
		
	}
*/

	

	/* .custom-menu .widget_nav_menu:first-child a {
	font-size: 2.4em;
	} */
	

	

}


@media (max-width: 781px) {
	

	.nav-image {
		display: none;
	}
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 90%!important;
}
	

}


@media (max-width: 499px) {
    /* .header-left .wpml-ls-item-en .wpml-ls-native::before {
        left: -15px;
        position: relative;
    } */

    

	.custom-menu .nav-main {
    padding: var(--s5);
    padding-top: calc(var(--s8) + var(--s2));
    padding-left: calc(var(--s5) + var(--s1));
        max-height: 80vh;
}

.custom-menu #menu-secondary-menu {
    margin-top: 26px;
}

/* #custom-menu .wpml-ls-statics-shortcode_actions {
	align-self: auto!important;
}

#custom-menu .wpml-ls-statics-shortcode_actions ul li:nth-of-type(2) .wpml-ls-link {
	min-width: 64.03px!important;
} */

.footertop  > .is-layout-flex {
	max-width: 94%;
}


}

/********Left-side-menu********/
#left-side-menu > div {
    display: none;
    position: fixed;
    top: 0;
    height: 100vh;
    left: 3.5%;
    align-items: center;
    max-width: 200px;
    z-index: 99;
      
}

#left-side-menu > div ul li {
    margin-bottom: var(--s-1);
	/* max-width: fit-content; */
    max-width: 12ch;
}

ul#menu-capitalized-main-menu {
	margin: 0!important;
}



#left-side-menu > div ul li a {
	position: relative;
}

#left-side-menu > div ul li a::after {
    content: '';
    display: inline;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: black;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 300ms cubic-bezier(0.09, 0.58, 0.34, 0.94);
}

#left-side-menu > div ul li a:hover::after {
    transform: scaleX(1);
}

#left-side-menu > div ul {
    font-size: 0.95rem; /* Βάλε το ίδιο unit με τον designer (0.95rem = 15.2px) */
    text-transform: uppercase;
    letter-spacing: 0.02em; /* Το κάναμε 0.02 όπως ο designer */
    list-style: none;
    position: relative;
    top: 60px;
}


/*********Right-side-menu********/
.gtranslate_wrapper:not(#custom-menu .gtranslate_wrapper):not(header .header-left .gtranslate_wrapper) {
    display: none; 
    justify-content: space-between; 
    align-items: center; 
    position: fixed; 
    z-index: 900; 
    top: 50vh; /* Κεντράρισμα λόγω του ότι δεν υπάρχει πια 100vh outer wrapper */
    right: 3.5%; 
    width: 30vh; 
    max-width: 320px; 
    transform-origin: center right; 
    transform: translateY(-50%) rotateZ(90deg) translateX(50%);
    pointer-events: auto;
}

/* .wpml-ls-statics-shortcode_actions:not(#custom-menu .wpml-ls-statics-shortcode_actions):not(header .header-left .wpml-ls-statics-shortcode_actions) {
    display: none;
    align-items: center;
    position: fixed;
    z-index: 900;
    top: 0;
    height: 100vh;
    right: 3.5%;
    width: 17px;
    pointer-events: none;
}

	#custom-menu .wpml-ls-statics-shortcode_actions  {
    align-self: baseline;
    grid-column: 1 / -1;
    margin-top: -10.96px;
}



.wpml-ls-statics-shortcode_actions ul:not(#custom-menu .wpml-ls-statics-shortcode_actions ul):not(header .header-left .wpml-ls-statics-shortcode_actions ul){
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform-origin: top right;
    transform: rotateZ(90deg) translateX(50%);
    width: 30vh;
    max-width: 320px;
    position: absolute;
    pointer-events: auto;
    margin-top: -4px;
}

#custom-menu .wpml-ls-statics-shortcode_actions ul {
	right: 0;
    display: flex;
    align-items: center;
    pointer-events: auto;
    margin-top: -4px;
}

.wpml-ls-statics-shortcode_actions ul li:nth-of-type(1) {
	justify-content: space-between;
    width: 100%;
    display: flex;
}

.wpml-ls-statics-shortcode_actions ul li.wpml-ls-first-item .wpml-ls-native {
	position: relative;
    top: -2.1px;
}

#custom-menu .wpml-ls-statics-shortcode_actions ul li:nth-of-type(1) {
	justify-content: space-between;
    width: 79%;
    display: flex;
}

.wpml-ls-statics-shortcode_actions ul li:nth-of-type(1):after {
	  content:'';
	  height: 0.5em;
	  border-top: 1px solid black;
	  z-index: -1;
	  width: 100%;
      margin: 6px;
      position: relative;
      top: 1px;

}

#custom-menu .wpml-ls-statics-shortcode_actions ul li:nth-of-type(1):after {
	margin-left: 0px;
}

#custom-menu .wpml-ls-statics-shortcode_actions ul li:nth-of-type(1) .wpml-ls-link {
	min-width: 82px;
}

.wpml-ls-link {
    font-size: var(--s0);
    text-transform: uppercase;
    letter-spacing: 0.01em;
    padding: 0!important;
    font-weight: 320!important;
} */




@media (min-width: 1160px) {
	#left-side-menu > div {
    display: flex;
}
}

@media (min-width: 1160px) {
    .gtranslate_wrapper:not(#custom-menu .gtranslate_wrapper):not(header .header-left .gtranslate_wrapper) {
        display: flex;
    }
}



/******Espa*****/
.e-lianiko {
    display: none;
}

/*********Main**********/

main {
	    margin: 0 auto;
}



/*
main:before {
    content: "";
    display: block;
    height: var(--s2);
    margin-top: calc(var(--main-padding-top) * -1px);
    pointer-events: none;
    visibility: hidden;
}
*/


@media (min-width: 600px) {
main {

    margin: 0 10vw; /*changed to margin*/

}
}

/**********Footer*************/
footer {
    margin: 0 auto;
    max-width: 900px;
    margin-bottom: 0;
}

footer .section, footer section {
    flex: 1 1 auto;
}

.footertop  {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 600px;
    margin: var(--s0) auto;
    margin-top: var(--spacing-big);
    margin-bottom: 0;
}

footer .lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--s6);
    margin: var(--s8) auto;
}

footer ul {
	margin-left: 0;
	padding-left: 0;
}

.lists li {
	list-style: none;
	margin-bottom: var(--s0);
}

.lists p {
	margin-bottom: var(--s0);
	margin-top: 0;
    font-size: var(--s0);
    font-weight: 320!important;
}

.newsletter h2 {
	margin-bottom: 16px;
	margin-top: 0!important;
}

.newsletter .line {
    height: 10vh;
    width: 1px;
    margin: auto;
    display: block;
}

.newsletter p {
    max-width: 30ch;
    text-align: center;
    /** font-size: var(--s4); 
    line-height: 0.9;
    letter-spacing: -0.02em; **/
    margin-top: 16px;
    margin-bottom: 0!important;
}

.newsletter .wpcf7-list-item-label a {
	text-decoration: underline;
}

footer .validate {
    width: 100%;
    margin-top: var(--s2);
    position: relative;
}

.validate .wpcf7-list-item {
	display: inline-block;
	align-self: flex-start;
    margin-bottom: var(--s-2);
    font-size: var(--s-2);
    margin-left: 0;
    width: 100%;
    margin-bottom: 34px!important;
}

.newsletter .wpcf7-form-control-wrap input[type="email"]{
	z-index: 1;
	position: relative;
    top: -26px;
    padding-right: 0;
    max-width: 93%;
}

.newsletter input[type="email"]:focus {
    background: white;
    
}

.newsletter .mail {
	position: relative;
}

.validate .wpcf7-form-control-wrap + p {
	display: none;
}

.mail .wpcf7-submit {
	border: 0;
    background: transparent;
    position: absolute;
    top: 3px;
    transform: translateY(-50%);
    right: 2px;
    border-left: 1px solid rgba(16, 16, 16, 0.3);
    padding: var(--s-4) var(--s3);
    z-index: 2;
    font-size: var(--s0);
    text-transform: uppercase;
    letter-spacing: 0.01em;
    color: rgba(16, 16, 16, 0.3);
    padding-right: var(--s5);
    font-weight: 320!important;
}

.wpcf7 form .wpcf7-response-output {
	display: none;
}

.newsletter .wpcf7-not-valid-tip {
	position: absolute;
    width: max-content;
}

.footermiddle .is-layout-flex {
	margin-top: 0;
}

.footermiddle .is-layout-flex p a, #menu-plirofories-1 a {
    font-size: var(--s0);
    font-weight: 320!important;
}



.footerbottom p {
	margin: 0;
    font-size: var(--s0);
    font-weight: 310;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

footer h2.small-upper {
    margin-bottom: var(--s1);
}

@media (min-width: 800px) {
	footer .section, footer section {
        flex: 0 1 auto;
}
}

@media (max-width: 781px) {
	.footermiddle .is-layout-flex {
	text-align: center;
}

footer .lists {
	justify-content: center;
}

.footertop  > .is-layout-flex {
	display: block;
}
}

/*****Woocommerce global******/
.woocommerce nav.woocommerce-pagination ul {
	border: none!important;
}

.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a  {
	background: transparent;
	font-size: var(--s2)!important;
	padding: 0.1em;
	font-weight: 320!important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	color: #585858!important;
}

.woocommerce nav.woocommerce-pagination ul li {
	border-right: none;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
	background: transparent;
}

@media screen and (max-width: 599px) {
    .search-tabs svg {
        display: none!important;
    }

    .search-tab {
        font-size: var(--s-1);
    }
}