.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:rgb(131,183,53);
	background-repeat:inherit;
	background-size:cover;
	background-attachment:fixed;
	background-position:left center;
}

.footer-container{
	background-color:rgb(255,255,255);
}

:root{
--wd-text-font:"Open Sans", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Open Sans", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Open Sans", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Open Sans", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Open Sans", 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:16px;
}
:root{
--wd-header-el-font:"Open Sans", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(131,183,53);
}
:root{
--wd-alternative-color:rgb(59,80,42);
}
:root{
--wd-link-color:rgb(59,80,42);
--wd-link-color-hover:rgb(131,183,53);
}
:root{
--btn-default-bgcolor:rgb(131,183,53);
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:#83b735;
}
:root{
--btn-shop-bgcolor-hover:#6ca300;
}
:root{
--btn-accent-bgcolor:#83b735;
}
:root{
--btn-accent-bgcolor-hover:#6ca300;
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
	
	
			--wd-form-brd-radius: 0px;
	
	--wd-form-brd-width: 2px;

	--btn-default-color: #333;
	--btn-default-color-hover: #333;

	--btn-shop-color: #fff;
	--btn-shop-color-hover: #fff;

	--btn-accent-color: #fff;
	--btn-accent-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-accent-brd-radius: 0px;
		--btn-accent-box-shadow: none;
		--btn-accent-box-shadow-hover: none;
		--btn-accent-box-shadow-active: none;
		--btn-accent-bottom: 0px;
	
	
			--btn-shop-bottom-active: -1px;
		--btn-shop-brd-radius: 0px;
		--btn-shop-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
		--btn-shop-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
	
	
	
	
	
	
	
		}

	/* Site width */
		/* Header Boxed */
	@media (min-width: 1025px) {
		.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
			max-width: 1570px;
		}
	}

	.container {
		max-width: 1600px;
	}
	
	
		.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1570px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1580px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1590px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1600px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1610px;
		}

		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1630px;
		}

		@media (min-width: 1617px) {

			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}

		@media (min-width: 1600px) {

			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}

	
/* Quick view */
div.wd-popup.popup-quick-view {
	max-width: 920px;
}

/* Shop popup */
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}

/* Age verify */
div.wd-popup.wd-age-verify {
	max-width: 500px;
}

/* Header Banner */
.header-banner {
	height: 40px;
}

body.header-banner-display .website-wrapper {
	margin-top:40px;
}

/* Tablet */
@media (max-width: 1024px) {
	/* header Banner */
	.header-banner {
		height: 40px;
	}
	
	body.header-banner-display .website-wrapper {
		margin-top:40px;
	}
}

.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 280px;
}
		
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//danangagri.com/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=6.1.4") format("woff2"),
	url("//danangagri.com/wp-content/themes/woodmart/fonts/woodmart-font.woff?v=6.1.4") format("woff");
}

.wd-header-cats.wd-event-click {
    cursor: pointer
}
.woodmart-single-footer .single-meta-tags {
display:none;
}
.wd-single-footer .tags-list {
    display: none;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 0;
}
.home .main-page-wrapper{
    padding-top:0 !important;
    margin-top:0 !important;
}

.home .site-content{
    padding-top:0 !important;
}

.home .wd-page-content{
    padding-top:0 !important;
}
.whb-header{
    margin-bottom: 0 !important;
}
.wd-header-cats .wd-dropdown-cats.wd-opened{
    display:none !important;
}

.wd-header-cats:hover .wd-dropdown-cats.wd-opened{
    display:block !important;
}

/* DANANGAGRI MOBILE 2026-10-21 START — append after existing theme CSS. */
.zalo-container.left {
  position: fixed !important;
  inset: auto 20px 88px auto !important;
  width: 180px !important;
  height: 52px !important;
  z-index: 9900 !important;
}
#zalo-btn, #callnowbutton {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 180px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 14px !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 16px rgba(20,45,32,.2) !important;
  animation: none !important;
  transition: background-color .15s ease !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
#zalo-btn { background: #0068c8 !important; }
#zalo-btn > .animated_zalo { display: none !important; }
#zalo-btn > span {
  display: flex !important;
  align-items: center !important;
  width: 32px !important;
  height: 32px !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  animation: none !important;
}
#zalo-btn img {
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
  margin: 0 !important;
  animation: none !important;
}
#zalo-btn::after { content: "Chat Zalo"; }
#callnowbutton {
  position: fixed !important;
  inset: auto 20px 24px auto !important;
  z-index: 9900 !important;
  background: #26722b !important;
  background-image: none !important;
  transform: none !important;
}
#callnowbutton::before {
  content: "\260e" !important;
  display: inline-block !important;
  font: 26px/1 Arial, sans-serif !important;
  color: #fff !important;
}
#callnowbutton span {
  position: static !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: inherit !important;
  font: inherit !important;
  box-shadow: none !important;
  border: 0 !important;
}
#zalo-btn:focus-visible, #callnowbutton:focus-visible {
  outline: 3px solid #152d17 !important;
  outline-offset: 3px !important;
}
.scrollToTop { bottom: 152px !important; }
body:has(.mobile-nav.wd-opened) .zalo-container,
body:has(.mobile-nav.wd-opened) #callnowbutton,
body:has(.pswp--open) .zalo-container,
body:has(.pswp--open) #callnowbutton {
  visibility: hidden !important;
  pointer-events: none !important;
}
@media (max-width: 767px) {
  body { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important; }
  .main-page-wrapper { margin-top: 0 !important; padding-top: 16px !important; }
  .main-page-wrapper > .page-title { margin-top: -16px !important; margin-bottom: 24px !important; }
  .title-shop .entry-title { font-size: 28px !important; line-height: 1.25 !important; }
  .zalo-container.left {
    inset: auto auto calc(12px + env(safe-area-inset-bottom, 0px)) 12px !important;
    width: calc(50% - 18px) !important;
    height: 56px !important;
  }
  #zalo-btn { width: 100% !important; height: 56px !important; }
  #callnowbutton {
    inset: auto 12px calc(12px + env(safe-area-inset-bottom, 0px)) auto !important;
    width: calc(50% - 18px) !important;
    height: 56px !important;
  }
  .scrollToTop { bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important; }
  .single-product .product_title {
    font-size: 25px !important;
    line-height: 1.3 !important;
    margin-bottom: 14px !important;
    overflow-wrap: anywhere;
  }
  .single-product .woocommerce-product-details__short-description,
  .single-product .woocommerce-Tabs-panel {
    font-size: 16px;
    line-height: 1.65;
    overflow-wrap: break-word;
  }
  .single-product .summary .product_meta { font-size: 13px; line-height: 1.65; }
  .single-product .wd-accordion-title {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 15px;
    line-height: 1.4;
  }
  .single-product .woocommerce-Tabs-panel .wp-video,
  .single-product .woocommerce-Tabs-panel .wp-caption {
    max-width: 100% !important;
  }
  .single-product .woocommerce-Tabs-panel table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .home h1.woodmart-title-container {
    font-size: 27px !important;
    line-height: 1.3 !important;
  }
  .home .title-after_title { font-size: 16px !important; line-height: 1.65; }
  .home .title-after_title .btn { min-height: 48px; padding: 14px 20px; white-space: normal; }
  .postid-13393 .site-content p { font-size: 16px; line-height: 1.65; color: #4b5563; }
  .postid-13393 h1.post-title { font-size: 25px !important; line-height: 1.3; }
  .mobile-nav .wd-nav > li > a { min-height: 48px; }
  input[type="text"], input[type="email"], input[type="tel"],
  input[type="search"], input[type="password"], textarea, select {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  /* The narrow top bar wrapped and clipped both phone and navigation. */
  .whb-top-bar { display: none !important; }
}
/* DANANGAGRI MOBILE 2026-10-21 END */