/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.vai-sew-options, .vai-related-heading .elementor-heading-title{
	margin:0 !important;
}
.vai-search-title {
    margin: 24px 0 18px;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.2;
    color: #aaa8b5;
}

.vai-search-title strong {
    color: #111;
    font-weight: 700;
}

.vai-search-section-title {
    margin: 0 0 24px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    color: #333;
}

.vai-search-empty-text {
    margin: -6px 0 28px;
    color: #555;
    font-size: 14px;
    line-height: 1.5;
}

body.vai-search-has-products .vai-search-empty-section {
    display: none !important;
}

body.vai-search-no-products .vai-search-results-section {
    display: none !important;
}

/*HOVER*/

/* =========================
   Global text/link hover
========================= */

/* Link text thường */
body a:not(.elementor-button):not(.elementor-icon):not(.elementor-social-icon):hover,
body a:not(.elementor-button):not(.elementor-icon):not(.elementor-social-icon):hover * {
    color: #666666 !important;
}

/* Tiêu đề có gắn link trong Elementor */
body .elementor-heading-title a,
body .elementor-heading-title a * {
    transition: color 0.25s ease;
}

body .elementor-heading-title a:hover,
body .elementor-heading-title a:hover * {
    color: #666666 !important;
}

/* Title sản phẩm trong loop */
body .vai-loop-title,
body .vai-loop-title a,
body .vai-loop-title .elementor-heading-title {
    transition: color 0.25s ease;
}

body .vai-loop-card:hover .vai-loop-title,
body .vai-loop-card:hover .vai-loop-title a,
body .vai-loop-card:hover .vai-loop-title .elementor-heading-title {
    color: #666666 !important;
}

/* Menu link */
body .elementor-nav-menu a {
    transition: color 0.25s ease;
}

body .elementor-nav-menu a:hover,
body .elementor-nav-menu a:hover * {
    color: #666666 !important;
}

/* Breadcrumb link */
body .rank-math-breadcrumb a:hover,
body .woocommerce-breadcrumb a:hover,
body .elementor-widget-breadcrumbs a:hover {
    color: #666666 !important;
}

/* Link trong footer nền đen */
body .elementor-location-footer a:hover,
body .elementor-location-footer a:hover *,
body footer a:hover,
body footer a:hover * {
    color: #d8d8d8 !important;
}

/* Không áp dụng cho button và social icon */
body .elementor-button:hover,
body .elementor-button:hover *,
body .elementor-social-icon:hover,
body .elementor-social-icon:hover * {
    color: inherit !important;
}

/* =========================
   Image hover zoom
========================= */

/* Product loop image */
.vai-loop-image-wrap,
.vai-loop-image a {
    overflow: hidden;
    display: block;
    border-radius: inherit;
}

.vai-loop-image img {
    display: block;
    width: 100%;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.vai-loop-card:hover .vai-loop-image img {
    transform: scale(1.08);
    opacity: 0.96;
}

/* Elementor image widget */
.elementor-widget-image a {
    overflow: hidden;
    display: block;
}

.elementor-widget-image img {
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.elementor-widget-image:hover img {
    transform: scale(1.08);
    opacity: 0.96;
}

/* Single product gallery */
.woocommerce-product-gallery__image {
    overflow: hidden;
}

.woocommerce-product-gallery__image img {
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.woocommerce-product-gallery__image:hover img {
    transform: scale(1.08);
    opacity: 0.96;
}

/* Blog / post thumbnail */
.elementor-post__thumbnail__link,
.elementor-post__thumbnail {
    overflow: hidden;
}

.elementor-post__thumbnail img {
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.08);
    opacity: 0.96;
}

/* Loại trừ logo và icon */
.custom-logo-link:hover img,
.elementor-widget-theme-site-logo:hover img,
.elementor-icon:hover img,
.elementor-social-icon:hover img {
    transform: none !important;
    opacity: 1;
}

@media (max-width: 767px) {

	.elementor-element-188a4c6 {
    position: relative !important;
    z-index: 999;
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #050505 !important;
    border: 0 !important;
  }

  .elementor-element-188a4c6 > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 8px 20px !important;
    margin: 0 !important;
    box-sizing: border-box;

    display: grid !important;
    grid-template-columns: repeat(3, 72px) !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .elementor-element-5639899,
  .elementor-element-4bdcf5d,
  .elementor-element-15316f8 {
    width: 72px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  .elementor-element-188a4c6 .elementor-widget,
  .elementor-element-188a4c6 .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-element-065f89d,
  .elementor-element-065f89d .elementor-widget-container {
    width: 72px !important;
    height: 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .elementor-element-065f89d .elementor-menu-toggle {
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    color: #fff !important;
    border: 0 !important;
  }

  .elementor-element-065f89d .elementor-menu-toggle[aria-expanded="false"] .elementor-menu-toggle__icon--open {
    display: block !important;
  }

  .elementor-element-065f89d .elementor-menu-toggle[aria-expanded="false"] .elementor-menu-toggle__icon--close {
    display: none !important;
  }

  .elementor-element-065f89d .elementor-menu-toggle[aria-expanded="true"] .elementor-menu-toggle__icon--open {
    display: none !important;
  }

  .elementor-element-065f89d .elementor-menu-toggle[aria-expanded="true"] .elementor-menu-toggle__icon--close {
    display: block !important;
  }

  .elementor-element-188a4c6 svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    fill: currentColor !important;
  }

  .elementor-element-c3d0645,
  .elementor-element-c3d0645 .elementor-widget-container,
  .elementor-element-c3d0645 p {
    width: 72px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Lexend Deca", sans-serif !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 500 !important;

    color: #fff !important;
    text-align: center !important;
  }

  .elementor-element-efff973,
  .elementor-element-a426072,
  .elementor-element-efff973 .elementor-widget-container,
  .elementor-element-a426072 .elementor-widget-container,
  .elementor-element-efff973 .elementor-icon-box-wrapper,
  .elementor-element-a426072 .elementor-icon-box-wrapper {
    width: 72px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-element-efff973 .elementor-icon-box-wrapper,
  .elementor-element-a426072 .elementor-icon-box-wrapper {
    position: relative !important;
    display: block !important;
  }

  .elementor-element-efff973 .elementor-icon-box-icon,
  .elementor-element-a426072 .elementor-icon-box-icon {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: 24px !important;
    height: 24px !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-element-efff973 .elementor-icon,
  .elementor-element-a426072 .elementor-icon {
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
  }

  .elementor-element-efff973 .elementor-icon-box-content,
  .elementor-element-a426072 .elementor-icon-box-content {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 72px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .elementor-element-efff973 .elementor-icon-box-title,
  .elementor-element-a426072 .elementor-icon-box-title,
  .elementor-element-efff973 .elementor-icon-box-title a,
  .elementor-element-a426072 .elementor-icon-box-title a {
    width: 72px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
    font-family: "Lexend Deca", sans-serif !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 500 !important;

    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .elementor-element-065f89d .elementor-nav-menu--dropdown {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 60px !important;
    bottom: auto !important;
    width: 100vw !important;
    max-height: 60vh;
    overflow-y: auto;

    margin: 0 !important;
    padding: 8px 0 !important;
    background: #fff !important;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .16);
  }

  .elementor-element-065f89d .elementor-nav-menu a.elementor-item {
    padding: 13px 18px !important;
    color: #111 !important;
    background: transparent !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-decoration: none !important;
  }
	
	
  .vai-product-loop .elementor-loop-container {
    align-items: start !important;
    row-gap: 24px !important;
    column-gap: 20px !important;
  }

  .vai-product-loop .e-loop-item {
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
  }

  .vai-loop-card {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 0 !important;
  }

  .vai-loop-image-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .vai-loop-image,
  .vai-loop-image .elementor-widget-container,
  .vai-loop-image a {
    width: 100%;
    height: auto;
    display: block;
  }

  .vai-loop-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: initial;
  }
}