/**
 * Theme Name: Home Season
 * Template:   generatepress
 * Author: Ilias Vlachos
 * Author URI:   https://www.linkedin.com/in/iliasvlachos1/
 */

/* Begin GP mega menu */
/*
@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}

*/
/* end gp mega menu */

/* Max mega menu

#navigation.mobile-menu-wrapper  {
        position: relative;
        width: 100%;
        left: 0;
}
#navigation.mobile-menu-wrapper > div:nth-child(2) {
        display: none;
}

/* end Max mega menu */

/* There is a seting in mega menu theme - maybe Content Font
.main-navigation {
	font-size: 1em;
}
.mega-menu-wrap {
	font-size: 1em;
}
 */

.mega-menu-hidden {
	display: none !important;
}

.mega-hs-mega-menu-sub-item {
	border-bottom: 2px solid var(--accent) !important;
/* 	border-radius: 16px !important; */
}
/* this does not work */
.mega-hs-mega-menu-sub-item :hover {
	color: var(--accent) !important;
}

ul.mega-sub-menu {
	margin-top: 26px !important;
	border-radius: 16px !important;
}

/* mega menu image card like christmas homepage */
.homepage-image-card {
	padding: 2% 40% 2% 2%;
    border-radius: 24px;
    background-image: url(https://homeseason.gr/wp-content/uploads/2024/10/2147721480.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

.top-bar-width-100 {
	width: 100% !important;
}

input.aws-search-field {
	font-size: 1em !important;
}

/* background video */
.background-video {
    position: absolute;
    opacity: 0.8;
}
video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
/* end background video */

#block-28 {
	width: 100% !important;
}

#block-28 > div.wp-block-columns > div.wp-block-column > div.wp-block-media-text > div.wp-block-media-text__content {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

#block-28 > div.wp-block-columns > div.wp-block-column > div.wp-block-media-text > figure {
	align-self: start;
}

@media only screen and (min-width: 781px) {
	#block-28 > div.wp-block-columns > div.wp-block-column > div.wp-block-media-text {
	grid-template-columns: 26px auto !important;
	}

/* 	#block-28 > div.wp-block-columns > div.top-bar-col-right-align {
		text-align: right;
	} */
}

@media only screen and (max-width: 781px) {
	div.top-bar {
		display: none;
	}
}

p.margin-btm-0 {
	margin-bottom: 0px;
}

div.margin-btm-0 {
	margin-bottom: 0px;
}

.top-bar-icons > figure > img {
	max-width: 16px;
}

.border-radius-xl {
	border-radius: 24px;
}

.zoom-base {
  transition: transform .5s; /* Animation */
}

.zoom-base:hover {
	transform: scale(1.1);
}

.zoom-base-image {
/*  	transition: background-size 1s; /* Smooth transition */ */
	position: relative; /* Ensure the overlay is positioned correctly */
	background-size: 100%;
 	transition-duration: 1s;
	transition-property: background-size;
	background-position: center;
    transition: background-size 1s ease, background-position 1s ease;
	will-change: background-size; /* Hint for the browser to optimize the transition */
}

.bg-overlay::before {
	content: "";
	position: absolute;
	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
	background-color: rgba(0, 0, 0, 0.3); /* Initial dark overlay */
	opacity: 0; /* Start with no overlay */
	transition: opacity 0.3s ease; /* Smooth transition */
	z-index: 1; /* Ensure it's behind the text */
}

.zoom-base-image::before {}

.zoom-base-image:hover {
	background-size: 110%;
}

.bg-overlay:hover::before {
	opacity: 0.6; /* Increase opacity on hover */
}

.zoom-base-image:hover::before {}

.bg-overlay h2,
.bg-overlay a,
.bg-overlay p {
  position: relative;
  z-index: 2; /* Ensure the text is above the overlay */
}

/* new for hs home page */
.hs-zoom-base-image {
    background-size: 100% !important;
    transition: background-size 1s ease-in-out !important;
}

.hs-zoom-base-image:hover {
    background-size: 110% !important;
}

nav.woocommerce-breadcrumb a {
	color: var(--accent) !important;
}

.hs-button-colored {
	background-color: var(--accent);
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	color: #ffffff;
	border-radius: 16px;
	text-align: center;
}

ul.products > li.product {
	box-shadow: 2px 2px 24px 1px rgba(107,107,107,0.75);
	border-radius: 16px;
	transition: 0.9s;
}
ul.products > li:hover {
	box-shadow: 8px 8px 24px 1px rgba(227,227,227,0.50);
	transition: 0.9s;
}

ul.products > li.product > a.button {
	margin-bottom: 1em;
	border-radius: 8px;
}

div.wc-product-image > div.inside-wc-product-image > img {
	border-radius: 16px;
}

/* woocommerce category titles */
.woocommerce-loop-category__title {
	background-color: var(--accent);
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	color: var(--base-2);
	line-height: 1.4em;
	font-size: 1.2em !important;
}
.woocommerce-loop-category__title > mark.count {
	color: var(--base-2);
	font-size: 1.2em !important;
}

/* products by tag */
/* ul.wc-block-grid__products > li.wc-block-grid__product {
	box-shadow: 2px 2px 24px 1px rgba(107,107,107,0.75);
	border-radius: 16px;
	transition: 0.9s;
}
ul.wc-block-grid__products > li:hover {
	box-shadow: 8px 8px 24px 1px rgba(227,227,227,0.50);
	transition: 0.9s;
}

div.wc-block-grid__product-image > img {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
} */

.hs-products-tag {
	border-radius: 16px;
}

.hs-products-tag > ul.wc-block-grid__products {
	column-gap: 4px;
}


@media (min-width: 600px) {
	.hs-products-tag > ul.wc-block-grid__products > li {
	max-width: 22% !important;
	border-radius: 16px;
}
}

.hs-products-tag > ul.wc-block-grid__products > li > a > div> img {
	border-radius: 16px 16px 0px 0px;
}

/* hs latest products */
@media (max-width: 600px) {
    div.hs-latest-products > ul.products.columns-4 {
        width: 100% !important;
        float: none !important;
    }
}

/* pagination */
.woocommerce nav.woocommerce-pagination ul {
	border-radius: 16px;
}

.woocommerce nav.woocommerce-pagination ul li {
	border-radius: 16px;
	border: 0px solid var(--accent);
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: var(--accent);
	color: var(--base-3);
}

/* breadcrumbs */

nav.woocommerce-breadcrumb {
	padding: 1em !important;
	background-color: var(--base-2);
	line-height: 3.5em;
}

nav.woocommerce-breadcrumb > a {
	text-decoration: none;
	color: var(--accent);
	background-color: var(--base);
    border-radius: 16px;
    padding: 1em !important;
}

/* inside article */
div .inside-article {
	border-radius: 24px;
}

/* sidebar */
.wc-block-featured-product__title {
	font-size: 32px;
}

.sidebar .widget {
	border-radius: 24px;
}

div[data-block-name="woocommerce/featured-product"] {
	border-radius: 24px;
}

/* Footer */
#menu-footer-menu > li > a {
	text-decoration: none;
}

#menu-footer-info > li > a {
	text-decoration: none;
}

div.site-footer a {
	text-decoration: none;
}

div.site-footer a:hover {
	text-decoration: none;
	background-color: var(--base-2);
	border-radius: 16px;
    padding: 4px !important;
}