/*
Theme Name:     Demo-child
Theme URI:
Description:    untex child theme.
Author:         Me
Author URI:
Template:       untex
Version:        1.0.0
*/
@media (min-width: 1201px) {
    body.shop_custom_columns_3 ul.untex-products.products:not(.products-list) {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    body.shop_custom_columns_4 ul.untex-products.products:not(.products-list) {
        grid-template-columns: repeat(4, 1fr) !important;
    }
    body.shop_custom_columns_5 ul.untex-products.products:not(.products-list) {
        grid-template-columns: repeat(5, 1fr) !important;
    }
    body.shop_custom_columns_6 ul.untex-products.products:not(.products-list) {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}

@media (max-width: 1200px) {
    body[class*="shop_custom_columns_"] ul.untex-products.products:not(.products-list) {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 880px) {
    body[class*="shop_custom_columns_"] ul.untex-products.products:not(.products-list) {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 560px) {
    body[class*="shop_custom_columns_"] ul.untex-products.products:not(.products-list) {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* Force consistent vertical centering for all desktop widths */
@media (min-width: 1025px) {
    /* Properly target the actual UL inside .primary-navigation */
    .elementor-element-10651d2 .primary-navigation > ul.menu {
        display: flex;
        align-items: center;
        column-gap: clamp(6px, 1.2vw, 14px);
    }

    .elementor-element-10651d2 .primary-navigation > ul.menu > li.menu-item {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    .elementor-element-10651d2 .primary-navigation > ul.menu > li.menu-item > a,
    .elementor-element-10651d2 .primary-navigation > ul.menu > li.menu-item > a .menu-title,
    .elementor-element-10651d2 .primary-navigation > ul.menu > li.menu-item > a .menu-title > span {
        display: inline-flex;
        align-items: center;
        line-height: 1.05;
        vertical-align: middle;
        white-space: nowrap;
    }

    .elementor-element-10651d2 .primary-navigation > ul.menu > li.menu-item > a:before {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    /* Nav item spacing and font sizing shrink fluidly on long labels */
    .elementor-element-10651d2 .primary-navigation > ul.menu > li.menu-item > a {
        padding: clamp(10px, 1.2vw, 16px) clamp(12px, 1.4vw, 18px);
    }

    .elementor-element-10651d2 .primary-navigation > ul.menu > li.menu-item > a .menu-title > span {
        display: inline-flex;
        align-items: center;
        font-size: clamp(14px, 1vw, 15px);
    }
}

/* Header responsiveness when labels get longer */
@media (min-width: 1025px) {
    /* Overall row spacing breathes but collapses when space is tight */
    .elementor-element-b9ef516 .e-con-inner {
        gap: clamp(10px, 1.6vw, 26px);
        align-items: center;
    }

    /* Nav item padding shrinks fluidly */
    .elementor-element-10651d2 .primary-navigation > ul.menu > li.menu-item > a {
        padding-left: clamp(10px, 1.4vw, 20px);
        padding-right: clamp(10px, 1.4vw, 20px);
    }

    /* Phone icon/number stay centered even when wrapping */
    .elementor-element-a5bdd00 .elementor-heading-title a {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        line-height: 1.2;
        vertical-align: middle;
    }
}
