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

:root {
	--wd-text-font: "Orbitron", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(15,15,15);
	--wd-text-font-size: 15px;
	--wd-title-font: "Orbitron", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 900;
	--wd-title-color: rgb(15,15,15);
	--wd-entities-title-font: "Orbitron", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 800;
	--wd-entities-title-color: rgb(15,15,15);
	--wd-entities-title-color-hover: rgb(15, 15, 15);
	--wd-alternative-font: "Orbitron", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Orbitron", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 900;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(15,15,15);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Orbitron", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 900;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(0,183,9);
	--wd-alternative-color: rgb(0,170,8);
	--wd-link-color: rgb(0,183,9);
	--wd-link-color-hover: rgb(0,175,8);
	--btn-default-bgcolor: rgb(0,183,9);
	--btn-default-bgcolor-hover: rgb(2,142,0);
	--btn-accented-bgcolor: rgb(0,183,9);
	--btn-accented-bgcolor-hover: rgb(2,142,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(0,183,9);
	--notices-success-color: rgb(255,255,255);
	--notices-warning-bg: rgb(198,0,0);
	--notices-warning-color: rgb(255,255,255);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 219px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://greencade.com/wp-content/uploads/2021/09/hardware-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(0,183,9);
	background-image: none;
}
.page-title-default {
	background-color: rgb(16,16,16);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(0,10,0);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a {
	font-family: "Orbitron", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 15px;
	color: rgb(255,255,255);
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a:hover, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a:hover, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu  > li > a:hover, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a:hover, html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a:hover, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a:hover, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu  li a:hover, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a:hover {
	color: rgb(0,183,9);
}
html .wd-nav.wd-nav-main > li > a {
	font-size: 15px;
	color: rgb(255,255,255);
}
html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount, html .product-image-summary-wrap .summary-inner > .price, html .product-image-summary-wrap .summary-inner > .price > .amount, html .product-image-summary-wrap .summary-inner > .price > .price > .amount, html .product-image-summary-wrap .summary-inner > .price ins .amount, html .wd-single-price .price, html .wd-single-price .price > .amount, html .wd-single-price .price > ins .amount, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price > .amount, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price > ins .amount, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price > .amount, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price > ins .amount, html .product-quick-view  .summary-inner > .price > .amount, html .product-quick-view .summary-inner > .price > ins .amount, html .product-quick-view  .variations_form .woocommerce-variation-price .price > .amount, html .product-quick-view .variations_form .woocommerce-variation-price .price > ins .amount {
	font-weight: 700;
	font-size: 20px;
	color: rgb(0,183,9);
}
html .wd-product .price:hover, html .wd-product .price > .amount:hover, html .wd-product .price ins > .amount:hover, html .product-image-summary-wrap .summary-inner > .price:hover, html .product-image-summary-wrap .summary-inner > .price > .amount:hover, html .product-image-summary-wrap .summary-inner > .price > .price .amount:hover, html .product-image-summary-wrap .summary-inner > .price > ins .amount:hover, html .wd-single-price .price:hover, html .wd-single-price .price > .amount:hover, html .wd-single-price .price > ins .amount:hover, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price > .amount:hover, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price > ins .amount:hover, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price > .amount:hover, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price > ins .amount:hover, html .product-quick-view  .summary-inner > .price > .amount:hover, html .product-quick-view .summary-inner > .price > ins .amount:hover, html .product-quick-view  .variations_form .woocommerce-variation-price .price > .amount:hover, html .product-quick-view .variations_form .woocommerce-variation-price .price > ins .amount:hover {
	color: rgb(0,183,9);
}
html .product.wd-product del, html .product.wd-product del .amount, html .product-image-summary-wrap .summary-inner > .price del, html .product-image-summary-wrap .summary-inner > .price del .amount, html .wd-single-price .price del .amount, html .product-quick-view  .summary-inner > .price del, html .product-quick-view  .summary-inner > .price del .amount {
	font-weight: 600;
	font-size: 13px;
	color: rgb(211,0,0);
}
html .product.wd-product del:hover, html .product.wd-product del .amount:hover, html .product-image-summary-wrap .summary-inner > .price del:hover, html .product-image-summary-wrap .summary-inner > .price del .amount:hover, html .wd-single-price .price del .amount:hover, html .product-quick-view  .summary-inner > .price del:hover, html .product-quick-view  .summary-inner > .price del .amount:hover {
	color: rgb(211,0,0);
}
html .main-page-wrapper .wd-product .product-wrapper .wd-entities-title {
	font-size: 16px;
}
html .wd-nav.wd-nav-main > li > a, html .wd-nav-mobile > li > a {
	font-family: "Orbitron", Arial, Helvetica, sans-serif;
	font-weight: 800;
	color: rgb(21,255,0);
}
.page .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
	background-position: center center;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
	background-position: center center;
}
.single-product .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
	background-position: center center;
}
.woodmart-archive-blog .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
	background-position: center center;
}
.single-post .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
	background-position: center center;
}
.woodmart-archive-portfolio .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-portfolio .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button {
	color: rgb(255,255,255);
	background: rgb(0,183,9);
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover {
	color: rgb(255,255,255);
	background: rgb(0,183,9);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(15,15,15);
	--wd-form-placeholder-color: rgb(15,15,15);
	--wd-form-brd-color: rgb(15,15,15);
	--wd-form-brd-color-focus: rgb(15,15,15);
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(198,0,0);
}
.product-labels .product-label.new {
	background-color: rgb(0,183,9);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}



body .wd-header-mobile-nav .wd-tools-icon:before {
    font-size: 35px;
}
body .wd-header-search .wd-tools-icon:before {
    font-size: 35px;
}

body .wd-tools-element .wd-tools-icon:before {
    font-size: 35px;
}
.wrapp-product-price .price {
	font-size:0!important;
}
.wrapp-product-price .price .amount:first-child {
font-size:14px!important;
}

#woocommerce_product_categories-3 {
  max-height: 400px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: #00B709 #f0f0f0 !important;
}

#woocommerce_product_categories-3::-webkit-scrollbar {
  width: 4px !important;
}

#woocommerce_product_categories-3::-webkit-scrollbar-track {
  background: #f0f0f0 !important;
}

#woocommerce_product_categories-3::-webkit-scrollbar-thumb {
  background: #00B709 !important;
  border-radius: 2px !important;
}



/* ── PRODUCT CARD ── */
.wd-product.product-grid-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border: 1px solid rgba(0,183,9,0.15) !important;
}
.wd-product.product-grid-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(0,183,9,0.12) !important;
  border-color: rgba(0,183,9,0.5) !important;
}

/* ── SALE BADGE ── */
.onsale.product-label {
  background: #00B709 !important;
  color: #ffffff !important;
  font-family: 'Orbitron', monospace !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.05em !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px)) !important;
  padding: 5px 10px !important;
}

/* ── ADD TO CART BUTTON ── */
.add-to-cart-loop,
a.add_to_cart_button {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.star-rating span::before,
.woocommerce-product-rating .star-rating span::before {
  color: #00B709 !important;
}

.star-rating::before {
  color: rgba(0, 183, 9, 0.25) !important;
}


.products .star-rating,
ul.products li.product .star-rating,
.product .star-rating {
  display: none !important;
}

.widget-product-info .star-rating {
  display: none !important;
}


/* Product gallery: quieter video play button */
.wd-video-actions {
  opacity: .5 !important;
  transition: opacity .25s ease;
}
.woocommerce-product-gallery:hover .wd-video-actions,
.wd-carousel-item:hover .wd-video-actions {
  opacity: 1 !important;
}
.wd-video-actions .wd-play-video.wd-style-icon-bg-text {
  --icon-bg-size: 46px;
}
.wd-video-actions .wd-play-video.wd-style-icon-bg-text > a {
  background-color: rgba(0, 0, 0, .3) !important;
  border: 1px solid rgba(255, 255, 255, .5);
  box-shadow: none !important;
  color: #fff !important;
  backdrop-filter: blur(3px);
}
.wd-video-actions .wd-play-video.wd-style-icon-bg-text > a:before {
  font-size: 16px !important;
}
.wd-carousel-item .wd-play-video > a:after {
  font-size: 20px !important;
}





/* Chat widget above the 5% OFF teaser */
#ai-chat-widget-button,
#ai-chat-widget,
.lasio-idle-glow {
  bottom: 96px !important;
}

@media (max-width: 700px) {
  #ai-chat-widget-button,
  #ai-chat-widget,
  .lasio-idle-glow {
    bottom: 78px !important;
  }
}

/* ===========================================================
   GREENCADE — PRODUCT VARIATION SELECTS
   Styles the Style / Stand dropdowns on single product pages.

   WHERE IT GOES
   Same place as your PPOM CSS (the Elementor widget's
   Advanced → Custom CSS), or Appearance → Customize →
   Additional CSS to cover every product at once.

   NOTE — you have these older lines somewhere in your CSS:
       .variations_form .variations      { display: table !important; }
       .variations_form .variations tr   { display: table-row !important; }
       .variations_form .variations td,
       .variations_form .variations th   { display: table-cell !important; }
   This file deliberately overrides them (higher specificity).
   Delete those four rules when you can — keeping both just makes
   it confusing later.

   Real values read off the live page:
     Style  →  Ace Of Spades  |  Ace Of Spades Clean
     Stand  →  No  |  Yes
   =========================================================== */


/* ─────────────────────────────────────────────
   1. LAYOUT
   Break the table out of table layout so each
   attribute becomes a labelled block. Two across
   on desktop, stacked on mobile.
   ───────────────────────────────────────────── */

form.cart table.variations{
  display:block !important;
  width:100% !important;
  margin:0 0 18px !important;
  border:none !important;
  background:none !important;
}
form.cart table.variations tbody{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
}
form.cart table.variations tr{
  display:block !important;
  border:none !important;
  background:none !important;
}
form.cart table.variations th,
form.cart table.variations td{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  border:none !important;
  background:none !important;
  vertical-align:top !important;
}


/* ─────────────────────────────────────────────
   2. LABEL  ("Style:", "Stand:")
   ───────────────────────────────────────────── */

form.cart table.variations th.label label{
  display:block !important;
  font-family:'Orbitron',monospace !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:#00B709 !important;
  margin:0 0 8px !important;
  line-height:1.2 !important;
}

/* WooCommerce prints a colon after the label — hide it, the
   uppercase tracking already reads as a heading. */
form.cart table.variations th.label label::after{
  content:'' !important;
}


/* ─────────────────────────────────────────────
   3. THE SELECT ITSELF
   ───────────────────────────────────────────── */

form.cart table.variations td.value select{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;

  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  height:auto !important;

  padding:14px 44px 14px 16px !important;
  margin:0 !important;

  background-color:#fff !important;
  border:1.5px solid rgba(0,183,9,.45) !important;
  border-radius:0 !important;
  box-shadow:none !important;

  /* clipped corner, same language as your buttons */
  clip-path:polygon(
    10px 0, 100% 0,
    100% calc(100% - 10px), calc(100% - 10px) 100%,
    0 100%, 0 10px
  ) !important;

  font-family:'Rajdhani',sans-serif !important;
  font-size:16px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  color:#111 !important;
  line-height:1.25 !important;

  cursor:pointer !important;
  outline:none !important;
  transition:border-color .18s ease, background-color .18s ease,
             box-shadow .18s ease !important;

  /* green chevron, inlined so there's no extra request */
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300B709' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 15px center !important;
  background-size:15px 15px !important;
}

form.cart table.variations td.value select:hover{
  border-color:#00B709 !important;
  background-color:#fafffa !important;
}

form.cart table.variations td.value select:focus{
  border-color:#00B709 !important;
  background-color:#fff !important;
  box-shadow:0 0 0 3px rgba(0,183,9,.16),
             0 0 20px rgba(0,183,9,.22) !important;
}

/* the dropdown list itself (what the OS will let us touch) */
form.cart table.variations td.value select option{
  background:#fff !important;
  color:#111 !important;
  font-weight:600 !important;
  padding:10px !important;
}


/* ─────────────────────────────────────────────
   4. CHOSEN vs NOT CHOSEN
   While it still says "Choose an option" the text is
   grey; once a real value is picked it goes solid black
   with a green tint behind it, so it's obvious at a
   glance which selectors are still outstanding.
   ───────────────────────────────────────────── */

form.cart table.variations td.value select:has(option[value=""]:checked){
  color:#9a9a9a !important;
  border-color:rgba(0,183,9,.3) !important;
}

form.cart table.variations td.value select:not(:has(option[value=""]:checked)){
  color:#111 !important;
  border-color:#00B709 !important;
  background-color:rgba(0,183,9,.05) !important;
  font-weight:700 !important;
}


/* ─────────────────────────────────────────────
   5. "CLEAR" LINK
   ───────────────────────────────────────────── */

form.cart .wd-reset-var,
form.cart .reset_variations{
  display:inline-block !important;
  margin-top:9px !important;
}

form.cart a.reset_variations{
  font-family:'Courier New',monospace !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:#9a9a9a !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(0,0,0,.15) !important;
  padding-bottom:1px !important;
  transition:color .16s ease, border-color .16s ease !important;
}
form.cart a.reset_variations:hover{
  color:#00B709 !important;
  border-bottom-color:#00B709 !important;
}


/* ─────────────────────────────────────────────
   6. MOBILE — one per row
   ───────────────────────────────────────────── */

@media(max-width:767px){
  form.cart table.variations tbody{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  form.cart table.variations td.value select{
    padding:13px 42px 13px 14px !important;
    font-size:16px !important;  /* keep 16px — stops iOS zooming on focus */
  }
  form.cart table.variations th.label label{
    font-size:10px !important;
    margin-bottom:7px !important;
  }
}


/* ─────────────────────────────────────────────
   7. Fallback for browsers without :has()
   They simply get the neutral styling above —
   nothing breaks, the chosen/unchosen tint is
   just skipped.
   ───────────────────────────────────────────── */

@supports not (selector(:has(*))){
  form.cart table.variations td.value select{
    color:#111 !important;
  }
}@media (min-width: 577px) and (max-width: 767px) {
	.header-banner-container {
    padding-right: 0;
    padding-left: 0;
}

.header-banner-container span {
font-size: 11px;
}

div.min-footer {
  display: none !important;
}

}