@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//navilabelsolutions.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//navilabelsolutions.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//navilabelsolutions.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//navilabelsolutions.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//navilabelsolutions.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//navilabelsolutions.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//navilabelsolutions.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//navilabelsolutions.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//navilabelsolutions.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Exo", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(45,45,45);
	--wd-text-font-size: 16px;
	--wd-title-font: "Exo", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(22,22,22);
	--wd-entities-title-font: "Exo", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(43,43,43);
	--wd-entities-title-color-hover: rgb(30, 115, 190);
	--wd-alternative-font: "Exo", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Exo", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 14px;
	--wd-header-el-font: "Exo", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(245,179,50);
	--wd-alternative-color: rgb(219,51,64);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(26,61,151);
	--btn-accented-bgcolor-hover: rgb(24,56,137);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-popup.wd-age-verify {
	background-color: rgb(0,0,0);
	background-image: url();
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(132,199,255);
	--wd-bordered-bg:rgb(132,199,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	background-repeat: no-repeat;
	object-fit: cover;
	background-attachment: inherit;
	object-position: center top;
}
.wd-footer {
	background-color: rgb(112,112,112);
	background-image: none;
	background-size: cover;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(244,243,242);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(244,243,242);
	background-image: none;
}
.product-labels .product-label.onsale {
	background-color: rgb(221,51,51);
}
.product-labels .product-label.new {
	background-color: rgb(221,51,51);
}
.product-labels .product-label.featured {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(221,51,51);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(129,215,66);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 5px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(9,33,67);
}

/* ================================================================
   NAVI LABEL SOLUTIONS — Custom CSS v4.2
   Design system: Trắng/xám ấm + Gold accent #E8C87A + Dark navy
   ================================================================ */

/* ── MAP ── */
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{border-radius:8px}

/* ── CHATY – vị trí trái ── */
.fcb-container{left:24px;right:unset!important;bottom:24px!important}
.fcb-menus-container{right:unset!important}

/* ── GOOGLE TRANSLATE ── */
.gt_container-f16en1 .gt_switcher,.gt_container-f16en1 .gt_switcher .gt_option{width:194px!important}

/* ================================================================
   BACKGROUND SYSTEM v4.2 — Gold theme
   ================================================================ */
.background-gradient-1{background-image:linear-gradient(to bottom,#909090,#707070 100%)}
.background-gradient-2{background-image:-webkit-linear-gradient(top,#909090,#707070 100%);background-image:linear-gradient(to bottom,#909090,#707070 100%)}
.background-pm2{background:linear-gradient(180deg,#111827,#1e2a3a)}

/* Products section — xám ấm warm */
.ladi-section-background{background-image:linear-gradient(#f7f6f3,#f0ede8)!important;background-color:#f7f6f3!important}
.ladi-section-background .wd-title .title{color:#1c1c2e!important}

/* ================================================================
   GLOBAL GOLD ACCENT — áp dụng xuyên suốt
   ================================================================ */
/* Eyebrow tags / subtitle pills có gold */
.wd-title .title-subtitle{border-radius:50px}
/* Gold underline cho section headings */
.wd-title-style-underlined .woodmart-title-container::after{background-color:#E8C87A!important}
/* Gold border cho cards hover */
.wd-cat:hover{border-color:#E8C87A!important}

/* ================================================================
   BANNER / SLIDER
   ================================================================ */
.elementor-element.elementor-element-835edde .title{text-align:justify}
.banner-title .subtitle-color-primary.subtitle-style-background{border-radius:50px}
.wd-slider-pagin.wd-style-number-2{padding-bottom:10px}
/* Slider dots → gold */
.wd-slider-pagin .wd-nav-pagin-item.wd-active span{background:#E8C87A!important}

/* ================================================================
   LOGO
   ================================================================ */
.site-logo{max-height:unset!important;margin-top:10px;z-index:99}
.wd-logo img{padding-top:5px!important;padding-bottom:5px!important;z-index:99}

/* ================================================================
   GENERAL
   ================================================================ */
.wd-single-short-desc .woocommerce-product-details__short-description{text-align:justify}
ul{list-style-type:"✅";font-size:16px;margin-left:6px}
.e-con-inner ul li{padding-left:3px}
.e-con-inner ul li ul{list-style-type:"⦿";font-size:16px;color:#fff}
.e-con-inner ul li ul:hover{list-style-type:"⦿";font-size:16px;color:#E8C87A}
#menu-prefooter ul li ul,#menu-meta-products ul li ul{padding-left:10px}
.e-con-inner .product-description ul li ul:hover,.product-description .e-con-inner ul li ul:hover{color:unset!important}
.recent-posts-comment{display:none}

/* ================================================================
   SIDEBAR WIDGETS
   ================================================================ */
.widget-title{background-color:#909090;border-radius:25px;padding:15px 15px 15px 5px;text-align:center;color:#fff}
.widget{border-bottom:1px solid #E8C87A;margin-bottom:15px}
#categories-1 ul{padding-left:10px}
#woocommerce_product_categories-3 .product-categories{padding-left:10px}

/* ================================================================
   HOME — WELCOME SECTION
   ================================================================ */
.elementor-32987 .elementor-element.elementor-element-2603dfaa .title-subtitle{border-radius:50px;padding:7px 20px}

/* ================================================================
   HOME — PRODUCTS SECTION cards
   ================================================================ */
.home-product,.home-product .wd-entities-title{color:#1c1c2e}
.ladi-section-background .wd-cat .wd-entities-title{color:#1c1c2e!important}
.wd-cat .wd-cat-count{display:none}
/* Product category card hover — gold border */
.wd-cat-wrap{transition:box-shadow .25s,border-color .25s}
.wd-cat:hover .wd-cat-wrap{box-shadow:0 4px 16px rgba(232,200,122,.2)!important}

/* ================================================================
   4-STEPS WIDGET (v4.2) — đồng bộ Elementor wrapper
   ================================================================ */
.elementor-widget-html .n42w{width:100%;display:block}
.n42w{border-radius:0!important;margin:0!important}

/* ================================================================
   TRUSTED SECTION WIDGET (v4.2)
   ================================================================ */
.elementor-widget-html .nt42{width:100%;display:block}

/* ================================================================
   SLIDER WIDGET (v4.2)
   ================================================================ */
.elementor-widget-html .nls-slider-root{width:100%;display:block;border-radius:0!important}

/* ================================================================
   SITEMAP
   ================================================================ */
#post-32793{padding:30px;background-color:#fff}
#post-32793 ul li{list-style-type:none}
#post-32793 ul li ul li{color:#C9A84C}

/* ================================================================
   BLOG / PRODUCT PAGES
   ================================================================ */
.wd-page-title{background-position:center 45%;background-repeat:no-repeat;background-size:100% auto}
.single-post .wd-meta-reply{display:none}
.blog .wd-content-layout,.category .wd-content-layout,.tag .wd-content-layout,.date .wd-content-layout{padding-block:10px}
.blog-design-masonry .post-title,.wd-page-title .entry-title{font-size:26px!important}
.archive .wd-page-content,.blog .wd-page-content,.page .wd-page-content{background-color:#fff}
.wd-post.blog-style-bg .wd-post-inner{background-color:unset!important}
.blog .blog-style-bg,.category .blog-style-bg,.archive .blog-style-bg,.tag .blog-style-bg,.date .blog-style-bg,
.page-id-28095 .blog-style-bg,
.elementor-39146 .elementor-element.elementor-element-56feb0b7 .wd-products-with-bg :is(.wd-product,.wd-cat){
  background-color:#F5F5F5;border-left:4px solid #E8C87A;border-radius:8px
}
.archive.category .wd-post-read-more,.archive.category .wd-post-meta,
.single-post .wd-post-meta .wd-meta-author,
.archive.tag .wd-post-header,.archive.tag .wd-read-more,
.archive.date .wd-post-header,.archive.date .wd-read-more,
.archive.category .wd-post-header,.archive.category .wd-read-more{display:none}
.product-list-content .wd-product-cats a{color:#171850}
.wd-posts:not([style*="wd-gap"]){--wd-gap-lg:25px!important;--wd-gap-md:20px!important}
.archive .elementor-widget-image-carousel .swiper-slide{margin-right:10px}
.product-description,.post-description{
  background-color:#F5F5F5;border-left:4px solid #E8C87A;
  border-radius:8px;padding:30px 20px 50px;color:#1E1E1E
}
.product-description p,.post-description p,
.product-description ul li,.product-description ol li{text-align:justify!important;color:#1E1E1E;line-height:1.8}

/* ================================================================
   NAVIGATION MENU
   ================================================================ */
.wd-nav[class*="wd-style-"]>li>a{font-weight:600;font-size:13px}
.wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height)>.container>.wd-grid-f-inline{--wd-f-basis:214px}
.wd-dropdown-menu.wd-design-sized:not(.wd-scroll){margin-top:0px!important}
.whb-clone.whb-sticked .wd-dropdown:not(.sub-sub-menu){margin-top:-3px}
.whb-color-light:not(.whb-with-bg){background:linear-gradient(#909090,#707070)}
#menu-item-28494 .wd-dropdown-menu.wd-design-sized:not(.wd-scroll)>.container,
.wd-dropdown-menu.wd-design-sized.wd-scroll .wd-dropdown-inner>.container,
#menu-item-30011,#menu-item-30012{padding:0;background-color:#909090}
.post-list .wd-dropdown{background-color:#909090}
.wd-sub-menu{gap:0}
#menu-item-28494 .wd-sub-menu li,#menu-item-29534 .wd-sub-menu li{border-bottom:1px solid #707070;padding:7px 20px}
#menu-item-28494 .wd-sub-menu li:hover,#menu-item-29534 .wd-sub-menu li:hover{color:#fff;background-color:#C9A84C}
.wd-sub-menu li>a{padding-top:4px;padding-bottom:4px}
#menu-meta-products .elementor-widget-wd_image_or_svg .wd-image img{border-radius:var(--wd-brd-radius)!important}
#menu-meta-products .supplying-solutions .empty-list ul li ul,
#menu-meta-products .supplying-solutions .empty-list ul li ul:hover{list-style-type:unset!important}
.wd-nav-mobile #menu-meta-products li:active>a{background-color:#C9A84C!important}

/* ================================================================
   TOP HEADER — SLOGAN
   ================================================================ */
.sologan{
  top:118px;display:block;position:absolute;white-space:nowrap;
  font-size:18px!important;letter-spacing:3px;
  background-color:#fafafa4d;border-radius:6px;z-index:99;
  animation:typing 4s steps(16) infinite,blink 8s infinite
}
@keyframes blink{
  0%{color:red}14%{color:orange}28%{color:#E8C87A}42%{color:green}71%{color:white}85%{color:violet}100%{color:red}
}
@keyframes typing{0%{width:0}40%{width:20ch}41%{width:20}100%{width:0}}

/* ================================================================
   FOOTER
   ================================================================ */
.main-footer{padding-top:20px}

/* ================================================================
   PDF VIEWER
   ================================================================ */
div.pdfemb-viewer{margin:0 auto!important}

/* ================================================================
   UTILITY
   ================================================================ */
.color-secondary{color:#E8C87A}
.align-justify{text-align:justify}

/* ================================================================
   CHATY — Zalo icon
   ================================================================ */
.channel-icon-Link{background:url(https://navilabelsolutions.com/wp-content/uploads/2025/04/Zalo.svg);background-size:cover;position:relative}
.channel-icon-Link span.chaty-svg{display:none}

/* ================================================================
   SITEMAP PAGE
   ================================================================ */
#sitemap .e-con-inner ul li,#sitemap .e-con-inner ul li strong{border-bottom:1px dashed;display:block}

/* ================================================================
   CAROUSELS
   ================================================================ */
.nls-news-carousel .swiper-slide img{aspect-ratio:16/10;object-fit:cover;transition:transform .4s ease,box-shadow .4s ease}
.nls-news-carousel .swiper-slide img:hover{transform:scale(0.98);box-shadow:0 8px 24px rgba(232,200,122,.5)}
.nls-products-carousel .swiper-slide img{aspect-ratio:16/10;object-fit:cover;transition:transform .4s ease,box-shadow .4s ease}
.nls-products-carousel .swiper-slide img:hover{transform:scale(0.98);box-shadow:0 8px 24px rgba(232,200,122,.5)}

/* ================================================================
   TEXTAREA
   ================================================================ */
:root textarea{min-height:120px}

/* ================================================================
   RECRUITMENT MENU
   ================================================================ */
.wd-nav li.color-recruitment{--nav-color:#E8C87A;--nav-color-hover:var(--wd-primary-color);--nav-color-active:var(--wd-primary-color)}
@media (min-width: 577px) and (max-width: 767px) {
	.fcb-container {
		left: 5px !important;
		right: unset !important;
    bottom: 5px !important;
}
.chaty-widget.left-position .chaty-i-trigger .chaty-channel {
    left: -12px;
    right: auto;
    bottom: -15px;
}
#chaty-widget-0 .chaty-channel-list {
    width: 52px;
    left: -17px;
    bottom: -12px;
}
}

@media (max-width: 576px) {
	.elementor-4194 .elementor-element.elementor-element-835edde .title {
     text-align: center;
}
.elementor-30496 .elementor-element.elementor-element-835edde .title {
	text-align: center;
}
.elementor-30490 .elementor-element.elementor-element-835edde .title {
	text-align: center;
}
.fcb-container {
	left: 5px !important;
	right: unset !important;
	bottom: 5px !important;
}
.whb-top-bar .wd-header-text {
	text-align: center;
}
.woocommerce-breadcrumb {
    justify-content: center;
}
.chaty-widget.left-position .chaty-i-trigger .chaty-channel {
    left: -12px;
    bottom: -12px;
}
#chaty-widget-0 .chaty-channel-list {
    width: 52px;
    left: -17px;
    bottom: -15px;
}
#connect-us ul li ul {
    display: flex;
    gap: 30px;
}
}