/*
Theme Name:   Woodmart Child
Theme URI:    https://arttechfuzion.com/
Description:  Art-Tech Fuzion is creator of Child Theme of Woodmart.
Author:       Art-Tech Fuzion
Author URI:   https://arttechfuzion.com/
Template:     woodmart
Version:      1.0.0
*/

/* Import the parent theme stylesheet */
@import url("../woodmart/style.css");

/* =====================================
INNER & THEME CSS FOR ADJUSTMENT
===================================== */


/* woodmart content layout css */
#main-content{
	padding: 0px !important;
}


/* MIN 1699 PX KE NICHE WALE SCREEN */

@media only screen and (min-width: 10px) and (max-width: 1599px) {
 #inner{
     width: 94% !important;
 }
	
	.wd-content-area{
    width: 94% !important;
	margin: auto;
	padding: 2em 0em 4em 0em !important;
 }

}


/* 1700PX SE BADE SCREENS KA RATIO */
@media only screen and (min-width: 1600px) {
 #inner{
     width: 1500px !important;
 }
	
	.wd-content-area{
     width: 1500px !important;
	 margin: auto;
	 padding: 2em 0em 4em 0em !important;
 }
}





/* ================================================
 GLOBAL CSS STARTS FROM HERE
================================================ */

/* ek doted border aata hai link par */
body a:active, body a:focus {
	outline: 0px !important;
}

/* paragraph ke niche default spacing remove ke liye */
body p:last-child {
	margin-bottom: 0px !important;
}

/* fontawesome and text mein gaping ke liye for link*/
html body .fontawesome-space a{
	gap: 0.3rem !important;
	display: flex !important;
}

html body i {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* ye mene heading ko margin diya hai top bottom mein elementor ke text editor ke */
.elementor-widget-text-editor > h1, 
.elementor-widget-text-editor > h2, 
.elementor-widget-text-editor > h3, 
.elementor-widget-text-editor > h4{
	margin: 2.7rem 0rem 1rem 0rem !important;
}


/* Custom Scrollbar Styling */
html::-webkit-scrollbar {
    width: 13px !important; 
}

html::-webkit-scrollbar-track {
    background: #8080806b !important;
}

html::-webkit-scrollbar-thumb {
    background: #1A237E; /* Color of the scrollbar thumb */
    border-radius: 10px !important; /* Rounded corners for the thumb */
	border: 2.5px solid transparent !important;
	background-clip: padding-box !important;
}


/* ==========
new css
========== */

/* Style for the custom size tag element */
.product-size-tag-container {
    display: inline-flex; /* Align the two parts side-by-side */
    align-items: center; /* Center vertically */
    border: 1px solid #ccc; /* Light grey border for the pill shape */
    border-radius: 20px; /* High border-radius for pill shape */
    overflow: hidden; /* Important to keep the elements inside the pill */
    margin-top: 5px; /* Add some space below the title */
    font-size: 12px; /* Smaller font size */
    font-weight: 600; /* Bold text */
    line-height: 1; /* Keep height tight */
    height: 24px; /* Fixed height */
    max-width: fit-content; /* Only take up necessary space */
	position: relative;
}

/* Styling for the Left part (M, S, L) */
.product-size-tag-container .size-initial {
    background-color: #e5e5e5; /* Light grey background */
    color: #333; /* Darker text color */
    padding: 0 8px; /* Horizontal padding, no vertical needed */
    height: 100%; /* Full height of container */
    display: flex; /* Flex to center content */
    align-items: center;
}

/* Styling for the Right part (Size) */
.product-size-tag-container .size-label {
    color: #333; /* Text color */
    padding: 0 8px; /* Horizontal padding, no vertical needed */
}

.single-product form.cart{
	display: none;
}


.product-size-tag-container{
	margin-top: -2rem !important;
}


.wd-active-filters{
	display: none !important;
}


/* ===========================
show image on order history
=========================== */

.thum-acc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	gap: 10px;
}