/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.1
 Text Domain:  woodmart
*/

/* Product Card */

.home-section-products .wd-product-card-bg { box-shadow: none !important; }
.wd-product-brands-links a{
  background: #FFB23B;
  color: #333;
  padding: 0 10px;
  border-radius: 20px;
  font-weight: 800;
  font-size: 12px;
  white-space: nowrap;
  display: inline-block;
}

.product-element-bottom {
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title   title"
    "cats    brands"
    "stock   price"
    "btn     btn";
  align-items: center;
}

.product-element-bottom h3.wd-entities-title { grid-area: title; }
.product-element-bottom .wd-product-cats { grid-area: cats; }
.product-element-bottom .wd-product-brands-links {
  grid-area: brands;
  text-align: right;
}
.product-element-bottom .wd-product-stock { grid-area: stock; }
.product-element-bottom .wrap-price {
  grid-area: price;
  text-align: right;
  display: block !important;
}
.product-element-bottom .wd-add-btn { grid-area: btn; }

/* Our Brands - Center logos horizontally */

#brands .vc_hidden-sm.vc_hidden-xs #gallery_158 .wd-grid-g {
  justify-content: center !important;
  justify-items: center !important;
}

/* ===== HIDE HOVER DESCRIPTION ON PRODUCT CARDS ===== */
.wd-product-card-hover,
.wd-product .hover-content.wd-more-desc,
.wd-product .hover-content-wrap,
.wd-product .hover-content-inner.wd-more-desc-inner,
.wd-product .wd-more-desc,
.fade-in-block.wd-scroll {
  display: none !important;
}

/* ===== ALL BUTTONS - ROUNDED 30px ===== */

/* Product card buttons - Select Options / Add to Cart */
.wd-product .wd-add-btn > a.button,
.wd-product.wd-hover-fw-button .wd-add-btn > a,
.products .product .product-element-bottom a.button,
.product-element-bottom a.button.add_to_cart_button,
.wd-product a.button,
.wd-product button.button {
  border-radius: 30px !important;
  --btn-accented-brd-radius: 30px;
  --btn-default-brd-radius: 30px;
  --btn-brd-radius: 30px;
}

.wd-product .wd-add-btn > a.button::before,
.wd-product.wd-hover-fw-button .wd-add-btn > a::before,
.products .product .product-element-bottom a.button::before,
.product-element-bottom a.button.add_to_cart_button::before,
.wd-product a.button::before {
  border-radius: 30px !important;
}

/* All site-wide buttons */
a.button,
button.button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.btn,
a.btn,
button.btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .woocommerce-order-pay a.button,
.cart-collaterals .checkout-button,
.widget_price_filter .button,
.woocommerce-widget-layered-nav-dropdown__submit,
a.btn-style-default,
a.btn-style-bordered,
.wd-btn,
.woodmart-buy-btn a,
.wd-nav-filters .wd-filter-btn {
  border-radius: 30px !important;
}

/* Header / nav buttons */
.site-header a.btn,
.site-header .btn,
.header-buttons a.btn,
.wd-header-btn a {
  border-radius: 30px !important;
}

/* ===== PRICE TAG / BADGE - ROUNDED 20px ===== */

/* Sale badge and product labels */
.product-label,
.onsale,
.onsale.product-label,
span.onsale,
.woocommerce span.onsale,
.woocommerce-loop-product__link .onsale {
  border-radius: 20px !important;
}

/* Price amount tags */
.price,
.woocommerce-Price-amount.amount,
span.price,
.product .price {
  border-radius: 20px !important;
}

/* About us - Process section */

.process{}
.process__item{}
.process__item .vc_column-inner {
	background-size: cover;
	background-position: center center !important;
	position: relative;
	overflow: hidden;
}
.process__item .vc_column-inner:after{
	background: rgba(0,0,0,0.4);
	border-radius: 20px;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.process__title{ 
	color: #ffffff; 
	margin-bottom: 0;
	position: relative;
	z-index: 2;
	top: 0;
	transition: top 0.4s ease;
}
.process__item:hover .process__title { top: -15px; }
.process__text{ 
	color: #ffffff; 
	position: relative;
	z-index: 2;
	top: 0;
	transition: top 0.4s ease;
}
.process__item:hover .process__text { top: -15px; }

/* Sliders - Carousel */

.wd-arrow-inner{
	background: rgba(255,255,255,0.5) !important;
	border-radius: 30px !important;
}
@media (max-width: 1024px) {
    .wd-nav-arrows:where(.wd-pos-sep){
        --wd-arrow-offset-h: -25px;
    }
}

/* Login/Reguster page */

.woocommerce-privacy-policy-text p{ margin-bottom: 2rem !important; }
.b2bking_custom_registration_container{ margin-bottom: 1.5rem !important; }
.woocommerce-form-register .woocommerce-Input.woocommerce-Input--text,
.b2bking_custom_registration_field{
	border: 0 !important;
	border-radius: 2px !important;
	padding: 10px !important;
	height: initial;
	margin-bottom: 0px;
}
.register__heading{ font-size: 48px; }

.register__image h2{
  color: #b00997;
  background-image: linear-gradient(
    45deg,
    #b00997 ,
    #3b39a3 50%
  );
  font-size: 60px;
  background-clip: text;
  margin-bottom: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.register__image p{ 
	color: #000; 
	font-size: 20px;
}

@media (max-width: 580px) {
    .register__heading{
       font-size: 36px;
    }
	.register__image h2{
		font-size: 36px;
	}
}

.btn.wd-switch-to-register{
	background: #00C490;
	color: #ffffff;
	transition: 0.2s linear all;
}

.btn.wd-switch-to-register:hover{
	background: #009D73;
	color: #ffffff;
}












/* ===== FIX: WoodMart overflow-x:clip white screen bug (WoodMart 8.5.x) =====
   ROOT CAUSE: WoodMart base.css sets:
     html { overflow-x:hidden; overflow-y:scroll; scrollbar-gutter:stable }
     body { overflow-x:clip }
   The combination of html as scroll container + body overflow-x:clip creates a 
   GPU paint layer bug in Chrome where content scrolled beyond the initial viewport
   appears as a white/blank area on programmatic scroll (hash navigation, anchor links,
   scroll-to-top buttons, search engine crawlers, accessibility tools, etc.).
   
   FIX: 
   1. Set html { overflow: hidden } - removes html as scroll container
   2. Set body { height: 100vh; overflow-x:hidden; overflow-y:auto } 
      - makes body the scroll container (standard CSS model)
      - eliminates the clipping context from overflow-x:clip
   ============================================================ */

/* Step 1: Remove html from being the scroll container */
html {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  scrollbar-gutter: auto !important;
  height: 100% !important;
}

/* Step 2: Make body the scroll container (standard model) */
body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: 100vh !important;
  min-height: unset !important;
}