/**
* Theme Name: YITH Proteo Child
* Description: This is a child theme of YITH Proteo, generated by YITH_Proteo_Wizard.
* Author: <a href="https://yithemes.com">YITH</a>
* Template: yith-proteo
* Version: 1.3.0
*/

.home .entry-content {
    position: relative;
    top: -80px;
}

nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow {
    width: 100% !important;
}

li#menu-item-473 {
    background: #e59580;
    border-radius: 6px;
}

a,
p{
    font-family: 'Manrope' !important;
}

li#menu-item-473 a:hover{
    color: #fff !important;
}

body:not(.home) .elementor-element-fef7ed6 {
    background: #9f7e6b !important;
}

.ht-category-wrap-2:hover::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    border: 2px solid #c96558 !important;
}

.eg_ipiresies_img img{
	 width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.eg_ipiresies_img .wl-row {
    row-gap: 35px;
}

.eg_ipiresies_img .ht-category-wrap-2 {
    text-align: center;
    border-radius: 6px;
}

/* --- */ 
/* Masonry → clean responsive grid */
[layout-mode="masonry"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 24px !important;
    height: auto !important;
    position: static !important;
}
[layout-mode="masonry"]::before { display: none !important; }   /* isotope sizer */
[layout-mode="masonry"] > li.product {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    margin: 0 !important;
}

/* Ίδιο μέγεθος εικόνες (το img έχει την κλάση) */
.wvs-archive-product-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important;   /* ίδιο με το 225×300· βάλε 1/1 για τετράγωνο */
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

.eg_page_gallery img {
  width: 100%;
  aspect-ratio: 3 / 4;        /* ίδια αναλογία για όλες (άλλαξέ το: 1/1, 4/3...) */
  object-fit: cover;          /* γεμίζει + κόβει, ΧΩΡΙΣ παραμόρφωση */
  object-position: center;    /* πού «κεντράρει» το κρόπ */
  display: block;
  border-radius: 8px;         /* προαιρετικό */
}

/* να μη «σπάει» σε μικρές οθόνες */
@media (max-width: 900px) { .eg_page_gallery { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .eg_page_gallery { grid-template-columns: 1fr; } }

/* woo */