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

:root {
	--wd-text-font: Georgia, serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 16px;
	--wd-title-font: Georgia, serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: none;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: Georgia, serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-transform: capitalize;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(99, 196, 203);
	--wd-alternative-font: Georgia, serif;
	--wd-widget-title-font: Georgia, serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: Georgia, serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 18px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #63c4cb;
	--wd-alternative-color: #000000;
	--btn-default-font-family: Georgia, serif;
	--btn-default-font-weight: 600;
	--btn-default-transform: capitalize;
	--btn-default-bgcolor: rgb(0,0,0);
	--btn-default-bgcolor-hover: rgb(255,255,255);
	--btn-accented-font-family: Georgia, serif;
	--btn-accented-font-weight: 600;
	--btn-accented-transform: capitalize;
	--btn-accented-bgcolor: rgb(99,196,203);
	--btn-accented-bgcolor-hover: rgb(26,26,26);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(0,193,74);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(250,162,250);
	--notices-warning-color: rgb(0,0,0);
	--wd-link-color: rgb(255,255,255);
	--wd-link-color-hover: rgb(99,196,203);
}
.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;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: Georgia, serif;	font-weight: 600;
	font-size: 18px;
	text-transform: none;
	color: rgb(255,255,255);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(26,26,26);
}
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, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a {
	font-family: Georgia, serif;	font-weight: 700;
	font-size: 16px;
	text-transform: none;
	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, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a:hover {
	color: rgb(99,196,203);
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-family: Georgia, serif;	font-weight: 700;
	font-size: 16px;
	text-transform: none;
	color: rgb(255,255,255);
}
html .product.wd-cat:hover .wd-entities-title, html .product.wd-cat:hover .wd-entities-title a, .cat-design-side .wd-cat-inner > a:hover ~ .wd-cat-content .wd-entities-title a, html .wd-masonry-first .wd-cat:first-child:hover .wd-entities-title a {
	color: #63c4cb;
}
.p-PaymentMethodMessaging .p-CondensedMultiPromotionView-text {
	color: rgb(255,255,255);
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
	font-family: "Gloria", Arial, Helvetica, sans-serif;
	font-weight: 400;
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title a:hover {
	color: rgb(99,196,203);
}
html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	font-family: Georgia, serif;	font-weight: 600;
	font-size: 16px;
	text-transform: none;
}
html .wd-nav.wd-layout-drilldown > li > a:hover, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a:hover, html .wd-nav.wd-layout-drilldown >li [class*="sub-menu"] > .woocommerce-MyAccount-navigation-link > a:hover, html .wd-nav.wd-layout-drilldown li.current-menu-item > a {
	color: rgb(99,196,203);
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-family: Georgia, serif;	font-weight: 600;
	text-transform: none;
}
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(255,255,255);
	--wd-form-placeholder-color: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 23px;
	--wd-arrow-icon-size: 30px;
	--wd-arrow-offset-h: 0px;
	--wd-arrow-offset-v: 0px;
	--wd-arrow-color: rgb(99,196,203);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-color-dis: rgb(234,234,234);
	--wd-arrow-shadow: 0px 0px 0px 0px rgb(99,196,203);
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 10px;
	--wd-arrow-size: 10px;
	--wd-arrow-icon-size: 15px;
	--wd-arrow-color: rgb(255,255,255);
	--wd-arrow-color-hover: rgb(99,196,203);
	--wd-arrow-color-dis: rgb(255,255,255);
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-size: 17px;
	--wd-pagin-bg-hover: rgb(255,255,255);
	--wd-pagin-radius: 14px;
	--wd-pagin-brd-color: rgb(255,255,255);
	--wd-pagin-brd-color-hover: rgb(255,255,255);
	--wd-pagin-brd-color-act: #faa2fa;
	--wd-pagin-brd: 3px solid;
}
.wd-nav-scroll {
	--wd-nscroll-height: 3px;
	--wd-nscroll-width: 35%;
	--wd-nscroll-bg: rgb(0,0,0);
	--wd-nscroll-drag-bg: rgb(99,196,203);
	--wd-nscroll-drag-bg-hover: rgb(99,196,203);
}
.product-labels .product-label.onsale {
	background-color: rgb(242,0,0);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(99,196,203);
	color: rgb(0,0,0);
}
.product-labels .product-label.featured {
	background-color: rgb(255,140,0);
	color: rgb(255,255,255);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(250,162,250);
	color: rgb(0,0,0);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 770px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 5px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 290px;
}

@media (max-width: 1024px) {
	.wd-nav-scroll {
		--wd-nscroll-height: 3px;
	--wd-nscroll-width: 45%;
	}

}

@media (max-width: 768.98px) {
	.wd-nav-scroll {
		--wd-nscroll-height: 3px;
	--wd-nscroll-width: 45%;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-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: 0px;
--wd-cat-brd-radius: 12px;
}

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



@font-face {
	font-family: "Gloria";
	src: url("//www.hitcases.com/wp-content/uploads/2025/05/Gloria400.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

/*Footer CSS*/
footer.footer-container.color-scheme-dark {
    background: url(https://www.hitcases.com/wp-content/uploads/2024/05/fbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

button#wpforms-submit-63 {
    width: 100%;
}
.woocommerce-loop-product__title {
  font-family: Gloria, Georgia, serif !important;
}

.nsl-button-google {
  color: white !important;
	background-color: red !important;
}

/* Works for Chrome, Edge, Safari */ 
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  font-weight: 700 !important; /* bold text */
  -webkit-box-shadow: 0 0 0px 1000px #63c4cb inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/* Firefox */ 
input:autofill,
input:autofill:hover,
input:autofill:focus {
  background-color: #63c4cb !important;
  color: #000 !important;
  font-weight: 700 !important;
}

.form-row-btn .woocommerce-form-login__submit {
  transition: transform 0.3s ease-in-out !important;
	background-color: #63c4cb!important;
}

.form-row-btn .woocommerce-form-login__submit:hover {
  transform: scale(1.03) !important;
  background-color: #63c4cb !important;
}

form.woocommerce-form-login,
#nsl-custom-login-form-1,
#nsl-custom-login-form-1 * {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

form.register {
  display: flex !important;
  flex-direction: column !important;
}

form.register p.woocommerce-form-row:nth-child(6) {
  order: 1 !important; /* Register button */
}

form.register .woocommerce-privacy-policy-text {
  order: 2 !important; /* Privacy text below button */
	font-size: 12px !important;
	margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

form.register #nsl-custom-login-form-2 {
  order: 3 !important; /* Social buttons stay last */
	margin-top: 0 !important;
}

.woocommerce-privacy-policy-text p {
  margin-bottom: 0 !important;
	padding-bottom: 8px !important;
}

/* Hidden by default */
.wd-header-search .wd-search-form { display: none !important; }
.wd-search-full-screen,
.wd-fullscreen-search,
.wd-search-overlay {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Show when opened (these must be AFTER the hidden rules) */
.wd-header-search.wd-opened .wd-search-form { display: block !important; }

.wd-search-full-screen.wd-opened,
.wd-fullscreen-search.wd-opened,
.wd-search-overlay.wd-opened {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* ================================
   Art Style Filter – Scoped Fixes
   ================================ */

/* Dark dropdown background */
#filter_45677_3 .yith-wcan-dropdown .dropdown-wrapper {
  background-color: #1a1a1a !important;
}

/* Prevent search input overflow (keep existing padding) */
#filter_45677_3 .search-field-container {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#filter_45677_3 .search-field-container .search-field {
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
	font-size: 16px !important;
}

/* Scope display reset ONLY to this filter’s links */
#filter_45677_3 .yith-wcan-dropdown a {
  display: initial !important;
}

#filter_45677_3 .yith-wcan-dropdown {
  border-color: #63c4cb !important;
}

#filter_45677_3 div.filter-content {
	margin-right: 4px !important;
}

#filter_45677_3 li.filter-item.select.level-0.no-color.checkbox:not(.disabled) small.item-count {
  color: #faa2fa !important;
}

/* Woodmart MOBILE menu (drilldown for color) — color submenu text only */
#menu-item-47977 > a,
#menu-item-47977 > a:hover,
#menu-item-47977 > a:focus { color: #3b3b3b !important; } /* Black (lightened) */

#menu-item-47986 > a,
#menu-item-47986 > a:hover,
#menu-item-47986 > a:focus { color: #fff !important; } /* White */

#menu-item-47985 > a,
#menu-item-47985 > a:hover,
#menu-item-47985 > a:focus { color: rgb(229,57,53) !important; } /* Red */

#menu-item-47982 > a,
#menu-item-47982 > a:hover,
#menu-item-47982 > a:focus { color: rgb(251,140,0) !important; } /* Orange */

#menu-item-47987 > a,
#menu-item-47987 > a:hover,
#menu-item-47987 > a:focus { color: rgb(253,216,53) !important; } /* Yellow */

#menu-item-47980 > a,
#menu-item-47980 > a:hover,
#menu-item-47980 > a:focus { color: rgb(101,177,104) !important; } /* Green (lightened) */

#menu-item-47978 > a,
#menu-item-47978 > a:hover,
#menu-item-47978 > a:focus { color: rgb(30,136,229) !important; } /* Blue */

#menu-item-47983 > a,
#menu-item-47983 > a:hover,
#menu-item-47983 > a:focus { color: rgb(250,162,250) !important; } /* Pink */

#menu-item-47984 > a,
#menu-item-47984 > a:hover,
#menu-item-47984 > a:focus { color: rgb(162,75,185) !important; } /* Purple (lightened) */

#menu-item-47979 > a,
#menu-item-47979 > a:hover,
#menu-item-47979 > a:focus { color: rgb(135,108,99) !important; } /* Brown (lightened) */

#menu-item-58695 > a,
#menu-item-58695 > a:hover,
#menu-item-58695 > a:focus { color: rgb(210,180,140) !important; } /* Beige */

#menu-item-47981 > a,
#menu-item-47981 > a:hover,
#menu-item-47981 > a:focus { color: rgb(147,143,143) !important; } /* Grey */

.theater-masks-icon-pink > a,
.theater-masks-icon-pink > a i {
  color: #Ff83D6 !important;
  gap: 8px !important;
  letter-spacing: 1px;
  font-size: 16.5px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.paint-brush-icon-blue > a,
.paint-brush-icon-blue > a i {
  color: #63c4cb !important;
  gap: 10px !important;
  letter-spacing: 1px;
  font-size: 17px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.hat-wizard-icon-purple > a,
.hat-wizard-icon-purple > a i {
   color: #C997FC !important;
   gap: 10px !important;
   letter-spacing: 1px;
   font-size: 17px !important;
	 padding-top: 20px !important;
	 padding-bottom: 20px !important;
}

.record-vinyl-icon-gold > a,
.record-vinyl-icon-gold > a i {
  color: #d8d35A !important;
   gap: 10px !important;
   letter-spacing: 1px;
   font-size: 17px !important;
	 padding-top: 20px !important;
	 padding-bottom: 20px !important;
}

.camera-retro-icon-white > a,
.camera-retro-icon-white > a i {
  color: #fff !important;
  gap: 10px !important;
  padding-bottom: 20px !important;
	padding-top: 20px !important;
	font-size: 17px !important;
}

.close-side-widget > a{
  color: #63c4cb90 !important;
}

.close-side-widget > a::before,
.close-side-widget > a::after{
  color: #63c4cb90 !important;
  font-size: 15px;
}

/* Accessories (top-level) only */
li.accessories-menu-desktop > a.woodmart-nav-link{
  color: #faa2fa !important;
}

/* =========================================================
   GLOBAL / QUICK FIXES
   ========================================================= */

/* Login text input size */
#customer_login input[type="text"] {
  font-size: 16px !important;
}

/* Hide product countdown timer */
.wd-product-countdown {
  display: none !important;
}

/* Hide SKU line in Woodmart search suggestions */
.wd-suggestion-sku,
p.wd-suggestion-sku {
  display: none !important;
}

/* =========================================================
   NAV / MENU STYLING
   ========================================================= */

/* Gradient text for "fun-menu" top-level link */
.fun-menu > a {
  background: linear-gradient(135deg, #faa2fa, #63c4cb) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Creator dropdown link colors */
.Creator-drop-menu a { 
  color: #faa2fa !important; 
}
.Creator-drop-menu a:hover,
.Creator-drop-menu a:focus { 
  color: #fff !important; 
}

/* Finder dropdown link colors */
.Finder-drop-menu a { 
  color: #63c4cb !important; 
}
.Finder-drop-menu a:hover,
.Finder-drop-menu a:focus { 
  color: #fff !important; 
}

/* Seasonal dropdown link colors */
.Seasonal-drop-menu a { 
  color: #00A651 !important; 
}
.Seasonal-drop-menu a:hover,
.Seasonal-drop-menu a:focus { 
  color: #fff !important; 
}

/* =========================================================
   MASCOT / UI SPACING
   ========================================================= */

.mascot-wrap {
  margin-bottom: 30px !important;
}

/* =========================================================
   GO BACK BUTTON (ICON + TOOLTIP)
   ========================================================= */

.gobackbutton {
  display: flex !important;
  background-color: transparent !important;
  cursor: pointer !important;
  padding-top: 1px !important;
  padding-right: 2px !important;
  position: relative !important;
}

/* Icon styling */
.gobackbutton .icon::before {
  content: "\f121" !important;
  font-family: "woodmart-font";
  font-weight: 500;
  font-size: 22px;
  color: white;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5) !important;
  transition: color 0.3s ease, text-shadow 0.3s ease !important;
}

/* Icon hover */
.gobackbutton .icon:hover::before {
  color: black;
}

/* Tooltip base (hidden by default) */
.gobackbutton:hover::after {
  content: "Go back";
  position: absolute;
  bottom: -20px;
  transform: translateX(25%);
  background-color: #1a1a1a;
  color: #cacaca;
  padding: 2px 8px;
  border: 1px solid white;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  z-index: 10000;
}

/* Tooltip visible on hover */
.gobackbutton:hover::after {
  opacity: 1;
  visibility: visible;
  transition: opacity 2s ease !important;
  transition: visibility 2s ease !important;
}

/* =========================================================
   HEADER (<=1024px)
   ========================================================= */

@media (max-width: 1024px) {
  .whb-header-bottom {
    background-color: #1a1a1a !important;
  }

  .whb-header-bottom-inner .whb-column {
    justify-content: space-between !important;
  }

  .whb-header-bottom-inner .whb-column a {
    width: 62px;
  }

  .whb-row.whb-header-bottom {
    border: none !important;
  }
}

/* =========================================================
   MISC UI / ICONS
   ========================================================= */

.product-element-bottom {
  padding: 20px 0px;
}

/* Elementor chevrons */
.e-font-icon-svg.e-eicon-chevron-right,
.e-font-icon-svg.e-eicon-chevron-left {
  fill: grey !important;
}

/* Hide .right */
.right {
  display: none !important;
}

/* Header bottom border */
.whb-header-bottom {
  border-bottom: 1px solid white !important;
}

/* Icon/text shadows */
.wd-style-icon {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
}
.wd-tools-icon {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
}
.nav-link-text {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
  letter-spacing: 0.5px !important;
  font-family: Georgia;
}

/* NOTE: This selector is spelled nav-link-tex (missing "t") */
.nav-link-tex:hover {
  color: #1a1a1a !important;
}

.wd-add-btn.wd-action-btn.wd-style-icon.wd-add-cart-icon > a:before {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
}

/* =========================================================
   LOGIN SIDE PANEL
   ========================================================= */

.login-form-side.wd-opened {
  background-color: #1A1A1A !important;
  border: none !important;
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
  box-shadow: -10px 9px 16px rgba(0,0,0,0.5) !important;
  font-family: Georgia !important;
  max-height: 100vh!important;
  max-height: 100dvh !important;
  overflow: auto !important;
  margin-right: -2px !important;
  z-index: 999999;
}

/* Gradient border (matches cart) */
.login-form-side.wd-opened::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; /* border thickness */
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background: linear-gradient(230deg, #63c4cb, #faa2fa);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 999999;
}

/* Base login panel safety */
.login-form-side {
    max-height: 100vh!important;
  max-height: 100dvh !important;
  overflow: auto !important;
  z-index: 999999;
}

/* Cart empty text color (specific chain selector) */
div.cart-widget-side.wd-side-hidden.color-scheme-light.wd-right.wd-opened > div.widget.woocommerce.widget_shopping_cart > div > div.shopping-cart-widget-body.wd-scroll > div > div > p {
  color: #faa2fa !important;
  text-shadow: 2px 2px 4px #1a1a1a !important;
}

/* Remove dividers */
.login-form-side .wd-heading {
  border: none !important;
}
.login-form-side .create-account-question {
  margin-top: -5px !important;
  border: none !important;
}
.login-form-side .create-account-question::before {
  display: none !important;
}

/* Button hover effects */
.login-form-side .btn.create-account-button:hover {
  color: #63c4cb !important;
}

/* Social login hover */
.nsl-button-facebook:hover,
.nsl-button-twitter:hover,
.nsl-button-google:hover {
  transform: scale(1.02) !important;
  transition: 0.3s ease !important;
}

/* Register switch button */
a.btn.wd-switch-to-register {
  background-color: #63c4cb !important;
  color: #fff !important;
}

/* Woo buttons */
.woocommerce-Button.woocommerce-button.button {
  background-color: #63c4cb !important;
  color: #fff !important;
}
.woocommerce-Button.woocommerce-button.button:hover {
  background-color: #63c4cb !important;
  color: #fff !important;
  transition: 0.3s ease, !important;
  transform: scale(1.02)
}

/* Login submit */
.login-form-side .button.woocommerce-button.woocommerce-form-login__submit {
  font-size: 16px !important;
  color: white !important;
}
.login-form-side .button.woocommerce-button.woocommerce-form-login__submit:hover {
  color: white !important;
  font-size: 16px !important;
  background-color: #63c4cb !important;
  transform: scale(1.05) !important;
}

/* Misc social sizing */
.left .social-instagram {
  font-size: 16px;
  margin-bottom: -15px;
}
.left .social-twitter {
  margin-bottom: -15px;
}

/* Remove borders/shadows */
.col-register-text {
  border: none !important;
  box-shadow: none !important;
}
.col-register-text .wd-login-title {
  display: none !important;
}
.title.wd-login-divider {
  border: none !important;
  box-shadow: none !important;
}

/* Privacy text */
.woocommerce-privacy-policy-text p {
  color: #fff !important;
}

/* Register switch hover */
.btn.wd-switch-to-register {
  color: #fff !important;
  font-size: 14px !important;
}
.btn.wd-switch-to-register:hover {
  background-color: #63c4cb !important;
  color: #fff !important;
  transform: scale(1.05);
  transition: 0.3s ease !important;
}

/* Disable overlay close click */
.wd-close-side {
  background: transparent !important;
  pointer-events: none !important;
}

/* =========================================================
   HEADER SEARCH FORM
   ========================================================= */

.whb-col-center .wd-search-form {
  width: 90% !important;
  margin: 0 auto !important;
}

form.login.woocommerce-form.woocommerce-form-login {
  border: none;
}

/* Search input styling */
form.searchform input.s,
form.searchform input.s:not(:focus) {
  font-size: 17px !important;
  font-weight: bold !important;
  padding: 12px !important;
  border: 2px solid #63C4CB !important;
  color: #fff !important;
  background-color: #1A1A1A !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Placeholder behavior */
form.searchform input.s:focus::placeholder {
  color: transparent !important;
}
form.searchform input.s::placeholder,
form.searchform input.s::-webkit-input-placeholder,
form.searchform input.s::-moz-placeholder,
form.searchform input.s:-ms-input-placeholder {
  color: #fff !important;
}
form.searchform input.s::-moz-placeholder {
  opacity: 1;
}

/* =========================================================
   HEADER DROPDOWN CONTAINER TWEAK
   ========================================================= */

.whb-header-bottom .container .wd-dropdown-menu .container {
  border-bottom: none !important;
}

/* Tools count styling */
.wd-tools-count {
  background: none !important;
  color: white !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5) !important;
}

/* =========================================================
   CART SIDE PANEL
   ========================================================= */

.cart-widget-side.wd-opened {
  background-color: #1A1A1A !important;
  border: none !important;
  border-right: 0 !important;
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
  box-shadow: -10px 9px 16px rgba(0,0,0,0.5) !important;
  padding: 5px;
  margin-right: -3px;
  padding-right: 6px;
  padding-left: 6px;
  z-index: 999999;
}

/* Gradient border */
.cart-widget-side.wd-opened::before {
  content: "";
  z-index: 999999 !important;
  position: absolute;
  inset: 0;
  padding: 1px; /* border thickness */
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background: linear-gradient(230deg, #63c4cb, #faa2fa);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.cart-widget-side .wd-heading {
  border-bottom: 0px solid #000000;
  padding-bottom: 10px;
}

.cart-widget-side .woocommerce-mini-cart-item {
  border-bottom: 0px solid #e0e0e0;
  padding: 11px !important;
}

.cart-widget-side a.btn.btn-size-small.btn-color-primary.wc-backward {
  display: none !important;
}

/* Cart title gradient text */
.cart-widget-side .title {
  font-size: 19px !important;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  margin-top: 6px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  position: relative;
  text-align: center;
  z-index: 0 !important;
  background: linear-gradient(60deg, #63c4cb, #faa2fa, #63c4cb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Close button position */
.cart-widget-side .close-side-widget {
  position: absolute;
  top: 5px;
  right: 6px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.cart-widget-side {
  max-height: 100vh !important;   /* fallback */
  max-height: 100dvh !important;  /* modern browsers */
}


.cart-widget-side .close-side-widget a:hover {
  color: white !important;
}

/* Cart buttons */
.button.btn-cart.wc-forward {
  background-color: #959595;
  color: #000 !important;
  border-left: 3px solid #282828;
  border-right: 3px solid #282828;
  border-top: 3px solid #282828;
  border-bottom: 3px solid #282828;
  padding: 2px 2px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  border-radius: 8px;
  font-size: 12px;
}
.button.btn-cart.wc-forward:hover {
  background-color: #959595;
  color: #fff !important;
  border-left: 3px solid #282828;
  border-right: 3px solid #282828;
  border-top: 3px solid #282828;
  border-bottom: 3px solid #282828;
  padding: 0px 0px;
  margin-bottom: 0px;
  border-radius: 8px;
  font-size: 12px;
}

/* Checkout button */
.button.checkout.wc-forward {
  position: relative;
  background-color: #1A1A1A !important;
  color: linear-gradient(135deg, #faa2fa, #63c4cb) !important;
  border: none !important;
  padding: 10px;
  margin-top: 2px;
  margin-bottom: -10px;
  border-radius: 6px;
  font-size: 22px;
  margin-left: 1px;
  z-index: 1;
}

/* Checkout gradient border */
.button.checkout.wc-forward::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; /* border thickness */
  border-radius: 6px;
  background: linear-gradient(230deg, #63c4cb, #faa2fa);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.button.checkout.wc-forward:hover {
  background: linear-gradient(230deg, #63c4cb, #faa2fa) !important;
  color: #000 !important;
}

/* Change gradient border on hover */
.button.checkout.wc-forward:hover::before {
  background: linear-gradient(135deg, #faa2fa, #63c4cb) !important;
}

/* Cart item title clamp */
.cart-widget-side .wd-entities-title {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;
  line-height: 1.5em !important;
  margin-bottom: 0px;
  font-size: 15px !important;
  font-family: Georgia !important;
  text-transform: none !important;
}

/* Quantity text */
.quantity {
  color: #fff !important;
  font-size: 14px !important;
}

/* Total price */
.woocommerce-mini-cart__total .woocommerce-Price-amount {
  color: #40FD08 !important;
  font-size: 22px !important;
}
.woocommerce-mini-cart__total {
  border-top: 0px solid !important;
  color: #282828 !important;
  margin-right: 52px !important;
  margin-left: 52px !important;
  font-size: 22px !important;
}

/* Cart list divider */
.cart_list.product_list_widget.woocommerce-mini-cart {
  position: relative;
  margin-bottom: 0px;
  padding-bottom: 5px;
}
.cart_list.product_list_widget.woocommerce-mini-cart::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  width: 90%;
  border-bottom: .1px solid #63c4cb80;
}

/* Cart item image rounding */
.cart-item-image img {
  border-radius: 12px !important;
}

/* Empty cart message spacing */
.woocommerce-mini-cart__empty-message.empty.title {
  margin-bottom: 80px;
}

/* Hide product tags */
.tagged_as {
  display: none !important;
}

/* =========================================================
   QUICK VIEW POPUP
   ========================================================= */

/* Ensure quick-view trigger visible */
.quick-view {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
 
}

/* QUICK VIEW: arrows always visible, no hover shift/resize */
.product-quick-view .wd-nav-arrows{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:none !important; /* wrapper doesn't eat clicks */
  
}

.product-quick-view .wd-nav-arrows .wd-btn-arrow{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:none !important;       /* kill hover transform shifts */
}

/* Arrow icon (inner) stays visible + consistent */
.product-quick-view .wd-btn-arrow .wd-arrow-inner{
  opacity:1 !important;
  visibility:visible !important;
  color:#63c4cb !important;
  text-shadow:1.5px 1.5px 1.5px rgba(0,0,0,0.5) !important;
  transform: scale(.95) !important;
}
@media (min-width: 768px) and (max-width: 1024px){

  /* icon size only */
  .product-quick-view .wd-btn-arrow .wd-arrow-inner{
    opacity:1 !important;
    visibility:visible !important;
    color:#63c4cb !important;
    text-shadow:1.5px 1.5px 1.5px rgba(0,0,0,0.5) !important;
    transform: scale(1.4) !important;
    margin-left:10px !important;
    margin-right:10px !important;
  }

  /* move the actual arrow buttons down */
  .product-quick-view .wd-nav-arrows{
    position: relative !important; /* gives the arrows a reference */
  }

  .product-quick-view .wd-btn-arrow.wd-prev,
  .product-quick-view .wd-btn-arrow.wd-next{
    position: absolute !important;
    transform: translateY(-110%) !important; /* stable vertical centering */
  }

}
/* Lock positions so hover can't move them */
.product-quick-view .wd-nav-arrows .wd-btn-arrow.wd-prev{
  left:0% !important;
  right:auto !important;
}
.product-quick-view .wd-nav-arrows .wd-btn-arrow.wd-next{
  right:0% !important;
  left:auto !important;
}

/* Freeze hover states (no shifting, no resizing) */
.product-quick-view .wd-nav-arrows .wd-btn-arrow:hover,
.product-quick-view .wd-nav-arrows .wd-btn-arrow:focus{
}

.product-quick-view .wd-nav-arrows .wd-btn-arrow.wd-prev:hover{
  left:0% !important;
  right:auto !important;
}
.product-quick-view .wd-nav-arrows .wd-btn-arrow.wd-next:hover{
  right:0% !important;
  left:auto !important;
}

/* If Woodmart only shows arrows on carousel hover, override that too */
.product-quick-view .wd-carousel:hover .wd-nav-arrows,
.product-quick-view .wd-carousel:hover .wd-nav-arrows .wd-btn-arrow{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* QV close button */
.wd-popup-quick-view-wrap .wd-popup-close {
  color: #fff;
  position: absolute!important;
  top: -5px;
  right: -2px;
  transform: scale(.85);
  box-shadow: none !important;
  font-weight: 600;
}

/* QV popup container */
.wd-popup.popup-quick-view {
  border-radius: 12px !important;
  padding: 18px;
  padding-bottom: 0px !important;
  font-family: gloria !important;
  background: linear-gradient(213deg,#1a1a1a 10%,#2b2b29 53%,#faa2fa);
 
 
}

/* QV price base */
.product-quick-view .woocommerce-Price-amount {
  color: #1a1a1a;
  text-shadow: .1px .1px #000 !important;
  font-family: georgia !important;
}

/* QV title base */
.product-quick-view .product_title {
  font-family: Gloria !important;
  font-weight: 600 !important;
  text-shadow: none;
}

/* QV background overlay */
.mfp-bg {
  background: rgba(0,0,0,0.88) !important;
  opacity: 1 !important;
}

/* =========================================================
   QUICK VIEW (MOBILE <=767px)
   ========================================================= */

@media (max-width: 767px) {
  .wd-popup.popup-quick-view {
    padding: 08px !important;
    padding-bottom: 10px !important;
    background: linear-gradient(213deg,#63c4cb,#2b2b2b,#1a1a1a) !important;
    display: flex!important;
    margin-to: -35px;
    max-height:96vh!important;
    max-height: 96dvh!important;
    
}
.wd-popup-quick-view-wrap .wd-popup-close{
  color:#fff !important;
  position:absolute !important;
  top:-9px !important;
  right:-02px !important;
  transform:scale(.75) !important;
  box-shadow:none !important;
  font-weight:600 !important;
  z-index:1000 !important;
}


  body .product-quick-view .woocommerce-Price-amount {
    color: #faa2fa;
    text-shadow: 1px 1px #000 !important;
    font-family: georgia !important;

  }

  body .product-quick-view .product_title {
    font-family: Gloria !important;
    font-weight: 600 !important;
    text-shadow: none;
    margin-bottom:15px!important;
      text-shadow:1px 1px #1a1a1a!important;
      font-size: 17px;
  }

  .woocommerce-product-gallery {
    padding-bottom: 0px !important;
  }

  .product-quick-view .view-details-btn {
    padding-bottom: 0px;
  }

 
  .product-quick-view .wd-btn-arrow.wd-prev .wd-arrow-inner,
  .product-quick-view .wd-btn-arrow.wd-next .wd-arrow-inner {
    color: #63c4cb !important;
    transform: scale(1.3) !important;
  }

  .product-quick-view .variations_form-linked {
    margin-bottom: 10px;
    order: 3!important;
    margin-top: 5px!important;
  }
  
  .product-quick-view .wd-swatch-bg {
      display:flex;
  }

  .product-quick-view table.variations {
    padding-bottom: 05px !important;
   
  }

  .product-quick-view div>div.summary.entry-summary.wd-scroll.text-left>div>div:nth-child(2)>form {
    margin-top: -15px;
    order: 2 !important;
  }

  .product-quick-view .wd-social-icons {
    margin-top: 0px;
    padding-bottom: 5px!important;
    order: 3!important;
  }
    /* Swatch row: always 1 line */
  .product-quick-view .wd-swatches{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    gap: clamp(4px, 1vw, 7px) !important;
  }
  .product-quick-view .wd-swatch-bg img{
    width:90% !important;
    height:90% !important;
    object-fit:cover !important;
    
  }
  .summary.entry-summary.wd-scroll.text-left > div > div:nth-child(2) {
  min-height: 0px!important;
}

}

/* =========================================================
   QUICK VIEW LAYOUT / STRUCTURE
   ========================================================= */

.woocommerce-product-gallery {
  justify-content: center !important;
  padding-bottom: 10px;
}

.summary.entry-summary.wd-scroll.text-left {
  box-shadow: none;
  z-index: 19 !important;
}

.summary-inner {
  overflow: visible !important;
}

/* Hide first child in summary container */
.summary.entry-summary.wd-scroll.text-left > div > div:nth-child(1) {
  display: none !important;
}

/* Main content wrapper */
.summary.entry-summary.wd-scroll.text-left > div > div:nth-child(2) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 0px !important;
  z-index: 10 !important;
  min-height: 455px;
}

/* QV product title gradient clamp */
.product-quick-view .product_title {
  line-height: 1.2em !important;
  word-break: break-word !important;
  text-align: center !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-width: 90% !important;
  z-index: 99 !important;

  /* gradient text */
  background: linear-gradient(180deg, #faa2fa, #63c4cb) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* QV current price */
.product-quick-view .woocommerce-Price-amount {
  color: #63c4cb;
  font-size: 23px !important;
  margin-top: 10px !important;
  text-shadow: 1px 1px #000 !important;
}

/* QV old price text */
.product-quick-view .price del .woocommerce-Price-amount {
  color: #c7364f !important;
  font-size: 17px !important;
  margin-right: 4px;
}

/* QV price container */
.product-quick-view .price {
  text-align: center !important;
  margin: 0;
  margin-top: -18px;
}

/* =========================================================
   QV STRIKETHROUGH (CUSTOM LINE)
   ========================================================= */

.product-quick-view del {
  position: relative !important;
  text-decoration: none !important; /* turn off default line */
}

.product-quick-view del::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 42% !important; /* lower number = higher line */
  height: 2px !important; /* thickness */
  background: #9f2438 !important; /* line color */
  transform: translateY(190%) !important;
  pointer-events: none !important;
}

/* =========================================================
   QV GALLERY / CAROUSEL SPACING
   ========================================================= */

@media (min-width: 881px) {
  .product-quick-view .wd-carousel-container {
    margin-bottom: 35px !important;
    border-radius: 12px !important;
    background: transparent !important;
  }
}

.product-quick-view .wd-carousel-container {
  margin-bottom: 20px;
  border-radius: 12px;
  background: transparent !important;
}

.product-quick-view .woocommerce-product-gallery__image {
  background-color: transparent !important;
  border-radius: 12px !important;
}

.product-quick-view .woocommerce-product-gallery__image img {
  position: relative !important;
  background: transparent !important;
  border-radius: 12px !important;
  border: 1px solid #1a1a11;
}

.product-quick-view .wd-carousel-item {
  padding: 0 3px;
}

/* Carousel arrows */
.product-quick-view .wd-btn-arrow.wd-prev,
.product-quick-view .wd-btn-arrow.wd-next {
  position: absolute !important;
  top: 86% !important;
  font-weight: 600 !important;
}

.product-quick-view .wd-btn-arrow.wd-prev .wd-arrow-inner,
.product-quick-view .wd-btn-arrow.wd-next .wd-arrow-inner {
  color: #63c4cb !important;
  transform: scale(1.1);
}

/* Next arrow hover tooltip */
.product-quick-view .wd-btn-arrow.wd-next:hover::after {
  content: "Click Pic for Fullscreen HD";
  position: absolute;
  background-color: rgba(0,0,0,0.9);
  color: #fff;
  padding: 5px 5px;
  border-radius: 5px;
  font-size: 12px;
  z-index: 11 !important;
  display: flex;
  right: 0 !important;
  width: 95px;
}

/* View details button */
.product-quick-view .view-details-btn {
  background: none !important;
  color: lightgrey !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transform: scale(0.9) !important;
  font-family: georgia !important;
  display: flex !important;
  margin-bottom: -40px !important;
  opacity: 1;
}

.btn.view-details-btn:hover {
  background-color: transparent !important;
  color: white !important;
  display: flex !important;
}

/* =========================================================
   QV DESCRIPTION / FORM ORDERING
   ========================================================= */

.product-quick-view .woocommerce-product-details__short-description {
  color: #fff !important;
  font-size: 14px !important;
  font-family: georgia !important;
  background-color: transparent;
  order: 4;
  padding-top: 13px !important;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  flex-direction: column;
}

.product-quick-view div>div.summary.entry-summary.wd-scroll.text-left>div>div:nth-child(2)>form {
  order: 3;
  padding-top: 10px;
  padding-bottom: 17px!important;
}

/* Variations table layout */
.product-quick-view table.variations {
  display: flex !important;
  padding-top: 0px;
}

.product-quick-view .variations_form-linked {
  display: flex !important;
  width: 100%;
  order: 2;
 
}

/* Social icons */
.product-quick-view .wd-social-icons {
  order: 1;
  display: flex;
  gap: 5px !important;
  font-size: 15px;
  transform: scale(1.25);
  z-index: 999 !important;
  padding-bottom:10px;
}
.product-quick-view .wd-social-icons .wd-label {
  color: #63c4cb !important;
}

/* Table body center alignment */
.product-quick-view tbody {
  width: 100%;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Variation label */
.product-quick-view .label.cell label {
  font-size: 16px !important;
  color: #63c4cb;
  font-weight: 600;
  display: flex;
  justify-content: center !important;
}

/* Swatches */
.product-quick-view .wd-swatch {
  border: 0px solid #1a1a1a;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 0px !important;
  opacity: 0.5 !important;
  filter: grayscale(100%) !important;
}
.product-quick-view .wd-swatch.wd-active {
  border: 0px white solid;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 0px !important;
  opacity: 1 !important;
  filter: grayscale(0%) !important;
  cursor: default !important;
}
.product-quick-view .wd-swatch:hover {
  border: 0px white solid;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 0px !important;
  opacity: 1 !important;
  filter: grayscale(0%) !important;
}

/* Hide size swatch row */
.variations tr:has(.wd-swatches.wd-size-xs) {
  display: none;
}

/* Variation row spacing */
.variations tr {
  padding: 0px !important;
  margin-bottom: -15px;
}

/* Select styling */
.product-quick-view select {
  width: 100%;
  border: 1px solid #63c4cb !important;
  border-radius: 6px;
  color: white !important;
  background-color: transparent !important;
  font-family: Georgia;
}

/* Variation + add to cart layout */
.product-quick-view .single_variation_wrap {
  display: flex !important;
  align-items: center !important;
  text-align: center !important;
  flex-direction: row !important;
  padding-top: 15px;
}
.woocommerce-variation-add-to-cart.variations_button {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}

/* Quantity buttons */
.product-quick-view .quantity .minus,
.product-quick-view .quantity .plus {
  border: 0px solid white !important;
  color: #63c4cb;
  font-size: 18px;
  font-weight: 600;
}
.product-quick-view .quantity .minus:hover,
.product-quick-view .quantity .plus:hover {
  background: transparent;
  font-size: 16px;
}

/* Quantity input */
.product-quick-view .quantity .qty {
  border: 0px solid !important;
  border-bottom: 1px solid;
  border-radius: 6px;
  color: #fff !important;
  font-size: 24px;
}

/* Hide product attributes labels */
.product-quick-view .woocommerce-product-attributes-item__label .wd-attr-name-label,
.product-quick-view .woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_pa_theme {
  display: none !important;
}

/* Add to cart button */
.single_add_to_cart_button.button.alt {
  background-color: transparent !important;
  color: white !important;
  border: 1px solid #faa2fa !important;
  border-radius: 6px;
  font-family: Gloria !important;
  display: flex !important;
}
.single_add_to_cart_button.alt:hover {
  background-color: transparent !important;
  color: #faa2fa !important;
}

/* =========================================================
   QV SCROLLBARS
   ========================================================= */

.wd-popup.popup-quick-view .product-quick-view .variations_form select {
  scrollbar-width: 22px !important;
}

.wd-popup.popup-quick-view .product-quick-view .variations_form select::-webkit-scrollbar {
  width: 20px !important;
  background-color: lightgrey;
}

.wd-popup.popup-quick-view .product-quick-view .variations_form select::-webkit-scrollbar-thumb:hover {
  background-color: #63c4cb !important;
}

/* Hide QV main scrollbars */
.product-quick-view .wd-scroll-content::-webkit-scrollbar {
  width: 0px;
}
.product-quick-view .wd-scroll-content::-webkit-scrollbar-thumb {
  background-color: grey;
  border-radius: 30px;
}

/* Hide reset variations link */
.product-quick-view .reset_variations {
  display: none !important;
}

/* NSL spacing */
.nsl-container {
  margin-top: -25px !important;
}

/* Social icon hover */
.wd-social-icon:hover .wd-icon {
  color: #63C4CB !important;
}
.wd-social-icon {
  color: #fff !important;
}

/* Hide extra attributes */
.woocommerce-product-attributes-item--weight,
.woocommerce-product-attributes-item--attribute_color,
.woocommerce-product-attributes-item--attribute_size,
.woocommerce-product-attributes-item--attribute_style {
  display: none !important;
}

/* Add-cart icon wrapper */
.wd-add-btn.wd-action-btn.wd-style-icon.wd-add-cart-icon {
  position: relative;
}

/* =========================================================
   BREADCRUMBS
   ========================================================= */

.woocommerce-breadcrumb .breadcrumb-last {
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.breadcrumb-last {
  display: none !important;
}
.woocommerce-breadcrumb a::after {
  content: "/";
  margin: 0 1px;
  color: white !important;
}
.woocommerce-breadcrumb a:last-child::after {
  content: "";
  color: white !important;
}
.woocommerce-breadcrumb a::before {
  content: "";
  margin: 0 1px;
  color: white !important;
}
.woocommerce-breadcrumb a {
  color: white !important;
}
.woocommerce-breadcrumb a:hover {
  color: #63C4CB !important;
}



/* =========================================================
   MOBILE NAV (OFF CANVAS)
   ========================================================= */

.mobile-nav {
  max-height: 100vh !important;  /* fallback */
  max-height: 100dvh !important; /* modern browsers */
  overflow-y: auto !important;
}

.mobile-nav.wd-opened {
  background-color: #1A1A1A !important;
  border: none !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  overflow-y: auto !important;
  z-index: 999999;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  box-shadow: 10px 9px 16px rgba(0,0,0,0.5) !important;
}

/* Gradient border for mobile nav */
.mobile-nav.wd-opened::before {
  content: "";
  position: absolute;
  inset: 0;
  margin-left: -2px;
  padding: 1px; /* border thickness */
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background: linear-gradient(300deg, #faa2fa, #63c4cb);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 999999;
}

/* =========================================================
   TOOLBAR / MOBILE MENU (<=1280px)
   ========================================================= */

@media (max-width: 1280px) {

  /* NOTE: This block is intentionally unchanged; only organized */

  .login-form-side .create-account-question {
    margin-top: -30px !important;
    border: none !important;
  }

  .nav-link-text:hover,
  .nav-link-text:focus,
  .nav-link-text:active {
    color: #fff !important;
  }

.wd-toolbar{
  height: 75px !important;                 /* stop forcing a hard height */
  min-height: 75px !important;            /* keep your intended size */
  padding-top: 3px !important;
  box-shadow: none!important;
}


  /* Make custom-icon images fit nicely in 45px toolbar */
  .wd-toolbar-link .wd-custom-icon img {
    width: auto !important;
    height: 38px !important
  }

  /* Mobile Nav icon base */
  .wd-header-mobile-nav.whb-wd-header-mobile-nav.mobile-style-icon.wd-tools-element {
    --wd-tools-icon-base-width: 25px !important;
    color: #fff !important;
  }

  .wd-header-mobile-nav.whb-wd-header-mobile-nav.mobile-style-icon.wd-tools-element .wd-tools-icon::before {
    color: #fff !important;
  }

  .wd-tools-custom-icon.wd-toolbar-link-1 {
    padding-left: 4px;
  }

  .wd-toolbar-label {
    inset-inline: 5px !important;
    bottom: -10px !important;
    font-family: georgia !important;
  }

  /* Menu item 47910 background */
  #menu-item-47910 .woodmart-nav-link {
    background: linear-gradient(135deg, #00597C, #000, #00597C) !important;
    margin-top: -5px !important;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff;
    justify-content: center !important;
    font-size: 25px !important;
  }

  /* Menu item 47910 gradient text */
  #menu-item-47910 .nav-link-text {
    background: linear-gradient(120deg, red, #fff, #fff, #fff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 700 !important;
  }

  /* Off-canvas menu + custom scrollbars */
  #menu-mobile-menu-custom {
    max-height: calc(100vh - 20px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #63c4cb #1A1A1A;
  }

  #menu-mobile-menu-custom::-webkit-scrollbar {
    width: 8px;
    background-color: #1A1A1A;
  }

  #menu-mobile-menu-custom::-webkit-scrollbar-thumb {
    background-color: #63c4cb;
    border-radius: 8px;
  }

  #menu-mobile-menu-custom::-webkit-scrollbar-thumb:hover {
    background-color: #4fa3a9;
  }

  .mobile-nav .nav-link-text:hover {
    color: #63c4cb !important;
  }

  .mobile-nav .wd-nav-opener {
    color: #63c4cb90;
    border-left: none;
  }

  .mobile-nav .wd-nav-img {
    padding-right: 10px;
  }

  .mobile-nav .wd-heading {
    display: flex !important;
    flex-grow: 0 !important;
    padding: 8px;
    border: none;
  }

  /* Highlighted menu item 47965 */
  .mobile-nav .menu-item-47965 .woodmart-nav-link {
    background: #63c4cb;
    color: black !important;
    justify-content: center;
    font-size: 22px !important;
    border-radius: 50px;
    margin-left: 20px;
    margin-right: 20px;
    display: flex !important;
    flex-direction: row !important;
    box-shadow: 0px 9px 16px rgba(0, 0, 0, 0.5) !important;
    transform: scale(.75) !important;
    margin-bottom: -3px;
  }

  .mobile-nav .menu-item-47965 .nav-link-text:hover {
    color: black !important;
    font-size: 23px !important;
  }

  /* Menu item 48013 */
  .mobile-nav .menu-item-48013 .woodmart-nav-link {
    border: none !important;
    color: #faa2fa;
    justify-content: center;
    font-size: 22px !important;
  }

  .mobile-nav .menu-item-48013 .woodmart-nav-link:hover {
    border: none !important;
    color: #faa2fa;
    justify-content: center;
    font-size: 23px !important;
  }

  #menu-item-48013 .woodmart-nav-link:hover .nav-link-text {
    color: #faa2fa !important;
  }

  #menu-item-47965 .woodmart-nav-link:hover .nav-link-text {
    color: black !important;
  }

  #menu-item-47967 .woodmart-nav-link:hover .nav-link-text {
    color: #63c4cb !important;
  }

  /* Mobile nav panel layout */
  .mobile-nav.wd-opened {
    border-radius: 0px;
    border: 0.1px solid #63c4cb;
    border-left: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    box-shadow: 10px 9px 16px rgba(0, 0, 0, 0.5);
    background-color: #1a1a1a !important;
    min-width: 298px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .mobile-nav ul {
    display: flex !important;
    justify-content: space-between !important;
    flex-grow: 1 !important;
  }

  .mobile-nav .wd-sub-menu,
  .mobile-nav .sub-sub-menu {
    display: flex;
    background: #1A1A1A !important;
    flex-direction: column;
  }

  /* Specific submenu scroll areas */
  #menu-item-47893 .wd-sub-menu {
    display: inline-block !important;
    background: #1A1A1A !important;
    scrollbar-width: thin !important;
    scrollbar-color: #63c4cb #1A1A1A !important;
    overflow-y: scroll !important;
    overflow-x: hidden;
    max-height: 80vh;
  }

  #menu-item-47974 .wd-sub-menu {
    display: flex !important;
    background: #1A1A1A !important;
    flex-direction: column;
  }

  #menu-item-47974 .sub-sub-menu {
    display: block !important;
    background: #1A1A1A !important;
    scrollbar-width: thin !important;
    scrollbar-color: #63c4cb #1A1A1A !important;
    overflow-y: scroll !important;
    overflow-x: hidden;
    max-height: 80vh;
  }

  /* Scrollbars for submenus */
  .mobile-nav .wd-sub-menu::-webkit-scrollbar {
    width: 8px !important;
    background-color: #1A1A1A !important;
  }
  .mobile-nav .wd-sub-menu::-webkit-scrollbar-thumb {
    background-color: #63c4cb !important;
    border-radius: 8px !important;
  }
  .mobile-nav .wd-sub-menu::-webkit-scrollbar-thumb:hover {
    background-color: #4fa3a9 !important;
  }

  /* Art palette gradient link */
  .art-palette-icon-gradient > a {
    padding-top: 10px !important;
    gap: 8px !important;
    border-top: solid .5px #faa2fa !important;
    border-right: none !important;
    border-bottom: none !important;
    letter-spacing: .4px !important;
    font-size: 18px !important;
  }

  /* Gradient text */
  .art-palette-icon-gradient > a {
    background-image: linear-gradient(90deg, #63c4cb, #7fd6d8, #faa2fa, #ffd27a, #caa24d) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  /* Opener */
  #menu-item-47975.art-palette-icon-gradient > .wd-nav-opener {
    border-top: solid .5px #faa2fa !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding-top: 10px !important;
  }

  /* Image tweak */
  #menu-item-47975 .wd-nav-img {
    margin-right: -20px !important;
    padding-left: 20px !important;
  }

  .wd-nav-opener {
    border-left: none !important;
    border-right: none !important;
  }
}

/* =========================================================
   MOBILE ACCOUNT ICON BASE WIDTH (<=1024px)
   ========================================================= */

@media (max-width: 1024px) {
  .wd-header-my-account {
    --wd-tools-icon-base-width: 25px !important;
  }
}
@media (min-width: 1025px) {
	/* Remove existing content from the pseudo-element */
.wd-nav[class*="wd-style-"]>li:is(.wd-has-children,.menu-item-has-children)>a::after {
    content: none !important;
}

/* Customizing the hover effect for navigation links */
.wd-nav > li > a {
    font-weight: bold; /* Ensures the default white text is bold */
}

/* Ensuring active link retains the hover effect */
.wd-nav > li.current_page_item > a,
.wd-nav > li.current-menu-item > a {
    color: #fff !important; /* Default text color for active link */
}

.flashing-text {
    animation: flash-text 1.9s infinite alternate;
    font-family: Georgia !important;
    font-size: 22px;
     font-style: italic; /* Make the text italic */
    text-transform: lowercase;
    margin-bottom: -10px !important;

}

@keyframes flash-text {
    0% {
        color: #1A1A1A;
    }
    100% {
        color: #faa2fa;
    }
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -30px !important;
}

/* Remove existing content from the pseudo-element */
.wd-nav[class*="wd-style-"]>li:is(.wd-has-children,.menu-item-has-children)>a::after {
    content: none !important;
}

/* Customizing the hover effect for navigation links */
.wd-nav > li > a {
    font-weight: bold; /* Ensures the default white text is bold */
}

/* Ensuring active link retains the hover effect */
.wd-nav > li.current_page_item > a,
.wd-nav > li.current-menu-item > a {
    color: #fff !important; /* Default text color for active link */
}

.flashing-text {
    animation: flash-text 1.9s infinite alternate;
    font-family: Georgia !important;
    font-size: 22px;
     font-style: italic; /* Make the text italic */
    text-transform: lowercase;
    margin-bottom: -10px !important;

}

@keyframes flash-text {
    0% {
        color: #1A1A1A;
    }
    100% {
        color: #faa2fa;
    }
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -30px !important;
}
}

@media (max-width: 576px) {
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -30px !important;
}

}