/*
 Theme Name:   Orbitbrain Child
 Description:  Orbitbrain Child Theme
 Author:       Orbitbrain
 Author URI:   https://orbitbrain.com/
 Template:     orbitbrain
 Version:      1.0.0
 Text Domain:  woodmart
*/


.wd-logo img {
    filter: brightness(0) invert(0);
}
.wd-logo img[width]:not([src$=".svg"]) {
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(0) !important;
}
.wd-page-title h1 {
  text-shadow: 5px 5px 5px #3333332e;  
}
.cat-design-zoom-out .wd-cat-inner{
    box-shadow: -1px 0px 22px 0px rgba(0, 0, 0, 0.19);
}



.wd-page-title {
  margin-top: -10px;
}
.grecaptcha-badge {
z-index: -1;	
}

.wd-page-title-bg.wd-fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1); /* 👈 0.45 = 45% black overlay */
  z-index: 1;
	box-shadow: 0px 10px 20px #3333334a;
}
.wd-page-title .container .entry-title {
	z-index:1;
}
.wd-page-title .container .wd-breadcrumbs {
	z-index:1;
}

.wd-cat img {
  height: 290px;
}
.drop-menu-txt a {
	font-size: 1.25rem !important;
	font-weight: 700 !important;
}
.wd-nav > li:is(.wd-has-children, .menu-item-has-children) > a::after {
display:none;
}


/* Swatches ki row ko grid mein badalna */
.woo-variation-swatches .variable-items-wrapper.button-variable-items-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Ek row mein 3 barabar boxes */
    gap: 10px !important; /* Boxes ke darmiyan fasla */
    width: 100% !important;
}

/* Har box ka size ek jaisa karna */
.woo-variation-swatches .variable-item.button-variable-item {
    width: 100% !important; /* Grid column ki puri width le lega */
    min-width: 0 !important; /* Purani width khatam */
    margin: 0 !important;   /* Gap hum ne grid mein de diya hai */
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 50px; /* Aap apni pasand ke mutabiq height rakh sakte hain */
}

/* Text agar lamba ho to dots (...) lagana */
.variable-item-span-button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    padding: 0 5px;
    text-align: center;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
  background-color: var(--wvs-selected-item-background-color,#fff);
  color: var(--wvs-selected-item-text-color,#000);
  background: #333;
  color: #fff;
}



.mobile-categories-menu .wd-sub-menu li > a {
	font-weight: 600;
  font-size: 18px;
	padding: 15px 50px !important;
}
.wd-sub-menu li > a img, .wd-nav-img {
  max-height: var(--nav-img-height, 40px);
	border-radius: 50px;
}
.wd-nav-mobile > li > a {
  text-transform: capitalize;
  font-size: 20px !important;
  padding: 20px;
}


/* Agar Woodmart ka naya version hai to ye selector bhi kaam karega */
.woocommerce-variation-price {
	font-size: 34px;
}
.postid-5074 .elementor-widget-wd_single_product_price .price {
    display: none !important;
}
.elementor-widget-wd_single_product_price .price {
    display: none !important;
}
.postid-7116 .elementor-widget-wd_single_product_price .price {
    display: none !important;
}




/* ✅ Tablet */
@media (max-width: 1024px) {
  .wd-cat img {
    /* yahan tablet ke liye CSS likho */
    height: 320px;
  }
}

/* ✅ Mobile */
@media (max-width: 767px) {
  .wd-cat img {
    /* yahan mobile ke liye CSS likho */
     height: 150px;
  }
}