/*
Theme Name: Woostify Child
Theme URI: https://woostify.com/
Description: Woostify WordPress theme example child theme.
Author: Woostify
Author URI: https://woostify.com/
Template: woostify
Version: 1.0.0
*/

.page-template.page #content.site-content {padding-top: 0px;}

.woocommerce ul.products li.product .woocommerce-loop-product__link img {height: 300px;width: auto;object-fit: cover;}
.woocommerce div.product div.images img {max-width: 100%;height: auto;}
#woocommerce_product_categories-1 {display: none;} 
.custom-filter-widget {
	background-color: #ffffff;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}
.custom-filter-widget h2 {font-size: 24px; margin-bottom: 15px; color: #333; margin-top: 0px;}
.custom-filter-widget h3 {font-size: 18px;margin: 15px 0 5px;color: #555;}
.custom-filter-widget select {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #f8f8f8;
	color: #333;
	font-size: 14px;
	transition: border 0.3s;
}
.custom-filter-widget select:focus {border-color: #0073e6; outline: none;}
.custom-filter-widget button {
	width: 100%;
	background-color: #0073e6;
	color: #ffffff;
	border: none;
	border-radius: 5px;
	padding: 10px 15px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s;
}
.custom-filter-widget button:hover {background-color: #005bb5;}
.custom-filter-widget option {color: #333;}
.container-filter {width: 234px;background-color: #446828;padding: 15px;border-radius: 10px;color: white;}
.header {font-size: 24px;font-weight: bold;text-align: center;}
.sub-header {font-size: 13px;text-align: center;margin-bottom: 20px;}
.section-title {
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 10px;
	display: flex;
	align-items: center;
}
.section-title span {margin-left: 5px;font-size: 12px;color: #86e2c0;}
.color-options {display: flex;flex-wrap: wrap;justify-content: space-between;}
.color-option, .type-option {text-align: center;margin-bottom: 10px;}
.color-circle {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: block;
	margin: 0 auto 5px;
	border: 2px solid #fff;
}
.color-white { background-color: #f9f3c5; }
.color-blond { background-color: #e6c956; }
.color-amber { background-color: #c47d39; }
.color-red { background-color: #d04646; }
.color-brown { background-color: #8b5742; }
.color-black { background-color: #2d2d2d; }
.checkbox {display: flex;align-items: center;justify-content: space-between;margin-bottom: 5px;}
.checkbox label {font-size: 14px;flex-grow: 1;}
.checkbox input {margin-right: 5px;}
.btn-view-all {
	background-color: #d89e2e;
	color: white;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	display: block;
	text-decoration: none;
	font-weight: bold;
	margin-top: 10px;
}
.slider-container {margin-top: 15px;}
.slider {
	-webkit-appearance: none;
	width: 100%;
	height: 5px;
	background: #a87b52;
	outline: none;
	border-radius: 5px;
	margin: 10px 0;
}
.slider-labels {display: flex;justify-content: space-between;font-size: 14px;}
.dropdown-container {margin-top: 10px;margin-bottom: 20px;}
.color-dropdown {
	width: 100%;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
}
.btn-show-more {
	width: 100%;
	display: inline-block;
	margin-top: 10px;
	padding: 5px 20px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #0073e6;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	text-transform: uppercase;
	transition: background-color 0.3s ease, transform 0.2s ease;
}
.btn-show-more:hover {background-color: #005bb5;transform: scale(1.05);}
.btn-show-more:active {transform: scale(0.95); background-color: #004494;}
.filter-buttons {display: flex;gap: 10px;margin-top: 20px;justify-content: center;}
.filter-buttons button {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #0073e6;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s;
}
.filter-buttons button:hover {background-color: #005bb5;}
.filter-buttons .btn-clear-filters {background-color: #d9534f;}
.filter-buttons .btn-clear-filters:hover {background-color: #c9302c;}

.formbb {
	overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 20px;
    border-radius: 10px;
}
.formbb input[type="text"] {
    width: 100%;
    height: 48px;
    padding: 10px;
    border-radius: 5px;
}
.formbb textarea {
    width: 100%;
    height: 120px;
    border-radius: 5px;
    padding: 10px;
}
.formbb input[type="submit"] {
   float: right;
	padding: 10px 40px;
	font-size: 18px;
	border-radius: 5px;
	background-color: #98ca3d;
	color: #ffffff;
}
.formbb input[type="submit"]:hover {
    background-color: #658826;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

@media (min-width: 992px) {
	.main-navigation .primary-navigation > .menu-item > a {margin: 0 10px !important;}
	.formbb {width: 60%;}
}