/*
Theme Name: Merto Child
Theme URI: https://demo.theme-sky.com/merto/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: merto
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: merto-child
*/

:root {
    --ts-secondary-color: #DE1010;
    --e-global-color-bg: #1B1F22;
    --e-global-color-light-bg: #EBEEF0;
    --e-global-color-white: #ffffff;
    --e-global-color-border: #E5E5E5;
    --e-global-color-category-bg: #f4f5f7;
    --e-global-color-gradient-1: #125BC9;
    --e-global-color-gradient-2: #0E4AA3;
    --e-global-color-gradient-3: #DE1010;
    --e-global-color-gradient-4: #B50D0D;


    --ts-border-radius: 8px !important;
}

/* Layout */

body.page-template-default.page .page-container {
    padding-bottom: var(--ts-section-gap);
}

/* Header */
header.ts-header {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.logged-in .my-account-wrapper .dropdown-container {
    width: 230px;
}

/* Search */
.ts-search-by-category .select-category {
    min-width: 211px;
}

/* Login */

body .login-popup-content {
    align-items: center;
}

body .login-popup-content .form-content {
    padding: 40px 0 140px;
}

body .login-popup-content .form-content .create-account-wrapper {
    padding-bottom: 40px
}

body #ts-login-form .woocommerce-form-login {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

body #ts-login-form p.form-row-first,
body #ts-login-form p.form-row-last {
    width: 100%;
}

body #ts-login-form p.form-row:not(.form-row-first):not(.form-row-last) {
    flex: 1
}

body #ts-login-form .woocommerce-form-login .woocommerce-form-login__rememberme {
    padding-bottom: 20px;
}

/*Menu*/
.main-menu>ul>li[class*="current-"]>a>.menu-label,
.main-menu>ul>li:hover>a>.menu-label {
    text-underline-offset: 4px;
    text-decoration: underline;
}

nav>ul.menu li a.has-icon {
    gap: 5px;
}

/* Sticky menu*/
.vertical-menu-heading {
    gap: 0 10px;
}

.menu-sticky .vertical-menu>ul>li.parent>a:hover:after,
.menu-sticky .vertical-menu>ul>li:hover>a:after {
    color: var(--ts-dropdown-color);
}

@media only screen and (max-width: 1200px) {
    body :is(.ts-header, .menu-sticky) nav>ul.menu li.ts-megamenu-fullwidth ul.sub-menu {
        width: calc(1024px - 270px);
    }
}

@media only screen and (max-width: 1024px) {
    body :is(.ts-header, .menu-sticky) nav>ul.menu li.ts-megamenu-fullwidth ul.sub-menu {
        width: calc(767px - 270px);
    }
}

/* Mobile menu*/

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

    body .mobile-menu-wrapper ul li.special-item>a,
    #group-icon-header .my-wishlist-wrapper a,
    #group-icon-header .my-account-wrapper .account-control>a,
    #group-icon-header .my-account-wrapper .account-control>a span {
        color: var(--ts-mobile-menu-color) !important;
    }
}

/* Breadcrumbs*/
.breadcrumb-title-wrapper {
    background-color: var(--ts-primary-color);
    background-image: url(/wp-content/uploads/2025/09/pattern-1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 15px 10px;
    margin-bottom: 25px;
}

/* Product categories */

.ts-product-category-wrapper.woocommerce .products.swiper:not(:is(.cross-sells, .up-sells, .related)) .product-category {
    padding-left: 8.5px;
    padding-right: 8.5px;
}

.woocommerce .product-category .product-wrapper {
    padding: 10px 10px 20px;
    border: 1px solid #EAEFF2;
    border-radius: var(--ts-border-radius);
}

.woocommerce .product-category .product-wrapper:hover {
    border-color: var(--ts-heading-color);
}

.woocommerce .product-category .product-wrapper>a,
.woocommerce .products .product.product-category a img {
    border-radius: 0 !important
}

.woocommerce .product-category .product-wrapper>a:before,
.woocommerce .product-category .product-wrapper>a:after {
    content: unset !important;
    display: none !important;
}

@media only screen and (max-width: 1025px) {
    #main>.list-categories .products {
        --ts-columns: 4;
    }
}

@media only screen and (max-width: 991px) {
    #main>.list-categories .products {
        --ts-columns: 3;
    }
}

@media only screen and (max-width: 767px) {
    #main>.list-categories .products {
        --ts-columns: 3;
    }
}

@media only screen and (max-width: 480px) {
    #main>.list-categories .products {
        --ts-columns: 2;
    }
}

/* Products */

table.group_table .woocommerce-grouped-product-list-item__label a,
.woocommerce ul.cart_list li .product-name a,
.woocommerce ul.product_list_widget li .product-name a,
.woocommerce ul.product_list_widget li .ts-wg-meta>a,
.woocommerce .products .product .product-name {
    min-height: calc(2 * 1.42em);
}

/* Buttons */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled],
a.button,
button,
.elementor-button,
input[type^="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading,
.shopping-cart p.buttons a,
a.wp-block-button__link,
.ts-banner .ts-banner-button .button,
.ts-header nav>ul.menu>li.button>a,
.ts-header nav>ul>li.button>a,
.ts-shortcode>.shop-more .shop-more-button,
.footer-container a.button,
.footer-container a.elementor-button,
.product-group-button-meta>div:not(.loop-add-to-cart) a,
.product-group-button>div a {
    --ts-border-radius: 5px !important;
}

/* Input */

select,
html input[type="search"],
html input[type="text"],
html input[type="email"],
html input[type="password"],
html input[type="date"],
html input[type="number"],
html input[type="tel"],
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
body .select2-container-default .select2-search--ts-dropdown .select2-search__field,
body .select2-container-default .select2-selection--ts-single,
body .select2-container-default .select2-selection--ts-single,
body .select2-container-default .select2-search--ts-dropdown .select2-search__field,
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select,
#add_payment_method table.cart td.actions .coupon .input-text,
.chosen-container a.chosen-single,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout .form-row .chosen-container-single .chosen-single,
.woocommerce-checkout table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text,
body .select2-container-default .select2-selection--ts-multiple,
body .select2-container--default .select2-selection--single .select2-selection__rendered,
.ts-search-by-category form {
    --ts-border-radius: 35px !important;
}

.ts-search-form-widget .search-table .search-button {
    border-radius: 35px !important;
}

textarea,
.woocommerce form .form-row textarea.input-text {
    --ts-border-radius: 20px !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

.woocommerce form .form-row .required {
    color: var(--ts-secondary-color) !important;
}

/* Editor */

.elementor-widget-text-editor a.text-underline,
.elementor-widget-text-editor a:not(.button):not([href*="tel"]):not([href*="mailto"]) {
    vertical-align: -5px;
}

.elementor-widget-text-editor ul li {
    list-style: disc inside none;
}

/* Tooltip */
.product-group-button div:not(.loop-add-to-cart) .button-tooltip,
.ts-shortcode .product-group-button-meta>div.button-in .button-tooltip,
.product-hover-style-v1 .product-group-button div.loop-add-to-cart .button-tooltip {
    white-space: nowrap;
}

/* Back to top */
body #to-top {
    width: 44px !important;
    height: 44px !important;
}

body #to-top a {
    border-radius: 44px !important;
}

body #to-top a:before {
    line-height: 44px !important;
}

@media only screen and (max-width: 1200px) {
    body #to-top a {
        width: 44px !important;
        height: 44px !important;
    }

    body #to-top a {
        border-radius: 44px !important;
    }

    body #to-top a:before {
        line-height: 44px !important;
    }
}

/* Footer */
footer.footer-container {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}