/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
.wd-page-content {
    background-color: #1b1e21 !important;
}
.site-content {
    /* margin-top: 30px !important; */
}
.wd-content-layout {
    padding-block: 0px !important;
}

/* logo */

img.attachment-full.size-full {
    /* max-width: 500px !important; */
    padding: 20px !important;
}

.whb-flex-flex-middle .whb-col-center {
    flex: none !important;
}
.whb-general-header {

    padding: 10px;
}


.whb-header-bottom {
   border-color: #121929 !important;
    padding: 5px;
}
:root {
  /* Pick the max site width you want (1200px = 75rem) */
  --site-container: 126rem;  
}

/* header menu font */
span.nav-link-text {
  font-style: normal !important;
  font-weight: 300!important;

  font-size: 1.4rem !important;
  line-height: 20px !important;
}



.wd-dropdown-menu, .wd-dropdown {
    background-color: #577d3500 !important;
    margin-top: 10px !important;
    /* border-radius: 40px !important; */
}
.wd-dropdown-inner {
    padding: 0px !important;
}
.wd-sub-accented>li>a {
   font-style: normal !important;
  font-weight: 300!important;

  font-size: 1.2rem !important;
  line-height: 20px !important;
  color: rgb(0, 0, 0) !important;
}
.wd-dropdown-menu.wd-dropdown.wd-design-sized.color-scheme-dark {
    left: -300px !important;
  
}
@media (max-width: 1920px) {
  .wd-dropdown-menu.wd-dropdown.wd-design-sized.color-scheme-dark {
    left: -100px !important;
  }
}
/* --- Base Containers --- */
.container,
.container-fluid,
.site-content .container,
.main-page-wrapper .container,
.footer-container .container,
 
.elementor-section.elementor-section-boxed > .elementor-container,

.e-con.e-con-boxed > .e-con-inner,

.elementor-section.elementor-section-stretched > .elementor-container,

.wd-section-stretch > .e-con-inner,
.wd-section-stretch > .elementor-container,
/* Other WoodMart stretch variants */
.wd-container-stretch,
.wd-negative-gap {
/* 	max-width:95% !important; */
  max-width: var(--site-container) !important;
  width: 100% !important;
}


span.wd-tools-count {
    background-color: #121929 !important;
    color: black !important;
}





/* for header */



/* header cart count */
span.wd-cart-number.wd-tools-count {
	background-color:#121929 !important;
	color:rgb(255, 255, 255) !important;
}

/* header menu color */

a.woodmart-nav-link {
    color: white !important;
}
a.woodmart-nav-link::after {
    color: rgb(255, 255, 255) !important;
    font-size: 10px !important;
    content: ''; /* optional — add something visible if needed */
    display: inline-block;
    margin-left: 5px; /* use this instead of 'gap' to create spacing */
}

.wd-dropdown-menu.wd-dropdown.wd-design-default.color-scheme-dark {
  padding: 0px !important;
 border: 1px solid rgb(0 0 0 / 10%) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  border-radius: 6px !important;
	background-color:rgba(0, 0, 0, 0.95) !important;

}
@media screen and (max-width: 2500px) {
  html { font-size: 62.5%; } /* ~10px base (62.5% of default 16px) */
}

@media screen and (min-width: 2501px) {
  html { font-size: 82.5%; } /* ~10px base (62.5% of default 16px) */
}

/* header */

.whb-sticky-shadow.whb-sticked .whb-main-header {
    background-color: black;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* .whb-sticky-prepared {
    padding: 0 !important;

} */
.quick-view {
  opacity: 0 !important;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}

/* for the mobile menu and text  */
@media (max-width: 1024px) {
  .wd-tools-element > a {
    color: #c6ff00 !important;
    
  }
}
@media (max-width: 1024px) {
span.nav-link-text {
    color: black;
}
}
@media (max-width: 1024px) {
.wd-toolbar {
    background-color: #5a5a5a !important;
   
}}
span.nav-link-text {
    color: rgb(255, 255, 255) !important; 
}
.e-con-full:hover .quick-view {
  opacity: 1 !important;
  transform: translateY(0);
  pointer-events: auto;
}
	
	.bg2-zoom-container {
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition:
    background-size 0.5s ease-in-out ,
    background-position 0.5s ease-in-out ;
}

.bg2-zoom-container:hover {
  background-size: 110% !important; /* zoom background image */

}


.wd-product .wd-entities-title {
    font-size: inherit;
    color: white;
    font-weight: 500 !important;
    font-size: 20px !important;
}
/* fot the cart page font  */
tr.woocommerce-cart-form__cart-item.cart_item {
    font-size: 18px !important;
    font-family: 'Outfit';
}




 span.from {

color:white !important;
    
}
 span.to {

color:white !important;
    
}
 a.layered-nav-link {
    color: white !important;
}

 span.count {
    color: black !important;
    background-color: white !important;
}
/* 🌿 Newsletter Form Styles */
.newsletter-section form.forminator-custom-form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.newsletter-section button.forminator-button-submit {
  margin: 0px !important;
  padding: 21px 20px !important;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  color: rgb(0, 0, 0) !important;
  font-size: 16px !important;
  line-height: 24px !important;
  width: 150px !important;
}

.newsletter-section button.forminator-button-submit:hover {
  background-color: #c8fe31 !important;
  color: black !important;
  border-color: #000000 !important;
  cursor: pointer !important;
}

.newsletter-section input[type="email"].forminator-input {
  width: 300px !important;
  max-width: 900px !important;
  padding: 22px !important;
  border: 1px solid rgb(108, 108, 109);
  color: rgb(108, 108, 109);
}

.newsletter-section .forminator-edit-module {
  display: none;
}

.newsletter-section label[for*="forminator-field-email"] {
  display: none !important;
}

/* 📱 Tablet and Mobile Styles */
@media (max-width: 1024px) {
  .newsletter-section form.forminator-custom-form {
    flex-direction: column !important;
    align-items: center !important;
  }

  .newsletter-section input[type="email"].forminator-input,
  .newsletter-section button.forminator-button-submit {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .newsletter-section input[type="email"].forminator-input {
    text-align: center !important;
  }

  .newsletter-section button.forminator-button-submit {
    margin-top: 10px !important;
    text-align: center !important;
  }
}

/* 📱 Mobile (smaller phones) */
@media (max-width: 600px) {
  .newsletter-section input[type="email"].forminator-input {
    padding: 14px !important;
    font-size: 14px !important;
  }

  .newsletter-section button.forminator-button-submit {
    padding: 14px !important;
    font-size: 15px !important;
  }
}

/* 📱 Mobile (smaller phones) */
@media (max-width: 600px) {
  input[type="email"].forminator-input {
    padding: 14px !important;
    font-size: 14px !important;
  }

  button.forminator-button-submit {
    padding: 14px !important;
    font-size: 15px !important;
  }
}

/* load more button for the more product */
a.btn.wd-load-more.wd-products-load-more.load-on-click {
    color: white;
    background-color: #a4d029;
}
span.wd-swatch-bg {
    border: 1px solid white;
}
/*  for size guide*/

table.wd-sizeguide-table {
    color: black !important;
}

/* Buttons */
.contact-form button.forminator-button-submit {
  margin: 0px !important;
  padding: 21px 20px !important;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  color: rgb(0, 0, 0) !important;
  font-size: 16px !important;
  line-height: 24px !important;

}

.contact-form button.forminator-button-submit:hover {
  background-color: #c8fe31 !important;
  color: black !important;
  border-color: #000000 !important;
  cursor: pointer !important;
}

/* Input & Textarea fields */
.contact-form input.forminator-input,
.contact-form textarea.forminator-textarea {
 
  
  padding: 22px !important;
  border: 1px solid rgb(255, 255, 255) !important;
  color: rgb(108, 108, 109) !important;
  font-size: 16px !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

/* Hide edit icon in admin preview */
.contact-form .forminator-edit-module {
  display: none;
}

/* Hide all labels */
.contact-form label {
  display: none !important;
}



.image-zoom-container {
  width: 100% !important;       
  height:300px !important;       
  aspect-ratio: 1 / 1 !important;      /* keeps all images same size */
  overflow: hidden !important;         
  position: relative !important;
  border-radius: 10px 10px 0px 0px !important;      /* optional rounded corners */
}

.image-zoom-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;         /* fills without distortion */
  transition: transform 0.5s ease-in-out !important;
  display: block !important;
}

.image-zoom-container:hover img {
  transform: scale(1.05) !important;    /* zoom inside container */
}

/*load more button  */


.wd-loop-footer {
    text-align: left;
    margin-top:80px;
}


 /* header */
input.s.wd-search-inited {

    border: 1px solid #121929;
    border-radius: 50px !important;
color: #121929 !important;

    
}button.searchsubmit {
color: rgb(255, 255, 255);
   border-radius: 0px 50px 50px 0px !important;
   background-color: #121929;
}

button.searchsubmi:hover{

     background-color: #537E31;

}
input.s {
    border: 1px solid  #121929;
    border-radius: 50px;
}.wd-page-title {
   
    margin-top: 10px;
}

.wd-social-icons.wd-shape-circle {
    --wd-social-radius: 12% !important;
 
}
.wd-social-icons.wd-style-default {
  display: flex !important;
  gap: 15px !important;
}

.wd-social-icons.wd-style-default > a {
  background-color: #ffffff00 !important;
color: #121929 !important;
}

span.wd-tools-icon {
    background-color: #121929 !important;
}
/* Apply same hover + active styles to all target menu items */
#menu-item-2038:hover > a > span.nav-link-text,
#menu-item-2038.active > a > span.nav-link-text,
#menu-item-2038.wd-active > a > span.nav-link-text,
#menu-item-2038.current-menu-item > a > span.nav-link-text,
#menu-item-2036:hover > a > span.nav-link-text,
#menu-item-2036.active > a > span.nav-link-text,
#menu-item-2036.wd-active > a > span.nav-link-text,
#menu-item-2036.current-menu-item > a > span.nav-link-text,
#menu-item-2037:hover > a > span.nav-link-text,
#menu-item-2037.active > a > span.nav-link-text,
#menu-item-2037.wd-active > a > span.nav-link-text,
#menu-item-2037.current-menu-item > a > span.nav-link-text {
  color: #c8ff00 !important;
  font-weight: 600 !important;
  font-size: 18px !important;
}

/* Optional: icon arrow rotate + color for active/hover */
#menu-item-2038:hover > a::after,
#menu-item-2038.active > a::after,
#menu-item-2038.wd-active > a::after,
#menu-item-2038.current-menu-item > a::after,
#menu-item-2036:hover > a::after,
#menu-item-2036.active > a::after,
#menu-item-2036.wd-active > a::after,
#menu-item-2036.current-menu-item > a::after,
#menu-item-2037:hover > a::after,
#menu-item-2037.active > a::after,
#menu-item-2037.wd-active > a::after,
#menu-item-2037.current-menu-item > a::after {
  transform: rotate(180deg) !important;
  color: #c8ff00 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}
span.nav-link-text:hover {
  color: #c8ff00 !important; /* neon yellow-green hover color */
  font-weight: 600 !important;
 font-size: 21px !important;
}

span.men-text:hover {
 color: #c8ff00 !important; /* neon yellow-green hover color */
  font-weight: 600 !important;
 font-size: 21px !important;
}



/* for cart */
.cart-widget-side .widget_shopping_cart {
    position: relative;
    flex: 1 1 100%;
    background-color: black;
    color: white;
}img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail
Specificity: (0,2,1)
 {
    width: 150px;
}ul.variation .item-variation-name {
    color: #ffffff;
    font-weight: 600;
}.cart-widget-side .widget_shopping_cart_content {
    display: flex
;
    flex: 1 1 auto;
    height: 100%;
    /* flex-wrap: wrap; */
    align-items: stretch;
    justify-content: space-between;
    align-content: space-around;
    left: 200px !important;
    /* margin-left: 20px; */
    /* margin-top: 30px !important; */
    padding: 20px 20px 60px 20px;
}




/* product card */
/* Product images in WooCommerce grid */
/* .woocommerce ul.products li.product img,
.wd-carousel .product img {
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  max-height: 50rem !important; 
  height: auto !important;
    border-radius: 20px 20px 0px 0px !important;
} */

/* Ensures consistency across WoodMart product images */
/* .wd-product:not(.wd-hover-small) :is(.product-image-link, .hover-img) img {
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  max-height: 50rem !important;  
  height: auto !important;
  border-radius: 20px 20px 0px 0px !important;
} */
/* WoodMart Product Images - Consistent Styling */

.wd-shop-product img,
.woocommerce ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    aspect-ratio: 4 / 5 !important;
    border-radius: 20px 20px 0 0 !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
}

/* Optional: Hover zoom effect */
.wd-product :is(.product-image-link, .hover-img) img:hover {
    transform: scale(1.05);
}
.woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    aspect-ratio: 4 / 5 !important;
    border-radius: 20px 20px 0 0 !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
}



.product-wrapper {
   border-radius: 40px!important;
}.product-element-bottom  {
  background-color: #121212;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 28px !important;
border-radius: 0px 0px 20px 20px;
    padding-left: 40px !important;
}
 

.product-element-top.wd-quick-shop {
    border-radius: 20px 20px 0px 0px !important;
        border: none !important;
}


.elementor-menu-cart__product-name.product-name {
    margin-top: 30px !important;
  }

  p.elementor-icon-box-description {
    color: rgb(153, 153, 153) !important;
}

del .amount {
    color: #ff0000;
}
 del,
  del .amount {
  color: #ff0000 !important;
  text-decoration-color: #ff0000 !important;
}

/* product category */
.wd-cat-thumb.category-image-wrapp {
    border-radius: 30px 30px 0px 0px !important;
}
.wd-cat-content {

      border-radius: 0px 0px 15px 15px;
}

/* innerpages -text */
.inner-pages-text h1,
.inner-pages-text h2,
.inner-pages-text h3,
.inner-pages-text h4,
.inner-pages-text h5,
.inner-pages-text h6,
.inner-pages-text a,
.inner-pages-text th {
  color: #a9ff00 !important;
}
.inner-pages-text p, 
.inner-pages-text td{
  color: #fff !important;
}
.inner-pages-text table,
.inner-pages-text th,
.inner-pages-text td,
.inner-pages-text tbody {
  border-color: #fff !important;
}


/* checkout */

.woocommerce-cart,
.woocommerce-cart *,
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  border:1px solid #86b63e !important;
}

/* Optional: table borders white on cart page */
.woocommerce-cart table th,
.woocommerce-cart table td {
      border:1px solid #86b63e !important;
}

/* Optional: Select2 arrow color (dropdown arrow) */
.select2-container--default .select2-selection__arrow b {
    border:1px solid #86b63e !important;
}

body.dark .woocommerce-billing-fields h3 {
    color: rgb(255, 255, 255);
}
.wd-checkout-steps li {
    color: rgb(255, 255, 255);
}
li.step-checkout.step-active
{
  color: #86b63e !important;
}
 body.dark  .woocommerce-info {
    color: #ffffff !important; /* White text */
    background-color: transparent !important; /* Optional */
}


.checkout-order-review {
    background-color: #c8fe310a !important;
}


.wd-table-wrapper.wd-manage-on{
    background-color: #c8fe310a !important;
}

.payment_methods .payment_box {

   background-color: #c8fe310a !important;
}
#order_review_heading { 
   color: #86b63e !important;
}


.woocommerce-terms-and-conditions-wrapper a {
    
    color:#86b63e !important;
}


/* single product page image hd  */
/* Force HD product image on single product page */
.woocommerce div.product div.images img.wp-post-image {
    width: 100% !important;
    height: auto !important;
    image-rendering: auto !important;
    object-fit: contain !important;
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
    filter: none !important;
}

/* Remove blur effect from zoom wrapper */
.woocommerce-product-gallery__image img {
    -webkit-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
}

/* Smooth zoom effect on hover */
.woocommerce div.product div.images img.wp-post-image:hover,
.woocommerce-product-gallery__image img:hover {
  transform: scale(1.10) !important; /* Adjust zoom strength (1.1–1.3 recommended) */
  cursor: zoom-in;
}

/* Optional: prevent layout shift during zoom */
.woocommerce div.product div.images {
  overflow: hidden;
  border-radius: 12px;
}




/* for the media 1024 */


@media (max-width: 1024px) {
  span.wd-tools-icon {
    background-color: transparent !important;
}
}
@media (max-width: 1024px) {
.whb-main-header {
    background-color: #141a29;
}
}
@media (max-width: 1024px) {
    .whb-row.whb-general-header.whb-not-sticky-row.whb-without-bg.whb-border-fullwidth.whb-color-dark.whb-flex-flex-middle {
        background: none !important;
        animation: none !important; /* stop the floating animation */
    }
}

@media (max-width: 1024px) {
.wd-toolbar.wd-toolbar-label-show {
    background-color: #383838 !important;
}}


/*for mobile menu  */
.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {
 
    color: #c8ff00 !important;
}
a.scrollToTop.button-show {
    right: 30px !important;
}
.scrollToTop {
    position: fixed;
    right: 25px  !important;
	bottom: 100px !important;
}

@media (max-width: 1024px) {
   a.scrollToTop.button-show {
        left: 20px !important;   /* 20px from the left */
        right: auto !important;   /* disable right positioning */
        bottom: 139px;            /* keep the same vertical position */
    }
}



@media (max-width: 1024px) {
    a#whatsapp-button {

        bottom: 80px;         
    }
}