.woocommerce div.product .summary.entry-summary {
    background-color: #fff !important;
    color: #000 !important;
    padding: 1.5em; /* optional: for better spacing */
}

.woocommerce div.product .summary.entry-summary h1,
.woocommerce div.product .summary.entry-summary h2,
.woocommerce div.product .summary.entry-summary h3,
.woocommerce div.product .summary.entry-summary h4,
.woocommerce div.product .summary.entry-summary p,
.woocommerce div.product .summary.entry-summary span,
.woocommerce div.product .summary.entry-summary li,
.woocommerce div.product .summary.entry-summary a,
.woocommerce div.product .summary.entry-summary select,
.woocommerce div.product .summary.entry-summary label {
    color: #000 !important;
}

/* Tab panel content text */
.woocommerce div.product .woocommerce-Tabs-panel,
.woocommerce div.product .woocommerce-tabs .panel {
    color: #000 !important;
    background-color: #fff !important;
}

/* Tab labels (the clickable tab names) */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #000 !important;
}




/* WooCommerce product text white */
.woocommerce div.product,
/*.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs .panel,*/
.woocommerce div.product .product_title,
.woocommerce div.product .summary,
.woocommerce div.product .price,
.woocommerce div.product .woocommerce-product-details__short-description
/*.woocommerce div.product .woocommerce-Tabs-panel,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product p,
.woocommerce div.product h1,
.woocommerce div.product h2,
.woocommerce div.product h3,
.woocommerce div.product h4*/ {
    color: #fff !important;
}

.woocommerce div.product form.cart .variations select,
.woocommerce div.product form.cart .quantity input[type="number"] {
    color: #fff !important;
    background-color: #222 !important;
    border-color: #666;
}

#tab-description{
	padding: 5px 20px 20px 20px;
}

/* ----------------------------------- Woocommerce CSS ----------------------------------- */

.woocommerce span.onsale  {
	z-index: 1;
	background-color: #A80000;
}
	
.mn-seo-cart {
    margin-top: 10px;
	text-align: center;
}

.mn-seo-cart a {
	padding: 10px;
	font-size: 13px;
	background: #361E10;
	color: #E5E5E5;
}

table.shop_table.cart {
	margin-top: 20px;
}

.mn-seo-cart a:hover {
	color: #FFFFFF !important; 
}

.woocommerce ul.products li.product a img {
	height: 250px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #fff;
	box-shadow: 0px 0px 5px #aaa;
    padding: 5px;
}

.woocommerce nav.woocommerce-pagination, .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    line-height: auto; 
	font-weight: 900;
	background: #0071C1;
	color: #fff !important;
    box-shadow: inset 0 0 0 #333333, inset 0 1px 84px #333333, inset 0 0 0 #333333;
	margin: 5px;
	font-family: "Open Sans", Verdana, Geneva, "DejaVu Sans", sans-serif;
}

.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span:hover {
	background: #A50000;
    box-shadow: none;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: #A50000;
	box-shadow: none;	
}

.woocommerce div.product div.images img {
	background: #fff;
	box-shadow: inset 0 0 0 #000000, inset 0 1px 84px #000000, inset 0 0 0 #000000;
}

.woocommerce ul.products li.product a img:hover {
	opacity: 0.6; 
}

.woocommerce .woocommerce-message {
    border-top-color: #361E10;
	margin-top: 18px !important;
}

.woocommerce div.product {
	margin-top: 20px;
}

.woocommerce .woocommerce-message:before,.woocommerce div.product .stock {
    color: #361E10;
}



button, input[type="text"], input[type="email"], input[type="url"], input[type="password"]{
	background-color: #fff;
    box-shadow: inset 0 0 0 #333333, inset 0 1px 1px #333333, inset 0 0 0 #333333;
	color: #333;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #FFFFFF;
}

.woocommerce .woocommerce-ordering select {
    padding: 5px;
	max-width: 200px;
}

.woocommerce-checkout #payment ul.payment_methods li img {
	width: 50px;
}

.woocommerce #payment #place_order, .woocommerce form .form-row-last, .woocommerce-page #payment #place_order, .woocommerce-page form .form-row-last {
    float: left;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	padding: 10px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
	color: #333;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce ul.products li.product .button {
	border: 1px solid #969696;
	-moz-box-shadow: inset 0 30px 30px -30px #828282, inset 0 -30px 30px -30px #828282;
    -webkit-box-shadow: inset 0 30px 30px -30px #828282, inset 0 -30px 30px -30px #828282;
    box-shadow: inset 0 30px 30px -30px #828282, inset 0 -30px 30px -30px #828282;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce ul.products li.product .button:hover {
	background: #A50000;
	color:#fff;
	box-shadow: inset 0 0 0 #555555, inset 0 1px 84px #555555, inset 0 0 0 #555555;
}

.woocommerce-MyAccount-navigation-link  {
	background: #A50000;
	box-shadow: inset 0 0 0 #0071C1, inset 0 1px 84px #0071C1, inset 0 0 0 #0071C1;
	padding: 10px;
	border-top: 1px solid #0094FF;
    border-bottom: 1px solid #000000;
	list-style-type: none;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
	-moz-box-shadow: inset 0 30px 30px -30px #828282, inset 0 -30px 30px -30px #828282;
    -webkit-box-shadow: inset 0 30px 30px -30px #828282, inset 0 -30px 30px -30px #828282;
    box-shadow: inset 0 30px 30px -30px #828282, inset 0 -30px 30px -30px #828282;	
}

.woocommerce-MyAccount-navigation-link a {
	color: #fff;
}

.woocommerce-MyAccount-navigation-link a:hover {
	color: #fff;
}

.woocommerce-MyAccount-navigation ul {
	margin: 10px 0 10px 0;
	padding: 0;
}

@media screen and (max-width: 560px) {

	.woocommerce #payment #place_order, .woocommerce form .form-row-last, .woocommerce-page #payment #place_order, .woocommerce-page form .form-row-last {
		float: left;
		font-size: 14px;
	}
	
	.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
		width: 150px;
	}

	.woocommerce table.shop_table, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th {
		width:100%;
		margin: 0;
		padding: 3px;
	}
	
	.woocommerce ul.products li.product a img {
		height: 120px;
	}
	
	.woocommerce-cart table {
			border: none;
	}
	
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
		font-size: 13px;
	}

}

/* Set background color to black for the main store page */
body.archive.woocommerce-page {
    background-color: #000;
    color: #fff; /* Set text color to white */
}

/* Change text color for product titles */
.archive.woocommerce-page h1.entry-title, 
.archive.woocommerce-page h2.product-title, 
.archive.woocommerce-page .woocommerce-loop-product__title
{
    color: #fff;
}

/* Set the product price text color to white on archive page */
.archive.woocommerce-page .price {
    color: #fff; /* Set price color to white */
}

/* Style product descriptions */
.archive.woocommerce-page .woocommerce-loop-product__description {
    color: #fff;
}

/* Set background and text color for product blocks */
.archive.woocommerce-page .product {
    background-color: #000; /* Dark gray for product blocks */
    color: #fff;
    border: 1px solid #444; /* Optional: add border for better separation */
}

/* Style the Add to Cart button */
.archive.woocommerce-page .button {
    background-color: #fff;
    color: #000;
    border: none;
}

.archive.woocommerce-page .button:hover {
    background-color: #444;
    color: #fff;
}

/* Style the pagination links */
.archive.woocommerce-page .woocommerce-pagination a, 
.archive.woocommerce-page .woocommerce-pagination span.current {
    background-color: #444;
    color: #fff;
}

/* Style the WooCommerce breadcrumbs */
.archive.woocommerce-page .woocommerce-breadcrumb a {
    color: #fff;
}
/* Set text color of the 'Sort by' dropdown button to black */
.archive.woocommerce-page .woocommerce-ordering select {
    color: #000; /* Set the text color to black */
}
/* Optional: Style the pagination links */
.archive.woocommerce-page .woocommerce-pagination a, 
.archive.woocommerce-page .woocommerce-pagination span.current {
    background-color: #444;
    color: #fff;
    font-size: 14px;
    font-family: 'Verdana', sans-serif;
}

/* Style the product categories to match the archive page products */

/* Container for the product categories */
.product-categories {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* Responsive grid layout */
    gap: 20px; /* Spacing between categories */
    margin-bottom: 40px;
}

/* Category box styling */
.product-categories .woocommerce-loop-category {
    background-color: #000; /* White background */
    padding: 20px; /* Padding inside category boxes */
    border: 1px solid #ddd; /* Border around category boxes */
    border-radius: 8px; /* Rounded corners */
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Shadow effect */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Hover effects */
}

/* Category image styling */
.product-categories .woocommerce-loop-category__link img {
    max-width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

/* Remove the default link styling and ensure category titles appear as desired */

/* Remove underline and apply desired styles to the link itself */
.product-categories .woocommerce-loop-category__link {
    text-decoration: none !important; /* Remove default underline */
    display: block; /* Ensure it's a block-level element */
}

/* Style the category title inside the link */
.product-categories .woocommerce-loop-category__link h2.woocommerce-loop-category__title {
    font-size: 20px; /* Set the font size */
    color: #fff; /* Set the title color */
    font-weight: bold; /* Make the title bold */
    text-align: center; /* Center the title */
    margin-bottom: 10px; /* Add space below the title */
}

/* Ensure the link color does not turn blue or purple on visit */
.product-categories .woocommerce-loop-category__link:link, 
.product-categories .woocommerce-loop-category__link:visited {
    color: #fff !important; /* Set color for unvisited and visited links */
}

/* Hover effect for category title */
.product-categories .woocommerce-loop-category__link:hover h2.woocommerce-loop-category__title {
    color: #ff6600; /* Change color on hover */
    text-decoration: underline; /* Underline on hover */
}

/* Optional: Focus state for accessibility */
.product-categories .woocommerce-loop-category__link:focus h2.woocommerce-loop-category__title {
    outline: 2px solid #ff6600; /* Add focus outline for accessibility */
}







 /*  From Extra CSS in customizer   */
                                  
                                  

/* Set the archive page to 60% width and center it */
.archive.woocommerce-page .content-area {
    width: 80%; /* Set the width to 60% */
    margin: 0 auto; /* Center the content horizontally */
}

/* Ensure that the main container uses the full width */
.archive.woocommerce-page .site-main {
    display: flex;
    justify-content: center; /* Center the content */
}

/* Optional: Adjust padding for a cleaner look */
.archive.woocommerce-page .content-area {
    padding-left: 20px; /* Adjust padding on the left */
    padding-right: 20px; /* Adjust padding on the right */
}