/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.7
	Stable tag: 3.4.7
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* collection products */

.current-menu-item > a {
    text-decoration: none !important;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
}

.product-image-large .elementor-widget-image {
    width: 100%;
    height: 100%;
}

.collection-product .elementor-grid-item {
	cursor: pointer;
    .elementor-post__thumbnail__link {
        margin-bottom: 0px;
    }
}

.collections-container {
    .elementor-widget-image a {
        display: block;
    }
}

/* category menu items */
.product-category-menu .elementor-icon-list-items li {
    transition: transform 0.3s ease-in-out;
    transform-origin: left center;

    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    will-change: transform;
}

.product-category-menu .elementor-icon-list-items li:hover {
    transform: translate3d(-5px, 0, 0) scale(1.08);
}

.fr-product-nav {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fr-product-nav a {
    transition:
        transform 0.25s ease,
        opacity 0.25s ease;

    transform-origin: left center;

    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;

    display: inline-block;
}

.fr-product-nav a:hover {
    transform: translateX(-5px);
}


/* Hide search widget normally */
.search-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(255,255,255,0.98);
    align-items: center;
    justify-content: center;
}

/* Show when active */
.search-overlay.active {
    display: flex !important;
}

/* Animate in */
.search-overlay.active {
    animation: overlayFadeIn 0.25s ease;
}
@keyframes overlayFadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Style the search form inside overlay */
.search-overlay .elementor-search-form__container {
    width: 50vw;
    border: none !important;
    border-bottom: 2px solid #2c2c6c !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 0 12px 0 !important;
}
.search-overlay .elementor-search-form__input {
    font-size: 28px !important;
    background: transparent !important;
    border: none !important;
    color: #1a1a1a !important;
    font-family: inherit !important;
}
.search-overlay .elementor-search-form__input::placeholder {
    color: #aaa !important;
}
.search-overlay .elementor-search-form__submit {
    background: transparent !important;
    color: #2c2c6c !important;
    font-size: 20px !important;
}

/* Close button */
.search-overlay-close {
    position: absolute;
    top: 48%;
    left: 95%;
    transform: translate(-50%, -50%);
    background: none;
    border: none;
    font-size: 28px;
    padding: 0;
    cursor: pointer;
    color: #000000;
    opacity: 0.5;
    line-height: 1;
    z-index: 2;

}
.search-overlay-close:hover { opacity: 1; }

/* Search icon cursor */
#search-icon { cursor: pointer; }


@media (max-width: 768px) {
    .product-grid-item .elementor-page-title {
        display: block;
    }
}

/* footer */
footer .elementor-nav-menu--dropdown {
    z-index: 997;
}