/*!
Theme Name: GP Child
Theme URI: https://gerasplanas.lt
Description: GP Theme
Author: Thoufeeq
Author URI: https://gerasplanas.lt
Template: vault
Version: 1.0.5
Text Domain: vault
*/

@import url('https://fonts.googleapis.com/css2?family=Reddit+Sans:ital,wght@0,200..900;1,200..900&display=swap');


/* Base Imports */
@import url("./styles/base/_variables.css");
@import url("./styles/base/_typography.css");
@import url("./styles/base/_colors.css");

/* Utilities */
@import url("./styles/utilities/_colors.css");
@import url("./styles/utilities/_text.css");
@import url("./styles/utilities/_spacing.css");

/* Components */
@import url("./styles/components/woocommerce/_woo.css");
@import url("./styles/components/woocommerce/_tabs.css");
@import url("./styles/components/woocommerce/_sidecart.css");
@import url("./styles/components/woocommerce/_gallery.css");
@import url("./styles/components/woocommerce/_related-products.css");
@import url("./styles/components/woocommerce/_grouped-products.css");


/* Base Styles */
main#main {
    background-color: #fff;
}

/* Header */
@media (min-width: 1024px) {
    div#wrapper-navbar {
        display: flex;
        justify-content: center;
    }

    .uicore-navbar .uicore-header-wrapper {
        position: absolute;
        box-shadow: none;
        margin-top: 20px;
        min-width: 1420px;
    }

    .uicore-navbar:not(.elementor-section-boxed) .uicore-header-wrapper nav {
        padding: 0 24px;
    }
}

#wrapper-navbar .uicore-header-wrapper:before {
    box-shadow: none;
}

/* Header Background & Effects */
.uicore-mobile-menu-wrapper:before,
.uicore-wrapper.uicore-search.elementor-section,
.uicore-navbar .uicore-header-wrapper:before {
    background: rgba(255, 255, 255, 1); /* Fallback */
    background: oklch(from rgba(255, 255, 255,1) l c h / 85%); /* Advanced */
    -webkit-backdrop-filter: saturate(180%) blur(30px);
    backdrop-filter: saturate(180%) blur(30px);
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.04);
}


.uicore-h-classic.uicore-navbar .uicore-menu>.menu-item-has-children>a:after {
	top: 4px;
}

/* Header Layout */


@media (min-width: 1025px) {
    #wrapper-navbar.uicore .uicore-header-wrapper>.uicore.uicore-container {
        padding-right: 8px !important;
    }
}


@media (min-width: 1025px) {
    #wrapper-navbar.uicore .uicore-header-wrapper>.uicore.uicore-container {
        width: 100% !important;
    }
}

.uicore-mobile-menu-wrapper:before,
.uicore-wrapper.uicore-search.elementor-section,
.uicore-navbar .uicore-header-wrapper:before {
    background: oklch(from rgba(255,255,255,1) l c h / 85%); /* Advanced */
    -webkit-backdrop-filter: saturate(180%) blur(50px);
    backdrop-filter: saturate(180%) blur(50px);
}

.uicore-navbar .uicore-header-wrapper {
    transition: all .25s var(--easing-accelerate);
}

@media (min-width: 1025px) {
    .uicore-navbar:not(.elementor-section-boxed) .uicore-header-wrapper nav {
        padding: 0 8px 0 16px;
    }
}

.uicore-navbar .uicore-nav,
.uicore-navbar .uicore-nav-menu {
    justify-content: center;
}

/* CTA Button: Navbar */
@media (min-width: 1025px) {
    .uicore-navbar .uicore-cta-wrapper a {
        padding: 12px 20px;
        border-radius: 12px;
        line-height: 23px;
        font-size: 16px;
        letter-spacing: -0.43px;
    }
}

.uicore-cta-wrapper a.uicore-btn.uicore-inverted {
    background: var(--fills-secondary);
    color: #000;
}

.uicore-cta-wrapper a.uicore-btn.uicore-inverted:hover {
    background: var(--fills-tertiary);
    color: var(--color-primary);
}

/* Sub Menu */
.uicore-navbar nav.uicore ul.sub-menu,
.uicore-navbar nav.uicore ul.sub-menu:not(.uicore-megamenu) {
    background: oklch(from rgba(255, 255, 255,1) l c h / 85%); /* Advanced */
    -webkit-backdrop-filter: saturate(180%) blur(30px);
    backdrop-filter: saturate(180%) blur(30px);
    border-radius: 12px;
    gap: 20px;
    margin-top: 16px;
	border: 1px solid #ff4500;
}

.uicore-custom-area .uicore-hca ul.uicore-menu li.menu-item>a,
.uicore-navbar.uicore-h-classic .uicore-simple-megamenu>.sub-menu,
.uicore-navbar:not(.uicore-left-menu) .uicore-nav-menu ul.uicore-menu li.menu-item>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.uicore-navbar nav .menu-item-has-children>a:after {
    font-size: 14px;
    line-height: 34px;
}

.uicore-h-classic.uicore-navbar .uicore-menu>.menu-item-has-children>a:after {
    top: 1px;
}

.uicore-custom-area .uicore-hca ul.uicore-menu li.menu-item>a,
.uicore-navbar.uicore-h-classic .uicore-simple-megamenu>.sub-menu,
.uicore-navbar:not(.uicore-left-menu) .uicore-nav-menu ul.uicore-menu li.menu-item>a {
    font-size: 17px;
    font-family: "DM Sans", sans-serif;
    font-weight: var(--font-weight-medium);
}

.uicore-navbar nav.uicore ul.sub-menu li.menu-item>a {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 12px;
    padding: 16px 28px 16px 28px!important;
    display: block;
    transition: all 0.25s var(--easing-standard);
}

.uicore-navbar nav.uicore ul.sub-menu li.menu-item>a:hover {
    background: rgba(0,0,0,0.03);
    border-color: rgba(255, 69, 0,.2);
}

/* Navigation Menu */
.uicore-custom-area .uicore-hca .uicore-icon-wrapp,
.uicore-custom-area .uicore-hca p,
.uicore-drawer-toggle .ui-text,
.uicore-mobile-menu-wrapper .uicore-menu .menu-item>a,
.uicore-nav-menu .uicore-nav .sub-menu:not(.uicore-megamenu)>li a,
.uicore-nav-menu .uicore-nav .uicore-menu>.menu-item>a,
.uicore-navbar .uicore-btn {
    line-height: 1.5;
}

.uicore-navbar li>a {
    transition: all 0.25s var(--easing-standard);
}

.uicore-menu-focus .uicore-menu li a {
    transition-timing-function: var(--easing-standard);
}

/* Menu Hover Effect */
@media only screen and (min-width: 767px) {
    .uicore-menu .ui-menu-item-wrapper:before {
        content: '';
        position: absolute;
        z-index: -1;
        bottom: -8px;
        width: 100%;
        height: 1px;
        opacity: .75;
        transform: scale3d(0, 1, 1);
        transform-origin: 100% 50%;
        transition: transform 0.3s;
        transition-timing-function: var(--easing-standard);
        border-radius: 100px 100px 0px 0px;
        filter: saturate(200%) blur(0.5px);
        background: #ff4500;
    }
}

/* Mobile Menu */
@media screen and (max-width: 1025px) {
    .uicore-navbar .uicore-branding {
        margin: calc(var(--uicore-header--logo-padding)* 1.15) 0;
    }

    .uicore-mobile-nav-show .uicore-navigation-wrapper {
        transition: all 0.2s var(--easing-accelerate);
        background: oklch(from rgba(255,255,255,1) l c h / 85%);
        -webkit-backdrop-filter: saturate(180%) blur(30px);
        backdrop-filter: saturate(180%) blur(30px);
    }

    .uicore-cta-wrapper a.uicore-btn.uicore-inverted {
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 40px;
        color: black;
    }

    .uicore-cta-wrapper a.uicore-btn.uicore-inverted:hover {
        background-color: rgba(0, 0, 0, 0.03);
        color: #ff4500;
    }

    .uicore-header-wrapper>nav>div .uicore-cta-wrapper a {
        padding: 7px 12px;
        font-size: 14px;
        line-height: 16px;
    }
}

.uicore-navigation-wrapper .uicore-navigation-content .uicore-extra .uicore-btn {
    padding: 12px 20px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.43px;
}

.uicore-navigation-wrapper .uicore-navigation-content .uicore-extra .uicore-btn:hover {
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 5px 10px 0 rgba(128, 128, 128, .1);
}

/* Search UI */
.uicore-mobile-menu-wrapper:before,
.uicore-wrapper.uicore-search.uicore-section,
.uicore-navbar .uicore-header-wrapper:before {
    background: rgba(255,255,255,1); /* Fallback */
    background: oklch(from rgba(255,255,255,1) l c h / 85%); /* Advanced */
    -webkit-backdrop-filter: saturate(180%) blur(40px);
    backdrop-filter: saturate(180%) blur(40px);
}

.uicore-wrapper.uicore-search.uicore-section {
    transition: all 0.25s var(--easing-accelerate);
}

.woocommerce-page input:focus {
    color: #ff4500;
}

.uicore-search .search-field {
    font-family: var(--e-global-typography-uicore_primary-font-family);
}

/* Buttons & Form Elements */
.elementor-kit-17 input[type="button"],
.elementor-kit-17 input[type="submit"],
.elementor-kit-17 .elementor-button.elementor-button,
.elementor-kit-17 .elementor-button:not(.bdt-offcanvas-button),
.elementor-kit-17 .bdt-button-primary,
.elementor-kit-17 .bdt-ep-button,
button.metform-btn,
button.metform-btn:not(.toggle),
.elementor-kit-17 .bdt-callout a.bdt-callout-button,
.elementor-kit-17 [type="submit"],
.elementor-kit-17 .tutor-button,
.elementor-kit-17 .tutor-login-form-wrap input[type="submit"],
.elementor-kit-17 .wp-block-button__link,
.uicore-mobile-menu-wrapper .uicore-cta-wrapper a,
.uicore-left-menu .uicore-cta-wrapper a,
.wc-block-components-button:not(.is-link) {
    border-radius: 12px;
}

/* Critical Gallery Visibility Fixes */
.gp-gallery {
    max-width: 500px;
    margin: 0 auto 30px;
    display: block;
    visibility: visible;
    position: relative;
    min-height: 250px;
    overflow: visible;
}

/* Mobile gallery settings */
@media (max-width: 767px) {
    .gp-gallery {
        max-width: 100%;
        width: auto;
        min-width: 300px;
    }
}

.gp-gallery-main {
    position: relative;
    display: block;
    visibility: visible;
    min-height: 250px;
}

#gp-main-image {
    position: absolute;
    height: 100%;
    display: block;
    visibility: visible;
}

/* Hide Reviews Tab */
.gp-accordion[data-tab="reviews"],
#tab-title-reviews,
.reviews_tab,
li.reviews_tab,
.wc-tabs li.reviews_tab,
div[aria-controls="tab-reviews"],
[href="#tab-reviews"],
#tab-reviews,
.woocommerce-Tabs-panel--reviews {
    display: none !important;
}