/*
Theme Name: ampelos
Theme URI: https://www.ink.gr
Description:  ampelos 
Author: INK Design - What the f*** is branding
Author URI: https://www.ink.gr
Version: 1.0
*/

/*------------------------------------*\
	GENERAL
\*------------------------------------*/


b, strong {
    font-weight: bold;
}
*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering:optimizeLegibility;
}
html {
	-webkit-tap-highlight-color: transparent;
}
body {
	background-color: #ffffff;
}
button:focus {
    outline: none;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
input[type="text"],
input[type="search"] {
	font-size: inherit;
	line-height: inherit;
}
::-moz-selection {
	background-color: #c2c2c2;
}
::selection {
	background-color: #c2c2c2;
}
body {
    overflow-x:hidden;
}

.grid-container {
    max-width: 90%;
}

.wp-block-button__link {
    background-color: transparent;
    border: 1px solid;
    border-radius: 0;
}
.center {
    text-align: center;
}

button:focus {
    outline: none;
}
article.type-product {
    padding-top: 15vh;
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
body, p {
	line-height: 1.2;
	font-size:16px;
	line-height:25px;
}
a, a:focus {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
::-moz-selection, ::selection {
	text-shadow: none;
}
.uppercase {text-transform: uppercase;}

.off-canvas-nav > li > a, 
.top-bar-left-menu a, 
.top-bar-right-menu a,
.wp-block-button__link{
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

/*@font-face {*/
/*  font-family: 'commons-light';*/
/*  src: url('assets/fonts/tt-commons-pro-light.woff2') format('woff2');*/
/*  font-style: normal;*/
/*}*/

/*@font-face {*/
/*  font-family: 'com-lght';*/
/*  src: url('assets/fonts/tt-commons-pro-light-two.woff2') format('woff2');*/
/*  font-style: normal;*/
/*}*/
/*------------------------------------*\
	TYPOGRAPHY COLORS
\*------------------------------------*/
body,a{
	color:#7E2C2C;
}

p{
	color:#777777;
}
::-moz-selection, ::selection {
	color: #FFFFFF;
}
.white{
	color: #FFFFFF;
}
a:focus, a:hover{
	color: inherit;
}
body {
    font-weight:400;
}

.border-radius {
    border-radius: 20px;
}
.theme-color, .theme-color *{
    color:#7E2C2C;
}
/*------------------------------------*\
	TYPOGRAPHY FONTS
\*------------------------------------*/
 h1, h2, h3, h4, h5, h6, div {
	  font-family: 'Source Serif 4', serif;
}
body, .contact-data-info a, .contact-data-info * ,
.acf-sticky-video-content__shortcode--form input, 
.acf-sticky-video-content__shortcode--form textarea,
.off-canvas-nav > li > a,.wpml-ls-legacy-dropdown a span,
.acf-testimonial-image-slider__slide p,
ul.submenu.menu.is-accordion-submenu a{
  /*font-family: tt-commons-pro-thin, sans-serif;*/
  /*font-family: 'com-lght' , serif;*/
  font-family: "tt-commons-pro", sans-serif;
font-weight: 200;
font-style: normal;
  /*font-weight: 300;*/
  /*-webkit-font-smoothing: antialiased;*/
  /*-moz-osx-font-smoothing: grayscale;*/
  /*letter-spacing: 1px;*/
}

.wpml-ls-legacy-dropdown a span {
    text-transform: uppercase;
}

.acf-testimonial-image-slider__slide p {
    font-style: italic;
}
.acf-testimonial-image-slider__slide .acf-testimonial-image-slider__author p{
	font-style: normal;
	font-size: 18px;
}
.h1, h1 {
    font-size: 3.75rem;
    line-height: 4.375rem;
}

h2{
	text-align: center;
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: 70px;
}

.slide-desc.keg h2 {
    font-size: 60px;
}

h4.wp-block-heading {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; 
    letter-spacing: 0;
}

p, a, a span, .acf-latest-products-slider__price.theme-color span.woocommerce-Price-amount.amount, p.acf-latest-products-slider__category, span.pcat-grid__button, span, a.keg.wp-block-button__link, .acf-testimonial-image-slider__slide .acf-testimonial-image-slider__author p, .amp-product__related-cat, p.amp-product__related-name, .amp-product__related-price{
    font-family: tt-commons-pro, sans-serif;
    font-style: normal;	
}

span.pcat-grid__button{
	font-size: 16px;
}

h3.acf-latest-products-slider__product-title.theme-color, p.amp-product__related-name {
    font-size: 22px;
}

p.acf-latest-products-slider__category, .amp-product__related-cat{
	font-size:14px;
	font-variation-settings: "wght" 350;
	margin-bottom: 0;
}
.acf-latest-products-slider__price.theme-color span.woocommerce-Price-amount.amount, .amp-product__related-price{
	font-weight: bold;
	font-size:18px;
}
.shop-filter__select,
footer.footer a{
	line-height: normal;
	/*font-family: tt-commons-pro-thin, sans-serif;*/
	/*font-weight: 100;*/
	/*font-style: normal;*/
	letter-spacing: 0.5px;
	/*font-family: "tt-commons-pro", sans-serif;*/
	/*font-weight: 200!important;*/
	/*font-style: normal;*/
	  font-family: "tt-commons-pro", sans-serif;
    font-weight: 200;
    font-style: normal;
}
/*------------------------------------*\
	SPACING
\*------------------------------------*/

.margin-general{
    margin:150px 0;
}
.margin-general-bottom{
    margin-bottom:150px;
}
.padding-top-general {
    padding-top: 20vh;
    padding-bottom: 10vh;
}
/*------------------------------------*\
	SLIDER
\*------------------------------------*/  
video.home-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    z-index: -1;
}
.slideLayer {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: -50px;
}

.slider-list-item:before {
    content: '';
    background: rgba(0, 0, 0, 0.30);
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}
.slider-list-item .mutevideo {
    display: none;
}
.slideLayer * {
    color: #FFF;

}
.slideLayer h1, .slideLayer h2, .slideLayer h3, .slideLayer h4, .slideLayer h5, .slideLayer h6 {
    color: #FFF;

}

.slide-href {
    margin-top:30px;
}
.slide-href a {
    color:white!important;
}


.thumbnail-of-port-top.slider-list {
    position: relative;
}

.thumbnail-of-port-top.slider-list ul.slick-dots {
    bottom: 140px;
}


.thumbnail-of-port-top.slider-list .slick-dots button:before {
    color: transparent!important;
    border: 1px solid white;
    border-radius: 50%;
    width: 10px;
    opacity:1;
    height: 10px;
    background: transparent;
}

.thumbnail-of-port-top.slider-list .slick-dots li.slick-active button:before {
    background: white;
}

.thumbnail-of-port-top.slider-list .slick-dots li button {
    width: 10px;
    height: 10px;
}



.iframeSlider.iframeVideo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    width: 300%;
    left: -100%;
    background-size: 100vw auto !important;
}

.iframeSlider.iframeVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.thumbnail-of-port-top.slider-list.slider-with-iframe {
    margin-top: -125px;
}

.thumbnail-of-port-top.slider-list > .slider-list-item {
    display: none;
}

.thumbnail-of-port-top.slider-list > .slider-list-item:first-child {
    display: block;
}

@media screen and (max-width:781px) {
    .slideLayer * {
        font-size:14px;
    }
    
    .slideLayer h1,  .slideLayer h3, .slideLayer h4, .slideLayer h5, .slideLayer h6 {
        font-size:25px;
        margin-bottom:10px ; 
    }
    .slide-desc.keg h2{
		font-size: 30px;
		line-height: 44px;
	}
	.slide-desc.keg h2 br {
	    display: none;
	}
    .slide-href {
        margin-top:20px;
    }
    .thumbnail-of-port-top.slider-list ul.slick-dots {
        bottom: 125px;
    }
    .thumbnail-of-port-top.slider-list .slick-arrow {
        display:none!important;
    }
    .slick-next svg, .slick-prev svg{width: 40px;
    height: 40px;}
}
.slick-next, .slick-prev {
    width: 61px;
    height: 61px;
    z-index: 9;
}

.slick-next:before, .slick-prev:before {
    display: none;
}
/*------------------------------------*\
	HEADER
\*------------------------------------*/

	header.sticky-container {
	    position: absolute;
	    width: 100%;
	    z-index: 3;
	}
	
	.nav {
	    justify-content: space-between;
	}

	.top-bar ul.accordion.off-canvas-nav {
	    width: 100%;
	    justify-content: space-between;
	    display: flex;
	    background: transparent;
	}
	
	.top-bar.grid-x {
	    width: 100%;
	    flex: 100%;
	    background-color: transparent;
	}
	
	.top-bar.grid-x div {
	    display: flex;
	    flex: 100%;
	    justify-content: center;
	    align-items: center;
	}

    .mobile-menu-container.grid-container {
        z-index: 999;
        width: 100%;
        position: fixed;
        max-width: 100% !important;
    }

    .main-header {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 110px;
        flex-wrap: nowrap;
    }
    
    .main-header > .cell {
        display: flex;
        align-items: center;
        min-height: 110px;
    }
    
    .main-header-second-column {
        display: flex;
        align-items: center;
    }
    
    .main-header-first-column {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .main-navigation-container,
    .main-navigation-container .grid-container,
    .main-navigation-container .main-navigation,
    .main-navigation-container .cell,
    .main-navigation-container .nav,
    .main-navigation-container .top-bar {
        height: 100%;
        display: flex;
        align-items: center;
    }
    
    .top-bar-left-menu,
    .top-bar-right-menu {
        display: flex;
        align-items: center;
        height: 100%;
    }
    
    .top-bar-left-menu > ul,
    .top-bar-right-menu > ul
    {
        display: flex;
        align-items: center;
        gap: 30px;
        margin: 0;
        padding: 0;
        list-style: none;
        height: 100%;
    }
    
    .off-canvas-nav > li,
    .top-bar-left-menu li,
    .top-bar-right-menu li {
        display: flex;
        align-items: center;
        height: 100%;
    }
    .header-off-canvas-menu .off-canvas-nav > li{
		flex: 0 0 100%;
		width: 100%;
	}
    .off-canvas-nav > li > a,
    .top-bar-left-menu a,
    .top-bar-right-menu a {
        display: flex;
        align-items: center;
        height: 100%;
        text-decoration: none;
    }
    
    /* Logo */
    .logo {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    
    .logo figure {
        margin: 0;
    }
    
    .logo a {
        display: flex;
        align-items: center;
    }
    
    .logo svg,
    .logo img {
        display: block;
        max-height: 50px; 
        width: auto;
    }
    
    .wpml-ls,
    .wpml-ls ul,
    .wpml-ls li {
        display: flex;
        align-items: center;
        margin: 0;
    }
    
    .wpml-ls a {
        display: flex;
        align-items: center;
        height: 100%;
    }
    
    @media screen and (max-width: 1023px) {
        .main-header {
            min-height: auto;
            row-gap: 15px;
        }
    
        .main-header > .cell {
            min-height: auto;
            justify-content: center;
        }
    
        .off-canvas-nav {
            justify-content: center;
            flex-wrap: wrap;
            gap: 15px 20px;
            flex-direction: column;
        }
    
        .top-bar-right-menu {
            justify-content: center;
            width: 100%;
        }
    
        .logo svg,
        .logo img {
            max-height: 40px;
        }
    }
    
    .main-header-second-column:first-child {
        /* justify-content: flex-start; */
    }
    
    .main-header-first-column {
        justify-content: center;
    }
    
    .main-header-second-column:last-child {
        justify-content: center;
    }

.main-header {
    display: flex;
    align-items: center;
    min-height: 96px;
}

.main-header > .cell {
    display: flex;
    align-items: center;
    min-height: 96px;
}

.main-header-first-column {
    justify-content: center;
}

.main-header-second-column {
    justify-content: center;
}

.main-header-second-column:last-child {

}


.header-right-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 34px;
    width: 100%;
    position: relative;
}

.header-lang a,
.header-cart-link,
.header-search-toggle {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 1;
}

/* button reset */
.header-search-toggle {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* wpml */
.header-lang .wpml-ls ul,
.header-lang .wpml-ls li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-lang .wpml-ls-item-toggle,
.header-lang .wpml-ls-link {
    /* color: #fff; */
    text-decoration: none;
    background: transparent;
    border: none;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, 
.wpml-ls-legacy-dropdown a:focus, 
.wpml-ls-legacy-dropdown a:hover {
    background: transparent;
    color: #8a3737;
}
.home .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, 
.home .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
    color: white;
}

.home .site-desktop-header .is-stuck .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, 
.home .site-desktop-header .is-stuck .wpml-ls-legacy-dropdown a:focus, 
.home .site-desktop-header .is-stuck .wpml-ls-legacy-dropdown a:hover{
    color: #8a3737;
}
li.wpml-ls-item.wpml-ls-current-language.wpml-ls-item-legacy-dropdown {
    padding-bottom: 5px;
    transform: translateY(2px);
}

ul#wpml-ls-submenu-default {
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
    gap: 5px;
    background: #ffffff;
    border-top: 2px solid #7E2C2C;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    padding: 8px 3px;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
    border-top: none;
    border-left: none;
}

/* search */
.header-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.header-search-dropdown {
    position: absolute;
    top: calc(100% + 18px);
    right: 0;
    width: 280px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: all 0.25s ease;
    z-index: 9999;
}

.header-search-wrap.active .header-search-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-search-form {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    padding: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}

.header-search-input {
    flex: 1;
    border: 0;
    outline: 0;
    height: 42px;
    padding: 0 14px;
    font-size: 14px;
    background: transparent;
}

.header-search-submit {
    border: 0;
    background: #7E2C2C;
    color: #fff;
    height: 42px;
    padding: 0 16px;
    border-radius: 24px;
    cursor: pointer;
}

form.search .input-group {
    flex-direction: row;
    flex-wrap: nowrap;
}

form.search .input-group input.search-input {
    margin: 0;
}

button.button.search-submit {
    background: #8a3737;
    color: #ffffff;
}

button.button.search-submit svg {
    width: 14px;
    height: 14px;
    color: #ffffff;
}

button.button.search-submit svg path {
    fill: white;
}

/* cart */
.header-cart-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.header-cart-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-cart-count {
    position: absolute;
    top: -7px;
    right: -9px;
    min-width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #ffffff;
    color: #7E2C2C;
    font-size: 11px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    padding: 0 3px;
}

/* logo */
.logo figure {
    margin: 0;
}

.logo a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo svg,
.logo img {
    display: block;
    max-height: 42px;
    width: auto;
}

/* menu */
.top-bar-left-menu .off-canvas-nav {
    display: flex;
    align-items: center;
    gap: 3vw;
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-bar-left-menu .off-canvas-nav > li > a {
    /* color: #fff; */
    text-decoration: none;
    font-size: 16px;
}
.home .site-desktop-header .top-bar-left-menu ul.submenu.menu.is-accordion-submenu a {
    color:#7E2C2C;
}
/* wrappers */
.main-navigation-container,
.main-navigation-container .grid-container,
.main-navigation-container .main-navigation,
.main-navigation-container .cell,
.main-navigation-container .nav,
.main-navigation-container .top-bar {
    display: flex;
    align-items: center;
    height: 100%;
}

.main-header .grid-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.main-header .top-bar {
    background: transparent;
    padding: 0;
}

/* responsive */
@media screen and (max-width: 1023px) {
    .header-right-tools {
        gap: 18px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .header-contact-item.header-email,
    .header-contact-item.header-phone {
        display: none;
    }

    .header-search-dropdown {
        right: 50%;
        transform: translate(50%, 8px);
        width: 240px;
    }

    .header-search-wrap.active .header-search-dropdown {
        transform: translate(50%, 0);
    }
}

.top-bar, .top-bar ul {
    background: none;
}

/* wrapper  widget area */
.top-header-widget-area {
    display: flex;
    align-items: center;
    /* height: 100%; */
}

/* margins */
.top-header-widget-area .widget_block {
    margin: 0;
    width: 100%;
}

/*  wrapper */
.top-header-widget-area .section-theme-data {
    display: flex;
    align-items: center;
    height: 100%;
}

/* container  email */
.top-header-widget-area .theme-data-columns {
    display: flex;
    align-items: center;
    gap: 3vw;
    flex-wrap: nowrap;
}

/* item */
.top-header-widget-area .theme-data-content {
    display: flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
}

/* nested spans */
.top-header-widget-area .theme-data-content span {
    display: inline-flex;
    align-items: center;
}

/* links */
.top-header-widget-area a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 200;
    line-height: 1;
    transition: opacity 0.25s ease;
}

.top-header-widget-area a:hover {
    opacity: 0.8;
}

/*  overlay/transparent */
.header-right-tools .top-header-widget-area {
    justify-content: flex-end;
}

/* responsive */
@media screen and (max-width: 1200px) {
    .top-header-widget-area .theme-data-columns {
        gap: 28px;
    }

    .top-header-widget-area a {
        font-size: 15px;
    }
}

@media screen and (max-width: 1023px) {
    .top-header-widget-area .theme-data-columns {
        gap: 0;
        justify-content: space-between;
        /* flex-wrap: wrap; */
        width: 100%;
    }
	div#offCanvasMenu .top-header-widget-area .section-theme-data {
	    justify-content: space-between;
	    gap: 0;
	    flex-direction: row;
	}
	
	.top-header-widget-area.header-lang {
	    gap: 15vw;
	}
    .top-header-widget-area a {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .top-header-widget-area {
        display: none;
    }
}

/* wrapper */
.header-lang {
    display: flex;
    align-items: center;
    position: relative;
}

/* wpml container */
.header-lang .wpml-ls {
    width: auto !important;
}

/* =========================
   HEADER BASE
========================= */

.site-desktop-header,
.site-mobile-header {
    position: relative;
    z-index: 999;
}

.site-desktop-header__sticky,
.site-mobile-header {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* desktop sticky wrapper */
.site-desktop-header__sticky {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid rgba(126, 44, 44, 0.14);
}

/* mobile header row */
.site-mobile-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #ffffff;
    border-bottom: 1px solid rgba(126, 44, 44, 0.14);
}

.site-mobile-header__row {
    min-height: 76px;
}

/**/
.wrapper.off-canvas-content {
    /*overflow: hidden; */
}

/*.footer-overlap-target {*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

/*.footer {*/
/*    position: sticky;*/
/*    bottom: 0;*/
/*    z-index: 20;*/
/*    will-change: transform;*/
/*}*/
main.home-page-main-container > section > article {
    /*position: sticky;*/
    /*bottom: 0;*/
    /*margin-bottom: -100vh;*/
    /*height: auto;*/
}

section.acf-testimonial-image-slider {
    position: relative;
}
/* =========================
   COLORS
========================= */

.site-desktop-header,
.site-desktop-header a,
.site-desktop-header button,
.site-mobile-header,
.site-mobile-header a,
.site-mobile-header button,
.header-right-tools,
.header-lang,
.header-search-wrap,
.header-cart-wrap,
.header-cart-count{
    color: #8a3737;
}

.site-desktop-header svg,
.site-desktop-header svg * {
    /* fill: currentColor; */
    /* stroke: currentColor; */
}
.site-mobile-header svg {
    stroke: #ffffff;
}
.home .site-desktop-header a.header-cart-link svg path {
    fill: white;
    stroke: white;
}

.site-desktop-header .is-stuck a.header-cart-link svg path {
        fill: currentColor; 
     stroke: currentColor;
}
.site-mobile-header svg * {stroke: #ffffff;}
body.is-off-canvas-open .site-mobile-header svg * {
    /* fill: #8a3737; */
}

/* Logo SVG:  2 logos */
.logo a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.site-mobile-header svg {fill: white;}

.site-mobile-header .logo svg {
    fill: unset;
    stroke: unset;
}
/* Is Open */
.wrapper.off-canvas-content.has-transition-overlap .site-mobile-header .logo svg * {
    stroke: none;
    fill: #8a3737!important;
}

.wrapper.off-canvas-content.has-transition-overlap .site-mobile-header svg * {
    stroke: #8a3737;
}

.site-mobile-header.is-sticky-active .grid-x.mobile-menu {
    align-items: center;
}


/* =========================
   HOMEPAGE TRANSPARENT / WHITE
========================= */

.home .site-desktop-header__sticky,
.home .site-mobile-header {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.home .site-desktop-header,
.home .site-desktop-header a,
.home .site-desktop-header button,
.home .site-mobile-header,
.home .site-mobile-header a,
.home .site-mobile-header button {
    color: #ffffff;
}


.home .site-desktop-header.is-stuck .site-desktop-header__sticky,
.home .site-mobile-header.is-sticky-active {
    background: #ffffff;
    border-bottom-color: rgba(126, 44, 44, 0.14);
}

.home .site-desktop-header.is-stuck,
.home .site-desktop-header.is-stuck a,
.home .site-desktop-header.is-stuck button,
.home .site-mobile-header.is-sticky-active,
.home .site-mobile-header.is-sticky-active a,
.home .site-mobile-header.is-sticky-active button {
    color: #8a3737;
}

/* =========================
   DESKTOP LAYOUT
========================= */

.main-header {
    align-items: center;
    min-height: 92px;
}

.main-header-first-column .logo {
    text-align: center;
}

.main-header-second-column {
    display: flex;
    align-items: center;
}

.main-navigation-container,
.main-navigation,
.nav,
.top-bar {
    width: 100%;
}

.top-bar-left-menu,
.top-bar-right-menu {
    display: flex;
    align-items: center;
}

.top-bar-left-menu {
    justify-content: flex-start;
}

.top-bar-right-menu {
    justify-content: flex-end;
}

.header-right-tools {
    display: flex;
    align-items: center;
    gap: 34px;
}

.header-right-tools a,
.header-right-tools button {
    text-decoration: none;
    background: none;
    border: 0;
    padding: 0;
    box-shadow: none;
}

.header-right-tools .menu,
.header-right-tools ul {
    margin: 0;
}

.header-search-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.header-cart-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.home .header-cart-count{
	border:none;
}
.header-cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 1;
    border: 1px solid currentColor;
    /* color: #fff; */
}

/* homepage white header cart badge */
.home .site-desktop-header .header-cart-count,
.home .site-mobile-header .header-cart-count {
    background: #f5f5f3;
    color: #8a3737;
}

.home .site-desktop-header.is-stuck .header-cart-count,
.home .site-mobile-header.is-sticky-active .header-cart-count {
    background: #8a3737;
    color: #ffffff;
}

/* =========================
   MOBILE HEADER
========================= */

.mobile-menu-container {
    position: sticky;
    top: 0;
    z-index: 999;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.mobile-menu {
    padding: 0 20px;
}

.mobile-menu .logo {
    text-align: center;
}

.mobile-menu .logo svg {
    max-width: 180px;
    height: auto;
}

.mobile-menu-toggle {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    position: relative;
}

.mobile-menu-toggle__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.mobile-menu-toggle__icon--close {
    display: none;
}

.mobile-menu-toggle.is-active .mobile-menu-toggle__icon--open {
    display: none;
}

.mobile-menu-toggle.is-active .mobile-menu-toggle__icon--close {
    display: inline-flex;
}

/* =========================
   MOBILE OFF CANVAS
========================= */

.header-off-canvas-menu {
    width: 100%;
    max-width: 100%;
    background: #ffffff;
    color: #8a3737;
    padding: 110px 22px 26px;
    z-index: 1001;
}

.header-off-canvas-menu__inner,
.header-off-canvas-menu .menu,
.header-off-canvas-menu ul {
    width: 100%;
}

.header-off-canvas-menu a {
    color: #8a3737;
    text-decoration: none;
}

.header-off-canvas-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-off-canvas-menu li {
    border-bottom: 1px solid #a34b4b;
    padding: 0;
    margin: 0;
}

.header-off-canvas-menu li:last-child {
    border-bottom: 0;
}

.header-off-canvas-menu li a {
    display: block;
    padding: 22px 0;
}

.header-off-canvas-menu .sub-menu {
    border-top: 1px solid rgba(163, 75, 75, 0.3);
    padding-left: 14px;
}

.header-off-canvas-menu .sub-menu li a {
    padding: 16px 0;
}

.header-off-canvas-menu .menu-extra,
.header-off-canvas-menu .mobile-menu-bottom {
    margin-top: 40px;
}

body.is-off-canvas-open .site-mobile-header {
    background: #ffffff;
    border-bottom-color: rgba(126, 44, 44, 0.14);
    color: #8a3737;
}
.position-top {
    height: 90vh;
    overflow: hidden;
}

div#offCanvasMenu .top-header-widget-area {
    display: flex;
}

div#offCanvasMenu {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.off-canvas-content .header-right-tools{
	gap: 3vw;
}
.wrapper.off-canvas-content {
    position: relative;
}
/* =========================
   SEARCH DROPDOWN
========================= */

.header-search-dropdown {
    min-width: 320px;
    border: 1px solid rgba(126, 44, 44, 0.12);
    background: #ffffff;
    padding: 14px;
}

.header-search-dropdown .input-group {
    margin-bottom: 0;
}

.header-search-dropdown .search-input {
    margin-bottom: 0;
    border: 1px solid rgba(126, 44, 44, 0.2);
    box-shadow: none;
}

.header-search-dropdown .search-submit {
    background: #8a3737;
    border-color: #8a3737;
}

.header-search-dropdown .search-submit svg {
    width: 16px;
    height: 16px;
    fill: #fff;
}

/* =========================
   STICKY HELPERS
========================= */

.is-stuck.site-desktop-header__sticky,
.site-desktop-header .is-stuck {
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05);
    background: #ffffff;
}

.site-desktop-header .is-stuck .top-bar-left-menu .off-canvas-nav > li > a,
.site-desktop-header .is-stuck .site-desktop-header a, 
.home .site-desktop-header .is-stuck a,
.home .site-desktop-header .is-stuck button{
    color:#8a3737;
}

:not(.home) .wpml-ls-legacy-dropdown ul ul a {
    color: #8a3737;;
}

.home .site-desktop-header .is-stuck .header-cart-count, 
.home .site-mobile-header .is-stuck .header-cart-count{
	border: 1px solid #8a3737;
	color: #f5f5f3;
    background: #8a3737;
}

/* =========================
   MOBILE ONLY
========================= */

@media screen and (max-width: 1023px) {
    .show-for-large.site-desktop-header {
        display: none !important;
    }

    .mobile-menu-container {
        display: block;
    }
	.site-mobile-header .mobile-menu-toggle svg path {
	    stroke: #8a3737;
	}
	
    .home .site-mobile-header .mobile-menu-toggle svg path {
        stroke: white;
    }	
	    .home .site-mobile-header.is-sticky-active .mobile-menu-toggle svg path {
        stroke: currentcolor;
    }
	button.header-search-toggle svg circle {
	    stroke: #8a3737;
	    fill: none;
	}
	
	button.header-search-toggle svg line {
	    stroke: #8a3737;
	}
	
	.site-mobile-header .logo svg path {
	    stroke: none;
	}
	
}

/* =========================
   DESKTOP ONLY
========================= */

@media screen and (min-width: 1024px) {
    .mobile-menu-container,
    .header-off-canvas-menu {
        display: none !important;
    }
}
.site-logo-svg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 200px;
    color: inherit;
}

/* Desktop */
.site-desktop-header {
    color: #8a3737;
}

/* Mobile */
.site-mobile-header {
    color: #8a3737;
}

.home .site-desktop-header,
.home .site-mobile-header {
    color: #ffffff;
}

.home .site-desktop-header.is-stuck,
.home .site-mobile-header.is-sticky-active {
    color: #8a3737;
}

/*---------------------------------*/
/*----  FOOTER            ---------*/
/*---------------------------------*/
footer.footer {
    background: #7E2C2C;
}

footer.footer * {
    color: white;
}
section.footeroverlap {
    position: sticky;
    top: 0;
    position: sticky;
    top: 0; 
    height: 210vh; 
    z-index: 1; 
    margin-bottom: -90vh;
}

footer.footer {
    position: absolute;
    width: 100%;
    margin-top: 0px;
    position: relative; 
    z-index: 2; 
}

/*style-footer*/
/*---------------------------------*/
/*---- FOOTER ---------------------*/
/*---------------------------------*/

footer.footer {
    background: #8b2f2f;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

footer.footer,
footer.footer a,
footer.footer h1,
footer.footer h2,
footer.footer h3,
footer.footer h4,
footer.footer h5,
footer.footer h6,
footer.footer p,
footer.footer li,
footer.footer span,
footer.footer div {
    color: #ffffff;
}

footer.footer .grid-container {
    max-width: calc(100% - 105px);
}

.main-footer-container {
    padding: 58px 0 0;
}

.main-footer {
    row-gap: 0;
}

.footer-column {
    padding-right: 24px;
    margin-bottom: 48px;
}

.footer-column:last-child {
    padding-right: 0;
}

.footer-column__inner {
    max-width: 100%;
}

/* reset widget spacing */
footer.footer .widget,
footer.footer .widget_block,
footer.footer .section-theme-data,
footer.footer .theme-data-columns,
footer.footer .theme-data-content {
    margin-bottom: 0;
}

footer.footer .theme-data-columns {
    display: block;
}

footer.footer .theme-data-content {
    display: block;
    white-space: normal;
    margin-bottom: 25px;
}

/* headings column titles */
footer.footer .footer-column h2,
footer.footer .footer-column h3,
footer.footer .footer-column h4,
footer.footer .wp-block-heading {
    margin: 0 0 30px;
}

/* lists */
footer.footer ul,
footer.footer ol {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: column;
}

footer.footer li {
    margin: 0 0 25px;
}

footer.footer li:last-child {
    margin-bottom: 0;
}

footer.footer .bottom-footer-container p {
    font-family: "tt-commons-pro", sans-serif;
    font-weight: 200;
    font-style: normal;
	opacity: 0.30;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 0.5px;
}

footer.footer .bottom-footer-container ul#menu-footer-menu-bottom a {
    opacity: 0.30;
}

footer.footer a {
    text-decoration: none;
    transition: opacity 0.25s ease;
    padding: 0;
}

footer.footer a:hover {
    opacity: 0.8;
}

/* contact column spacing from theme_data */
footer.footer .contact-data {
    margin-bottom: 18px;
}

footer.footer .contact-data:last-child {
    margin-bottom: 0;
}

footer.footer .contact-data-info > div,
footer.footer .contact-data-info > span,
footer.footer .contact-data-info a {
    display: inline-block;
}

footer.footer .contact-data.address .contact-data-info,
footer.footer .contact-data.phones .contact-data-info,
footer.footer .contact-data.emails .contact-data-info {
    display: block;
}

footer.footer .contact-data.address a,
footer.footer .contact-data.phones a,
footer.footer .contact-data.emails a {
    display: inline-block;
}

/* social */
footer.footer .social-icons-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 26px;
    margin: 28px 0 0;
    padding: 0;
}

footer.footer .social-icons-list li {
    margin: 0;
}

footer.footer .social-icons-list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

footer.footer .social-icons-list svg {
    width: 20px;
    height: 20px;
}

footer.footer .social-icons-list .fill-svg,
footer.footer .social-icons-list .stroke-svg,
footer.footer .social-icons-list svg path {
    fill: #f6e9e4;
}

/* newsletter */
.footer-column--newsletter form,
.footer-column--newsletter .wpforms-container,
.footer-column--newsletter .mc4wp-form,
.footer-column--newsletter .newsletter-form {
    max-width: 100%;
}

.footer-column--newsletter input[type="email"],
.footer-column--newsletter input[type="text"] {
    width: 100%;
    height: 48px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgb(255 255 255 / 70%);
    color: #ffffff;
    padding: 0 0 10px;
    margin: 0 0 26px;
    box-shadow: none;
	    font-family: tt-commons-pro, sans-serif;
    font-style: normal;	
}

.footer-column--newsletter input[type="email"]::placeholder,
.footer-column--newsletter input[type="text"]::placeholder {
    color: #fff;
	font-size:16px;
    font-family: "tt-commons-pro", sans-serif;
    font-weight: 200;
    font-style: normal;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder{
  color: #999;
  font-family: "tt-commons-pro", sans-serif;
font-weight: 200;
font-style: normal;
font-size: 14px;
line-height: 20px; /* 142.857% */  
}
.footer-column--newsletter button,
.footer-column--newsletter input[type="submit"],
.footer-column--newsletter .wp-element-button,
.footer-column--newsletter .wp-block-button__link {
    min-width: 158px;
    min-height: 46px;
    padding: 12px 28px;
    background: transparent;
    border: 1px solid #f6e9e4;
    color: #f6e9e4;
    border-radius: 0;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* branding row */
.footer-branding-row {
    padding-top: 82px;
    padding-bottom: 56px;
}

.footer-branding {
    display: flex;
    align-items: flex-end;
    min-height: 120px;
}

.footer-branding img,
.footer-branding .logo-site {
    display: block;
    width: auto;
    max-width: 460px;
    max-height: 110px;
}

/* if logo comes from theme_data block */
.footer-branding .section-theme-data,
.footer-branding .theme-data-columns,
.footer-branding .theme-data-content {
    height: 100%;
}

.footer-branding .theme-data-content a {
    display: inline-flex;
    align-items: flex-end;
}

/* payments row */
.footer-payments-row {
    padding-top: 82px;
    padding-bottom: 56px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.footer-payments {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.footer-payments img {
    display: block;
    max-width: 240px;
    width: auto;
    height: auto;
}

/* bottom footer */
.bottom-footer-container {
    padding: 0 0 54px;
}

.bottom-footer {
    align-items: center;
}

.bottom-footer-first-column,
.bottom-footer-center-column,
.bottom-footer-second-column {
    margin-bottom: 0;
}

.bottom-footer__left,
.bottom-footer__center,
.bottom-footer__right {
    color: rgba(246, 233, 228, 0.55);
}

.bottom-footer__left p,
.bottom-footer__center p,
.bottom-footer__right p,
.bottom-footer__left a,
.bottom-footer__center a,
.bottom-footer__right a,
.bottom-footer__left span,
.bottom-footer__center span,
.bottom-footer__right span {
    color: rgba(246, 233, 228, 0.55);
    margin: 0;
}

.bottom-footer__center {
    text-align: center;
}

.bottom-footer__right {
    text-align: right;
}

/* footer widget area in center for terms/privacy */
.bottom-footer-center-column ul,
.bottom-footer-center-column ol {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}

.bottom-footer-center-column li {
    margin: 0;
}

.bottom-footer-center-column li:not(:last-child) {
    position: relative;
}

.bottom-footer-center-column li:not(:last-child)::after {
    content: "|";
    display: inline-block;
    margin-left: 18px;
    opacity: 0.6;
    position: absolute;
    top: 0;
    right: -10px;
}

/* extra polish for screenshot proportions */
.footer-column--products,
.footer-column--contact,
.footer-column--menu {
    padding-top: 4px;
}

.footer-column--newsletter {
    padding-left: 8px;
}

/* responsive */
@media screen and (max-width: 1023px) {
    footer.footer .grid-container {
        max-width: calc(100% - 40px);
    }

    .main-footer-container {
        padding-top: 42px;
    }

    .footer-column {
        margin-bottom: 40px;
        padding-right: 16px;
    }

    .footer-branding-row,
    .footer-payments-row {
        padding-top: 28px;
        padding-bottom: 34px;
    }

    .footer-branding {
        justify-content: center;
        min-height: auto;
    }

    .footer-branding img,
    .footer-branding .logo-site {
        max-width: 320px;
        max-height: none;
    }

    .footer-payments,
    .footer-payments-row {
        justify-content: center;
    }

    .bottom-footer-container {
        padding-bottom: 34px;
    }

    .bottom-footer-first-column,
    .bottom-footer-center-column,
    .bottom-footer-second-column {
        text-align: center;
        margin-bottom: 0;
    }

    .bottom-footer__left,
    .bottom-footer__center,
    .bottom-footer__right {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    footer.footer .grid-container {
        max-width: calc(100% - 32px);
    }

    .main-footer-container {
        padding-top: 34px;
    }

    .footer-column {
        padding-right: 0;
        margin-bottom: 34px;
    }

    .footer-column h2,
    .footer-column h3,
    .footer-column h4,
    .footer-column .wp-block-heading {
        margin-bottom: 20px;
    }

    footer.footer li,
    footer.footer p,
    footer.footer .contact-data {
        margin-bottom: 14px;
    }
	footer.footer .bottom-footer-container  p {
	 margin-bottom: 0px;	
	}
    .footer-branding-row {
        padding-top: 15px;
        padding-bottom: 50px;
    }

    .footer-payments-row {
        padding-top: 0;
        padding-bottom: 50px;
    }

	.wp-block-group.footer-logo svg {
	    width: 100%;
	}
	
	p.copyright {
	    margin-bottom: 0;
	}
    .footer-branding img,
    .footer-branding .logo-site {
        max-width: 240px;
    }

    .footer-payments img {
        max-width: 180px;
    }

    .bottom-footer-container {
        padding-bottom: 24px;
    }

    .bottom-footer-center-column ul,
    .bottom-footer-center-column ol {
        gap: 8px;
        flex-direction: column;
    }

    .bottom-footer-center-column li:not(:last-child)::after {
        display: none;
    }
}

footer.footer a ,
footer.footer .address-1{
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;

}

footer.footer ul#menu-footer-menu-bottom {
    flex-direction: row;
}

footer.footer ul#menu-footer-menu-bottom li {
    margin: 0;
}
/*---------------------------------*/
/*----HOME SLIDER PRODUCTS---------*/
/*---------------------------------*/
.acf-latest-products-slider__image-holder {
    /*background: #f5f5f3; */
}

.acf-latest-products-slider__image {
    mix-blend-mode: multiply;
}
.acf-latest-products-slider .slick-slide {
    margin: 0 10px 0 0;
}

.acf-latest-products-slider .slick-list {
    margin: 0 -10px;
}

a.acf-latest-products-slider__image-link:hover .acf-latest-products-slider__image {
    mix-blend-mode: normal;
}

a.acf-latest-products-slider__image-link:hover  .acf-latest-products-slider__image-holder {
    background: #fff;
        box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.04),
        0 18px 40px rgba(0, 0, 0, 0.05),
        0 35px 80px rgba(0, 0, 0, 0.06);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
}
img.acf-latest-products-slider__image.wp-post-image {
    mix-blend-mode: multiply;
}
.acf-latest-products-slider__progress {
    position: relative;
    width: 100%;
    max-width: 100%; 
    margin: 40px auto 0;
    height: 3px;
    background: #e5e5e5;
    overflow: hidden;
}

/* active bar */
.acf-latest-products-slider__progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #8f3434; 
    transition: width 0.35s ease;
}

@media screen and (max-width: 767px) {
    .acf-latest-products-slider__progress {
        margin-top: 24px;
        height: 3px;
    }
}

.acf-latest-products-slider__empty {
    min-height: 23vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*-------------------------------------*/
/*----HOME PRODUCT CATEGORIES ---------*/
/*-------------------------------------*/
.pcat-grid__layout  {
    display: flex;
    gap: 20px;
}

.pcat-grid__secondary, .pcat-grid__featured {
    width: 50%;
}

.pcat-grid__secondary {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pcat-grid__secondary article.pcat-grid__item {
    width: calc(50% - 10px); /* 2 columns */
    height: inherit;
}

a.pcat-grid__card {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background-color: #d9d3cc;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pcat-grid__featured a.pcat-grid__card {
    min-height: 796px;
    padding: 32px;
}

.pcat-grid__secondary a.pcat-grid__card {
    padding: 32px 24px;
    height: 100%;
}

span.pcat-grid__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.42) 0%,
        rgba(0, 0, 0, 0.18) 35%,
        rgba(0, 0, 0, 0.04) 70%,
        rgba(0, 0, 0, 0.02) 100%
    );
    transition: opacity 0.3s ease;
}

span.pcat-grid__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}

h2.pcat-grid__title {
    margin: 0;
}

span.pcat-grid__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 20px;
    background: #9f3232;
    color: #fff;
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

a.pcat-grid__card:hover span.pcat-grid__button ,
a.pcat-grid__card:focus span.pcat-grid__button ,
a.pcat-grid__card:focus-visible span.pcat-grid__button {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

article.shop-related-category-card:hover span.pcat-grid__button,
article.shop-related-category-card:focus span.pcat-grid__button,
article.shop-related-category-card:focus-visible span.pcat-grid__button{
    opacity: 1;
    visibility: visible;
}

/*-------------------*/
/*----SEARCH---------*/
/*-------------------*/
.desktop-search {
    position: fixed;
    z-index: 99;
    right: 0;
    width: 100%;
    max-width: 400px;
    display: none;
    top: 126px;
}

.desktop-search {
    position: fixed;
    z-index: 99;
    right: 0;
    width:100%;
    max-width:400px;
    display:none;
    top: 126px;
}
.desktop-search.show {
    display:blcok;
}

.map-greyscale {
    filter: grayscale(100%);
}

/**/
/* ================================
   DESKTOP SUBMENU — HOVER + ARROW
================================ */

/* Κρύβουμε το Foundation default arrow */
.top-bar-left-menu .submenu-toggle,
.top-bar-left-menu .is-accordion-submenu-parent > a::after {
    display: none !important;
}

/* Custom chevron arrow μέσω pseudo-element */
.top-bar-left-menu .is-accordion-submenu-parent > a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.top-bar-left-menu .is-accordion-submenu-parent > a::after {
    content: '';
    display: inline-block !important;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

/* Arrow rotation όταν είναι ανοιχτό */
.top-bar-left-menu .is-accordion-submenu-parent.is-active > a::after,
.top-bar-left-menu .is-accordion-submenu-parent:hover > a::after {
    transform: rotate(225deg) translateY(-2px);
}

/* Submenu positioning — ακριβώς κάτω από τον τίτλο */
.top-bar-left-menu .is-accordion-submenu-parent {
    position: relative;
}

.top-bar-left-menu .submenu,
.top-bar-left-menu .is-accordion-submenu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 200px;
    background: #ffffff;
    border-top: 2px solid #7E2C2C;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    padding: 8px 0;
    margin: 0 !important;
    list-style: none;
    z-index: 9999;
    
    /* Hover: hidden by default */
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    display: block !important; /* override Foundation hide */
}

/* Submenu items — το ένα κάτω από το άλλο */
.top-bar-left-menu .submenu li,
.top-bar-left-menu .is-accordion-submenu li {
    display: block !important;
    width: 100%;
    height: auto !important;
    border-bottom: none;
}

.top-bar-left-menu .submenu li a,
.top-bar-left-menu .is-accordion-submenu li a {
    display: block;
    padding: 10px 20px;
    height: auto !important;
    white-space: nowrap;
    transition: background 0.15s ease;
}

.top-bar-left-menu .submenu li a:hover,
.top-bar-left-menu .is-accordion-submenu li a:hover {
    background: #f5f5f3;
}

/* Εμφάνιση με hover */
.top-bar-left-menu .is-accordion-submenu-parent:hover > .submenu,
.top-bar-left-menu .is-accordion-submenu-parent:hover > .is-accordion-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.featured-image-container img {
    width: 100%;
}

/* ================================
   DESKTOP SUBMENU — LEVEL 2+ & ACTIVE STATE
================================ */

/* Active/hover item: κόκκινο background με λευκό κείμενο */
.top-bar-left-menu .submenu li.is-accordion-submenu-parent:hover > a,
.top-bar-left-menu .submenu li.is-accordion-submenu-parent.is-active > a,
.top-bar-left-menu .is-accordion-submenu li.is-accordion-submenu-parent:hover > a,
.top-bar-left-menu .is-accordion-submenu li.is-accordion-submenu-parent.is-active > a {
    background: #7E2C2C;
    color: #ffffff !important;
}

/* Override παλιού home-only rule που έβαζε κόκκινο σε όλα τα submenu links */
.home .site-desktop-header .top-bar-left-menu ul.submenu.menu.is-accordion-submenu li.is-accordion-submenu-parent:hover > a,
.home .site-desktop-header .top-bar-left-menu ul.submenu.menu.is-accordion-submenu li.is-accordion-submenu-parent.is-active > a {
    color: #ffffff;
}

/* Chevron για items στο submenu που έχουν παιδιά */
.top-bar-left-menu .submenu .is-accordion-submenu-parent > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.top-bar-left-menu .submenu .is-accordion-submenu-parent > a::after {
    content: '';
    display: inline-block !important;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

/* Nested submenu (level 2+): εμφανίζεται ΔΙΠΛΑ, όχι κάτω */
.top-bar-left-menu .submenu .submenu,
.top-bar-left-menu .is-accordion-submenu .is-accordion-submenu {
    top: 0 !important;
    left: 100% !important;
    margin-left: 0 !important;
    border-top: none;
    border-left: 2px solid #7E2C2C;
}

/* Hover σε nested item ανοίγει το επόμενο επίπεδο */
.top-bar-left-menu .submenu .is-accordion-submenu-parent:hover > .submenu,
.top-bar-left-menu .submenu .is-accordion-submenu-parent:hover > .is-accordion-submenu,
.top-bar-left-menu .is-accordion-submenu .is-accordion-submenu-parent:hover > .submenu,
.top-bar-left-menu .is-accordion-submenu .is-accordion-submenu-parent:hover > .is-accordion-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
/*-----------------------*/
/*----RESPONSIVE---------*/
/*-----------------------*/

@media screen and (max-width:768px){
	.homeSlider.homeVideo.featured-container {
	    height: 100vh;
	}
	
	.slideLayer.grid-container {
	    max-width: 91%;
	    width: 100%;
	}

}
@media screen and (max-width:768px){
    .thumbnail-of-port-top.slider-list {
        height: 100vh;
    }
    
    .thumbnail-of-port-top.slider-list > *,
    .thumbnail-of-port-top.slider-list .slick-track,
    .homeSlider.homeVideo.featured-container {
        height: inherit;
    }
    
    .home .site-mobile-header.is-sticky-active  path {
        stroke: currentcolor;
    }
    .home .site-mobile-header.is-sticky-active .site-mobile-header .header-search-toggle svg{
        color: currentcolor;
    }
    
    .home .site-mobile-header.is-sticky-active .header-cart-wrap svg path{
        fill: currentcolor;
    }
    .off-canvas-content .header-right-tools {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 15px;
    }
    
    .home .site-mobile-header .header-search-toggle svg circle {
        fill: none;
        stroke: currentcolor;
    }   
    .home .site-mobile-header .header-search-toggle svg line {
        stroke: currentcolor;
    }
    
    .home .site-mobile-header .logo svg path {
        stroke: none;
    }
    
    .home .header-cart-wrap svg path {
        stroke: white;
        fill: white;
    }
    
    .home .site-mobile-header.is-sticky-active  .logo path {
        stroke: none;
    }

    h2 {
        font-size: 25px;
        line-height: 70px;
    }
    
    .margin-general {
        margin: 50px 0;
    }    

    h3 {
        font-size: 35px;
    }

      .pcat-grid__secondary, .pcat-grid__featured {
          width: 100%;
      }
    
      .pcat-grid__featured a.pcat-grid__card {
          min-height: 50vh;
      }
      
      .pcat-grid__secondary article.pcat-grid__item {
          width: 100%;
          min-height: 50vh;
      }
    
      .pcat-grid__layout {
          flex-direction: column;
      }
      
      span.pcat-grid__button {
          opacity: 1;
          visibility: visible;
      }
      
      span.pcat-grid__content {
          gap: 0;
      }

        
}

/*---------------------------------*/
/*----  FOOTER ACCORDION (MOBILE) -*/
/*---------------------------------*/

/* DESKTOP: το button είναι διάφανο, σαν απλός τίτλος */
.footer-accordion-col .footer-column__toggle {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: auto;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: default;
    pointer-events: none;
}

.footer-accordion-col .footer-column__title {
    margin: 0;
}

.footer-accordion-col .footer-column__toggle-icon {
    display: none;
}

/* MOBILE: accordion mode */
@media screen and (max-width: 1023px) {

    .footer-accordion-col {
        position: relative;
        padding: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

    /* Κρύβουμε όλα τα direct children του .footer-column__inner */
    .footer-accordion-col .footer-column__inner > * {
        display: none;
    }

    /* Εκτός από το widget που περιέχει το toggle button */
    .footer-accordion-col .footer-column__inner > .is-toggle-widget {
        display: block;
    }

    /* Όταν είναι ανοιχτό, εμφανίζονται όλα */
    .footer-accordion-col.is-open .footer-column__inner > * {
        display: block;
    }

    /* Το toggle button γίνεται full-width clickable */
    .footer-accordion-col .footer-column__toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 22px 0;
        cursor: pointer;
        pointer-events: auto;
    }

    /* + / − icon */
    .footer-accordion-col .footer-column__toggle-icon {
        display: inline-block;
        position: relative;
        width: 14px;
        height: 14px;
        flex: 0 0 14px;
    }

    .footer-accordion-col .footer-column__toggle-icon::before,
    .footer-accordion-col .footer-column__toggle-icon::after {
        content: '';
        position: absolute;
        background: #ffffff;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        transform: translateY(-50%);
        transition: transform 0.25s ease;
    }

    .footer-accordion-col .footer-column__toggle-icon::after {
        transform: translateY(-50%) rotate(90deg);
    }

    .footer-accordion-col.is-open .footer-column__toggle-icon::after {
        transform: translateY(-50%) rotate(0deg);
    }
		footer.footer .footer-column  h4.footer-column__title {
		    margin: 0;
		    font-size: 22px;
		}
		
		.footer-column.footer-column--newsletter {
		    margin-top: 5rem;
		}
		
		.footer-accordion-col.is-open .footer-column__inner .widget_nav_menu {}
		
		.footer-accordion-col.is-open .footer-column__inner .widget_nav_menu, 
		.footer-accordion-col.is-open .footer-column__inner  .widget_block:not(:has(.is-toggle-widget)) {
		    padding-bottom: 50px;
		}
	
}

@media screen and (max-width: 1023px) {

    /* Parent li — relative για positioning */
    .header-off-canvas-menu .is-accordion-submenu-parent {
        position: relative;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    /* Κρύβουμε το SVG μέσα στο button (το μπλε Foundation arrow) */
    .header-off-canvas-menu .submenu-toggle svg {
        display: none !important;
    }

    /* Styling του button */
    .header-off-canvas-menu .submenu-toggle {
        background: transparent;
        border: none;
        padding: 0;
        width: 44px;
        height: 45%;
        min-height: 8vh;
        align-items: center;
        cursor: pointer;
    }

    /* Custom chevron μέσω pseudo-element */
    .header-off-canvas-menu .submenu-toggle::after {
        content: '';
        display: inline-block;
        width: 7px;
        height: 7px;
        border-right: 1.5px solid currentColor;
        border-bottom: 1.5px solid currentColor;
        transform: rotate(45deg) translateY(-2px);
        transition: transform 0.2s ease;
    }

    /* Arrow rotation όταν ανοιχτό */
    .header-off-canvas-menu .is-accordion-submenu-parent.is-active .submenu-toggle::after {
        transform: rotate(225deg) translateY(2px);
    }

    /* Submenu — override Foundation left:100% */
    .header-off-canvas-menu .is-accordion-submenu {
        width: 100% !important;
        padding-left: 14px;
        border-top: 1px solid rgba(163, 75, 75, 0.3);
    }

    /* Submenu items */
    .header-off-canvas-menu .is-accordion-submenu li {
        display: block !important;
        width: 100%;
        height: auto !important;
        border-bottom: 1px solid rgba(163, 75, 75, 0.15);
    }

        .header-off-canvas-menu .is-accordion-submenu li:last-child {
            border-bottom: 0;
        }
    
        .header-off-canvas-menu .is-accordion-submenu li a {
            display: block;
            padding: 14px 0;
            height: auto !important;
        }

    /* Override Foundation blue triangle arrow */
    .submenu-toggle::after {
        border-color: transparent !important;
        border-width: 0 !important;
        width: 7px !important;
        height: 7px !important;
        border-right: 1.5px solid currentColor !important;
        border-bottom: 1.5px solid currentColor !important;
        border-style: solid !important;
        transform: rotate(45deg) translateY(-2px) !important;
        transition: transform 0.2s ease !important;
    }

    .submenu-toggle[aria-expanded="true"]::after {
        transform: rotate(225deg) translateY(2px) !important;
    }

    
}


/* ================================================
   CART
   ================================================ */
dl.variation {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

dl.variation dt.variation- {
    margin: 0 5px;
}

.breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
}
.breadcrumbs-container {
    padding-top: 28px;
    padding-bottom: 10px;
}

.breadcrumbs-container,
.breadcrumbs-container a,
.breadcrumbs-container span {
    /*color: #b48e8e;*/
    color: #7E2C2C;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    text-transform: uppercase;
}