@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.pladinum.com/wp-content/themes/default/fonts/woodmart-font-3-300.woff2?v=8.3.8") format("woff2");
}

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgba(0,0,0,0.6);
	--wd-text-font-size: 16px;
	--wd-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-transform: inherit;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-transform: inherit;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(245, 245, 247);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: inherit;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: inherit;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgba(0,0,0,0.6);
	--btn-default-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-transform: inherit;
	--btn-default-bgcolor: rgb(17,17,17);
	--btn-default-bgcolor-hover: rgba(17,17,17,0.8);
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 600;
	--btn-accented-transform: inherit;
	--btn-accented-bgcolor: rgb(17,17,17);
	--btn-accented-bgcolor-hover: rgba(17,17,17,0.8);
	--btn-accented-color: rgb(255,255,255);
	--btn-accented-color-hover: rgb(255,255,255);
	--btn-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-font-weight: 600;
	--btn-transform: inherit;
	--btn-color: rgb(255,255,255);
	--btn-bgcolor: rgb(17,17,17);
	--btn-color-hover: rgb(255,255,255);
	--btn-bgcolor-hover: rgba(17,17,17,0.8);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(17,17,17);
	--notices-success-color: rgb(255,255,255);
	--notices-warning-bg: rgb(28,97,230);
	--notices-warning-color: rgb(255,255,255);
	--wd-link-color: rgb(0,95,255);
	--wd-link-color-hover: rgb(0,51,204);
	--wd-link-decor-color: rgb(0,95,255);
	--wd-link-decor-color-hover: rgb(0,51,204);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	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;
}
.wd-footer {
	background-color: rgb(245,245,247);
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a, 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, a.btn.btn-style-default.btn-shape-semi-round.btn-size-extra-small.link-btn-header {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-transform: inherit;
	color: rgba(255,255,255,0.6);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a, 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, a.btn.btn-style-default.btn-shape-semi-round.btn-size-extra-small.link-btn-header:hover {
	color: rgb(255,255,255);
}
html .wd-nav-mobile > li > a, 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: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 27px;
	color: rgb(0,0,0);
}
html .wd-nav-mobile > li > a:hover, html .wd-nav-mobile > li.current-menu-item > a, 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: rgba(0,0,0,0.6);
}
a.btn.btn-style-bordered.btn-shape-semi-round.btn-size-extra-small.desktop-btn-header {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-transform: inherit;
	color: rgb(0,95,255);
}
a.btn.btn-style-bordered.btn-shape-semi-round.btn-size-extra-small.desktop-btn-header:hover {
	color: rgb(0,51,204);
}
.page .wd-page-content {
	background-color: rgb(245,245,247);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(245,245,247);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(245,245,247);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(245,245,247);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(245,245,247);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(245,245,247);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(245,245,247);
	background-image: none;
}
html .wd-buy-now-btn {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-transform: inherit;
	color: rgb(255,255,255);
	background: rgb(17,17,17);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgba(17,17,17,0.8);
}
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-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--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;
}

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


.wd-page-title {
background-color: rgb(245,245,247);
}

@font-face {
	font-family: "PLVisualSans-RegularText";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "PLVisualSans-Medium";
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "PLVisualSans-SemiBold";
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "PLVisualSans-SemiBoldText";
	font-weight: 600;
	font-style: normal;
}

/* =========================================================
   GLOBAL TOKENS / DEFAULTS
   ========================================================= */
:root{
  --c-black: #000;
  --c-white: #fff;

  --c-text: #000;
  --c-muted: rgba(0,0,0,0.65);

  --c-pill: #f0f0f0;
  --c-border: #d8d8d8;

  --radius-sm: 5px;
  --t-fast: 0.25s;
}

html{
  scroll-behavior: smooth;
}

/* Text utilities */
.text-balance{ text-wrap: balance; }
::selection{ background: var(--c-black); color: var(--c-white); }

/* =========================================================
   BUTTON ICON
   ========================================================= */
.button-dark-icon::after{
  content: "\f105";            /* angle-right */
  font-family: "FontAwesome";  /* WoodMart/legacy FA family */
  font-weight: 400;
  line-height: 1;
  position: relative;
  top: 0;
}

/* =========================================================
   HEADER MAIN MENU CHEVRON
   ========================================================= */
.wd-nav > li:is(.wd-has-children, .menu-item-has-children) > a::after{
  font-size: 10px;
  font-weight: 600;
  transition: transform var(--t-fast) ease, color var(--t-fast) ease;
  transform-origin: 50% 50%;
  will-change: transform;
}

.wd-nav > li:is(.wd-has-children, .menu-item-has-children) > a:hover::after{
  transform: rotate(-180deg);
  color: var(--c-white);
}

.wd-nav > li:is(.wd-has-children, .menu-item-has-children) > a:focus-visible::after{
  transform: rotate(-180deg);
}

/* =========================================================
   ICON LIST
   ========================================================= */

.icon-list-title {
  display: block;
  font-weight: 400;
  margin-bottom: 12px;
	margin-left: 0px;
}

/* =========================================================
   GLOBALNAV SUBMENU – ICON LAYOUT & STYLING (SCOPED)
   ========================================================= */
.globalnav-submenu .elementor-icon-list-item a{
  display: flex;
  align-items: center;
}

/* Icon pill container */
.globalnav-submenu .elementor-icon-list-icon{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px;
  height: 33px;
  flex: 0 0 32px;

  border-radius: 8px;
  background-color: rgb(39, 39, 39);

  line-height: 0 !important;
  margin-right: 0px;

  transition: background-color 0.2s ease;
}

/* Normalize icon glyph rendering */
.globalnav-submenu .elementor-icon-list-icon svg,
.globalnav-submenu .elementor-icon-list-icon i{
  display: block !important;
  margin: 0 !important;
  color: #A5A5A5;
  fill: currentColor;
  transition: color 0.2s ease;
}

/* Hover states (submenu only) */
.globalnav-submenu .elementor-icon-list-item a:hover .elementor-icon-list-icon{
  background-color: #3f3f3f;
}

.globalnav-submenu .elementor-icon-list-item a:hover .elementor-icon-list-icon svg,
.globalnav-submenu .elementor-icon-list-item a:hover .elementor-icon-list-icon i{
  color: #FFFFFF;
  fill: #FFFFFF;
}

/* Space between icon and text */
.globalnav-submenu .elementor-icon-list-text{
  margin-left: 12px;
}

/* Optional optical corrections */
.globalnav-submenu .fa-wordpress{ transform: translateX(1px); }
.globalnav-submenu .fa-scale-balanced{ transform: translateX(-0.5px); }

/* Title wrapper */
.menu-title{
  font-weight: 600;
  font-size: 15px;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Recommended badge */
.menu-badge{
  font-size: 11px;
  font-weight: 600;
  padding: 1px 5px;
  border-radius: 3px;
  margin-left: 10px;
  background-color: rgba(0, 95, 255, 0.85);
  color: #ffffff;
}

/* Description */
.menu-desc{
  font-weight: 500;
  font-size: 13px;
  color: rgba(255,255,255,0.4);
  line-height: 120%;
}

/* Dim non-primary items */
.globalnav-submenu .elementor-icon-list-item:not(.is-recommended) .elementor-icon-list-text{
  opacity: 0.9;
}

.menu-arrow{
  font-weight: 600;
  font-size: 10px;
  margin-left: 0;
  opacity: 0.6;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.globalnav-submenu .elementor-icon-list-item a:hover .menu-arrow{
  transform: translateX(4px);
  opacity: 0.85;
}

.globalnav-submenu .elementor-icon-list-icon > * {
  transform: translateX(5px);
}

/* =========================================================
   HEADER CTA BUTTON
   ========================================================= */
a.btn.btn-style-bordered.btn-shape-semi-round.btn-size-extra-small.desktop-btn-header{
  border: 1px solid rgb(0,95,255);
}

a.btn.btn-style-bordered.btn-shape-semi-round.btn-size-extra-small.desktop-btn-header:hover{
  border: 1px solid rgb(0,51,204);
}

/* =========================================================
   TABLE PRICES [DARK]
   ========================================================= */
span.pld-price-desc-dark{
  font-size: 12px;
  font-weight: 400;
  color: var(--c-muted);
  display: block;
  margin-bottom: 6px;
}

.pld-price-outer-dark{
  text-align: center;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-top: -2px;
}

.pld-price-dark{
  font-size: 35px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -1px;
  color: var(--c-text);
  font-family: "Fjalla One", sans-serif !important;
  display: inline-block;
}

.pld-decimal-outer-dark{
  display: inline-flex;
  flex-direction: column;
  margin-top: 4px;
}

.pld-decimal-dark{
  font-size: 14px;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.5px;
  word-spacing: 0.5px;
  color: var(--c-text);
  font-family: "Fjalla One", sans-serif !important;
  display: block;
  margin-bottom: -2px;
  text-align: left;
}

.pld-duration-dark{
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.5px;
  word-spacing: 0.3px;
  color: var(--c-muted);
  display: inline-block;
}

.pld-promo-dark{
  font-weight: 400;
  font-size: 12px;
  padding: 5px 10px;
  background: var(--c-pill);
  border-radius: var(--radius-sm);
  color: var(--c-text);
  border: 1px solid var(--c-border);
  display: inline-block;
}

.pld-original-price{
  font-size: 13px;
  color: #bdbdbd;
  text-decoration: line-through;
}

/* =========================================================
   TOOLTIP ICON
   ========================================================= */
.pld-tip{
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  line-height: 1;
  z-index: 9999;
}

.pld-tip__icon{
  color: #111;
  font-size: 14px;
  cursor: help;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pld-tip:hover .pld-tip__icon,
.pld-tip:focus-within .pld-tip__icon{
  color: #000;
}

.pld-tip__bubble{
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  transform: translateX(-50%) translateY(6px);

  width: min(320px, 80vw);
  background: #000;

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: rgb(255,255,255);
  line-height: 19px;
  letter-spacing: -0.1px;

  text-align: center;

  padding: 12px 14px;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
  z-index: 99;
}

/* Force-normalize casing inside tooltip (theme often uppercases) */
.pld-tip__bubble,
.pld-tip__bubble *{
  text-transform: none !important;
}

.pld-tip__bubble::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-top-color: #000;
}

.pld-tip:hover .pld-tip__bubble,
.pld-tip:focus-within .pld-tip__bubble{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* =========================================================
   TRANSLATE TOPBAR (TRP)
   ========================================================= */
#trp_no_text_popup_wrap{
  background-color: #282829 !important;
  box-shadow: none !important;
}

#trp_no_text_popup{
  padding: 10px 30px !important;
  border: none;
}

#trp_ald_no_text_popup_div{
  line-height: 17px;
  font-size: 14px;
  color: var(--c-white);
}

.trp-shortcode-switcher{
  padding: 0;
}

.trp_ald_ls_container .trp-ald-popup-select{
  font-size: 16px;
}

#trp_ald_not_text_popup_ls_and_button .trp_ald_ls_container .trp-ls-shortcode-language{
  z-index: 999;
}

#trp_no_text_popup #trp_close::before{
  content: "\00D7";
  color: #6551f3 !important;
  font: normal 25px/40px dashicons !important;
}

#trp_ald_no_text_popup_change_language{
  height: 43px;
  background: #007aff;
  border-color: #007aff;
  border-radius: var(--radius-sm);
  padding: 2px 10px;
}

#trp_ald_no_text_popup_change_language:hover{
  background: #0066cc;
  border-color: #0066cc;
}

/* Responsive (TRP) */
@media (max-width: 780px){
  #trp_ald_not_text_popup_ls_and_button{ max-width: 100%; }
  #trp_no_text_popup{ padding: 20px 10px !important; }

  #trp_ald_not_text_popup_ls_and_button .trp_ald_ls_container{
    max-width: 65%;
    margin-top: 10px;
  }

  .trp_ald_change_language_div{
    max-width: 30%;
    margin-top: 0;
  }

  #trp_ald_no_text_popup_change_language{
    white-space: normal;
    padding: 0;
  }

  #trp_ald_no_text_popup_x{
    width: auto;
    margin-top: -75px;
    display: block;
  }
}

@media (max-width: 937px){
  #trp_ald_not_text_popup_ls_and_button{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: baseline;
  }
}

/* =========================================================
   PRICEBOX RECOMMENDED OPTION (Elementor)
   ========================================================= */
.pld-rec{
  --rec-bg: #20d6c9;
  --rec-bg-soft: rgba(32,214,201,.14);
  --rec-radius: 28px;

  background: var(--rec-bg);
  border-radius: var(--rec-radius);
  padding: 14px;
  position: relative;
  box-shadow: 0 18px 50px rgba(0,0,0,.10);
  overflow: visible;
}

.pld-rec::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: var(--rec-radius);
  box-shadow: 0 0 0 8px var(--rec-bg-soft);
  pointer-events:none;
}

.pld-rec .pld-rec__flag{
  color: #000;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.1;
  padding: 18px 18px 14px;
  margin: 0;
}

.pld-rec .pld-rec__inner{
  background: #fff;
  border-radius: 22px;
  padding: 28px 22px;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
  overflow: visible;
}

@media (max-width: 767px){
  .pld-rec{ padding: 12px; }
  .pld-rec .pld-rec__flag{ padding: 16px 16px 12px; }
  .pld-rec .pld-rec__inner{ padding: 24px 18px; }
}

/* =========================================================
   BREADCRUMB DELIMITER
   ========================================================= */
.wd-breadcrumbs .wd-delimiter{
  font-size: 0;
}

.wd-breadcrumbs .wd-delimiter::after{
  content: "\f054";
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: 10px;
  opacity: 0.45;
  display: inline-block;
  margin: 0 8px;
  line-height: 1;
  transform: translateY(-1px);
}

/* =========================================================
   WOODMART MOBILE DRAWER – FULL SCREEN DARK
   ========================================================= */

@media (max-width: 1024px) {

  /* Full-screen panel sizing */
  .wd-side-hidden {
    --wd-side-hidden-w: 100vw !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(100vh - var(--wd-admin-bar-h, 0px)) !important;

    background: #000000 !important;
    color: #ffffff !important;

    border-radius: 0 !important;
    box-shadow: none !important;

    /* Smooth entrance */
    transition: transform 520ms cubic-bezier(0.19, 1, 0.22, 1), opacity 220ms ease;
    will-change: transform, opacity;
  }

  /* Closed state: fully off-screen to the right */
  .wd-side-hidden.wd-right {
    right: 0;
    left: auto;
    transform: translate3d(100%, 0, 0);
    opacity: 0.98;
  }

  /* Open state */
  .wd-side-hidden.wd-opened {
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
  }

  /* Make scrolling feel native */
  .wd-side-hidden {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
	
	/* Angle submenu */
	.wd-nav-opener {
		color: #ffffff;
	}
}

/* =========================================================
   MOBILE MENU CONTENT – DARK THEME
   ========================================================= */
@media (max-width: 1024px) {

  /* Inject logo at top of mobile menu */
  .wd-side-hidden-nav .wd-heading::before {
    content: "";
    display: block;

    width: 115px;
    height: 28px;

    background-image: url("https://www.pladinum.com/wp-content/uploads/2025/12/logo-white.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
		
		flex: auto;
  }

  /* Add spacing below header so menu doesn't collide */
  .wd-side-hidden-nav .wd-heading {
    padding-bottom: 20px;
  }
	
	/* Go back title */
	html .wd-nav-mobile > li > a, 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-size: 0px; }
	
	  /* Links */
  .wd-side-hidden a,
  .wd-side-hidden .menu-item > a {
    color: rgba(255,255,255,0.92) !important;
		font-size: 20px;
  }
	
	.wd-heading .wd-action-btn.wd-style-text>a {
		height: 15px;
	}
	
	.wd-action-btn>a:after {
		font-size: 0px;
	}

  /* Main items (HOME, WORDPRESS, HOSTING, etc.) */
  .wd-side-hidden .wd-nav-mobile > li > a,
  .wd-side-hidden .menu-item > a {
    font-weight: 600 !important;
    font-size: 18px !important;
    letter-spacing: 0.01em;
    padding: 12px 16px !important;
    transition: background-color 180ms ease, color 180ms ease;
		text-transform: inherit;
  }

  /* Subtle separators */
  .wd-side-hidden .wd-nav-mobile > li,
  .wd-side-hidden .menu-item {
    border-bottom: none;
  }

  /* Hover / focus */
  .wd-side-hidden .wd-nav-mobile > li > a:hover,
  .wd-side-hidden .wd-nav-mobile > li > a:focus {
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,1) !important;
  }
	
	/* menu padding */
	.e-con.e-flex>.e-con-inner {
		padding: 20px;
	}
	
	/* =========================================================
   MOBILE MENU: Fix text overlay on bottom buttons
   ========================================================= */

.wd-side-hidden-nav .mobile-pages-menu > li.mobile-btn-login,
.wd-side-hidden-nav .mobile-pages-menu > li.mobile-btn-singup{
  position: fixed;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  z-index: 999999;           /* stay above submenu content */
  isolation: isolate;        /* new stacking context */
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure NOTHING inside inherits weird positioning/transform */
.wd-side-hidden-nav .mobile-pages-menu > li.mobile-btn-login > a,
.wd-side-hidden-nav .mobile-pages-menu > li.mobile-btn-singup > a{
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 54px;

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

  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;

  transform: none !important;
}

/* Also reset the text span (Woodmart sometimes positions it) */
.wd-side-hidden-nav .mobile-pages-menu > li.mobile-btn-login .nav-link-text,
.wd-side-hidden-nav .mobile-pages-menu > li.mobile-btn-singup .nav-link-text{
  position: static !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Layout: 2 columns */
.wd-side-hidden-nav .mobile-pages-menu > li.mobile-btn-login{
  left: 16px;
  width: calc(50% - 20px);
}

.wd-side-hidden-nav .mobile-pages-menu > li.mobile-btn-singup{
  left: calc(50% + 4px);
  width: calc(50% - 20px);
}

/* Button styles */
.wd-side-hidden-nav .mobile-pages-menu > li.mobile-btn-login > a{
  background: transparent;
  border: 1px solid rgba(255,255,255,.35);
  color: rgba(255,255,255,.92) !important;
  border-radius: 14px;
  font-weight: 700;
}

.wd-side-hidden-nav .mobile-pages-menu > li.mobile-btn-singup > a{
  background: #005fff;
  border: 1px solid #005fff;
  color: #ffffff !important;
  border-radius: 14px;
  font-weight: 800;
}

/* Make room so menu content doesn't sit under the fixed buttons */
.wd-side-hidden-nav .mobile-pages-menu{
  padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
	
	.wd-side-hidden-nav .wd-sub-menu,
.wd-side-hidden-nav .wd-mob-nav-html-block{
  position: relative;
  z-index: 0;
}
	/* =========================================================
   MOBILE MENU: Mobile horizontal scroll for the submenu
   ========================================================= */
@media (max-width: 767px) {
  /* Target the Woodmart menu inside your Elementor widget wrapper */
  .page-navmenu .wd-menu .menu.wd-nav.wd-nav-horizontal {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* smooth iOS scrolling */
    gap: 18px; /* spacing between items */
    padding: 6px 12px; /* prevents edge clipping */
    scroll-snap-type: x mandatory; /* optional: nicer snapping */
  }

  .page-navmenu .wd-menu .menu.wd-nav.wd-nav-horizontal > li {
    flex: 0 0 auto;              /* keep items in one line */
    scroll-snap-align: start;    /* optional: snapping */
  }

  .page-navmenu .wd-menu .menu.wd-nav.wd-nav-horizontal > li > a {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }

  /* Optional: hide scrollbar (keeps scroll functionality) */
  .page-navmenu .wd-menu .menu.wd-nav.wd-nav-horizontal {
    scrollbar-width: none; /* Firefox */
  }
  .page-navmenu .wd-menu .menu.wd-nav.wd-nav-horizontal::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
  }
}