/*
Theme Name:     Uminex
Theme URI:      https://uminex.kutethemes.net/
Author:         Kutethemes
Author URI:     https://kutethemes.com/
Tested up to:   7.3
Requires PHP:   5.6
License:        GNU General Public License v1 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    uminex
Version:        1.0.9
Description:    Uminex theme Shop is a simple but modern responsive WordPress theme that oozes high-street sophistication. Its sharp lines and flat design style has been designed to be pixel perfect. Simply load your photography and you can have an online shop to matches the likes of Prada, Gucci and Yves St Laurent.
Tags:           two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* ==========================================
   1. Carousel Image Padding
========================================== */
.elementor-image-carousel .swiper-slide-inner {
    padding: 20px;
}

/* ==========================================
   2. Delivery Info Icon Color
========================================== */
.delivery-info .item .icon {
    color: #0966b1;
}
/* ==========================================
   Change style in previous header
========================================== */
.header-top .text {
    font-size: 15px;
	font-weight:bold;
}
/* ==========================================
   3. Grid Layout for Logo Images
========================================== */
.grid-container {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* PC: 7 cột */
    grid-gap: 10px;
}

.grid-container img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    padding: 5px;
    box-sizing: border-box;
}
/* ==========================================
   hide menu mobile in pc screen
========================================== */
.menu-grid-layout {
    display: none; /* Mặc định ẩn */
 }
/* ==========================================
   change style banner footer 
========================================== */
.banner-footer-pc {
    display: block;
  }
  .banner-footer-mobile {
    display: none;
  }

/* ==========================================
   4. Responsive Layout
========================================== */

/* Tablet (<= 1024px): 5 cột */
@media (max-width: 1024px) {
    .grid-container {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Mobile (<= 767px): 4 cột + ẩn menu + tùy chỉnh header */
@media (max-width: 767px) {

    /* Grid layout: 4 cột */
    .grid-container {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Ẩn phần header-top */
    .header-top .header-inner {
        display: none;
    }
	.only-mobile {
  	display: none;
	}
    /* Header actions layout */
    .header-actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0 16px;
    }

    .main-icon-menu {
        order: 0; /* Bên trái */
    }

    .main-icon-cart {
        order: 1; /* Bên phải */
    }

    /* Ẩn các element Elementor cụ thể */
    .elementor-element-f146fc0,
    .elementor-element-685001b,
    .elementor-element-6392f1d {
        display: none !important;
    }

    /* Ẩn các menu item cụ thể */
    .menu-item-3632,
    .menu-item-3633,
    .menu-item-3634,
    .menu-item-3635,
    .menu-item-3636,
    .menu-item-3637,
    .menu-item-3638,
    .menu-item-3639 {
        display: none !important;
    }
	.banner-footer-pc {
      display: none;
    }
    .banner-footer-mobile {
      display: block;
    }
	/* Ẩn các menu item cụ thể */
	.elementor-widget-container img.wp-image-3170 {
		margin-top: 5px;
	}
/* ==========================================
   list menu for mobile screen
========================================== */
.menu-grid-layout {
      display: grid;
      grid-template-columns: repeat(4, 1fr); /* 4 cột trên mobile */
      grid-gap: 5px;
    }

  .item-grid-layout {
    text-align: center;
	font-size: 10px;
    font-weight: 500;
  }

  .menu-item-link {
    display: block;
    padding: 0px 12px 0px 12px;
    text-decoration: none;
    color: #333;
    background: #fff;
    border: 0.5px solid #0966b1;
    border-radius: 5px;
    box-sizing: border-box;
    transition: all 0.3s ease;
  }

  .menu-item-link:hover {
    background-color: #0966b1;
    color: #fff;
  }
/* ==========================================
   show menu mobile in mobile screen
========================================== */
	span.title {
  display: none;
}
.tabs-link {
    position: absolute;
    right: 0;
    top: 0; /* hoặc điều chỉnh theo ý */
    padding: 10px;
  }

  .tabs-link .link {
    display: inline-block;
    text-decoration: none;
  }
.e-con-inner {
    display: flex;
    flex-direction: row;         /* Sắp hàng ngang */
    align-items: center;         /* Căn giữa theo chiều dọc */
    justify-content: center;     /* Căn giữa theo chiều ngang */
    grid-gap: 10px;                   /* Khoảng cách giữa các phần tử */
    flex-wrap: wrap;             /* Xuống dòng nếu chật */
    text-align: center;
}
	 /* hiện banner mobile */
	.only-mobile {
    display: block;
  }
}