/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.14.1737969572
Updated: 2025-01-27 09:19:32

*/

.top-main-header .wp-block-kadence-spacer.aligncenter {
	width: 1px !important;
}

@media screen and (max-width: 768px) {
	.site-middle-footer-inner-wrap .site-footer-section h3 {
		font-size: 20px !important;
	}
	
	.site-middle-footer-inner-wrap .site-footer-section li {
		font-size: 14px;
	}
	
	.site-middle-footer-inner-wrap .site-footer-section span {
		font-size: 14px;
	}
}


.swiper {
    width: 100%;
    padding: 20px 0;
}

.swiper-slide {
    text-align: center;
}

.custom-product-item {
    position: relative;
    border: none;
    padding: 0;
    border-radius: 0;
    background: #ffffff;
    transition: transform 0.3s ease-in-out;
}

.custom-product-item .product-details {
	padding: 16px;
}

.custom-product-item h3 {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Jost', sans-serif;
	color: #282828;
	text-decoration: none;
}

.custom-product-item .product-price,
.custom-product-item .product-price .new-price {
	font-family: 'Jost', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #282828;
    margin-top: 10px;
}

.custom-product-item .product-price .old-price {
	margin-right: 5px;
	font-weight: 400;
    text-decoration: line-through;
    color: #666666;
}

/* .custom-product-item:hover {
    transform: scale(1.05);
} */

.product-image {
    display: block;
    position: relative;
}

.product-image img {
    width: 100%;
    height: auto;
    border-radius: 0;
    transition: opacity 0.3s ease-in-out;
}

.product-image .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.product-image:hover .hover-img {
    opacity: 1;
}

.discount-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #282828;
    color: white;
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 0;
}


.product-buttons {
	display: none;
    margin-top: 10px;
}

.add-to-cart, .yith-wcwl-add-to-wishlist {
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    color: white;
    background: #ff6600;
    text-decoration: none;
    border-radius: 3px;
    margin-right: 5px;
}

.add-to-cart:hover, .yith-wcwl-add-to-wishlist:hover {
    background: #cc5200;
}

/* Initially hide the navigation buttons */
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
    background: #282828;
    color: #ffffff;
    padding: 8px 10px;
    font-size: 14px;
}

/* Show buttons when hovering over the product slider */
.product-slider:hover .swiper-button-next,
.product-slider:hover .swiper-button-prev {
    opacity: 1;
    visibility: visible;
}


/* Category Item Styling */
.category-item {
	position: relative;
    text-align: center;
    transition: transform 0.3s ease;
}

.category-item:hover .category-image img {
    filter: brightness(20%);
}

.category-image img {
    width: 100%;
    height: auto;
    border-radius: 0;
    transition: opacity 0.3s ease-in-out;
}

.category-title {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.category-title a {
	display: block;
	width: 100%;
    color: #fff;
	padding: 15px 0;
    text-decoration: none;
}

.category-title a:hover {
    color: #ffffff;
	background-color: #282828;
}

* Style for product image hover */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    position: relative;
    display: block;
    overflow: hidden;
}

.woocommerce ul.products li.product .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.woocommerce ul.products li.product:hover .hover-image {
    opacity: 1;
}

/* Hide default add to cart button if you prefer only showing it on hover */
.woocommerce ul.products li.product .button {
    display: none;
}

.kartbuck-hover-buttons {
	position: absolute;
    top: 13px;
    right: 10px;
	display: flex;
    flex-direction: column;
    width: 30px;
    gap: 5px;
}

.kartbuck-hover-buttons .yith-add-to-wishlist-button-block {
	margin: 0;
}

.kartbuck-hover-buttons a {
    border: none;
    background: #ffffff;
    color: #282828;
    padding: 0;
	margin: 0;
    border-radius: 0;
	width: 30px;
	height: 30px;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
	opacity: 0;
	text-decoration: none;
}

.kartbuck-hover-buttons a:hover {
	background-color: #2a2a2a;
	color: #ffffff;
}

.kartbuck-hover-buttons a:hover i {
	color: #ffffff;
}

.custom-product-item:hover .kartbuck-hover-buttons a {
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
}

.kartbuck-hover-buttons a i {
	font-size: 14px;
}

.kartbuck-hover-buttons a svg {
	width: 20px !important;
	height: 20px !important;
}


.kartbuck-hover-buttons a:hover svg {
	color: #ffffff !important;	
}

.yith-wcwl-add-to-wishlist-button__label {
	display: none !important;
}


/* Menu Badges */
span.badge {
	font-size: 10px;
	font-family: "Jost", sans-serif;
	font-weight: 300;
	padding: 2px 6px;
	color: #ffffff;
	border: none;
	border-radius: 0;
	background-color: #199588;
	margin-left: 5px;
}

span.badge.hot {
	background-color: #e62a65;
}


/* Custom Shop Page Styling */

/* Main Layout */
.custom-shop-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding: 30px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.shop-sidebar {
    width: 25%;
    padding: 0 15px;
}

.shop-products-area {
    width: 75%;
    padding: 0 15px;
}

@media (max-width: 991px) {
    .shop-sidebar {
        width: 30%;
    }
    .shop-products-area {
        width: 70%;
    }
}

@media (max-width: 767px) {
    .shop-sidebar, .shop-products-area {
        width: 100%;
    }
    
    .shop-sidebar {
        margin-bottom: 30px;
    }
}

/* Shop Header */
.shop-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.products-count {
    font-size: 14px;
    color: #777;
}

.sort-options {
    display: flex;
    align-items: center;
}

.sort-options span {
    margin-right: 10px;
    font-size: 14px;
}

.orderby {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 15px;
}

.view-options a {
    margin-left: 10px;
    color: #777;
    font-size: 18px;
}

.view-options a.active {
    color: #222;
}

/* Products Grid */
.products-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.product-item {
    width: 33.333%;
    padding: 0 10px;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .product-item {
        width: 50%;
    }
}

@media (max-width: 575px) {
    .product-item {
        width: 100%;
    }
}

.product-inner {
    position: relative;
    background: #fff;
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-inner:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

/* Product Badges */
.sale-badge, .discount-badge {
    position: absolute;
    top: 10px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    z-index: 5;
    border-radius: 3px;
}

.sale-badge {
    left: 10px;
    background: #ff4136;
    color: #fff;
}

.discount-badge {
    right: 10px;
    background: #222;
    color: #fff;
}

/* Product Images */
.product-image {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 125%; /* 4:5 aspect ratio */
}

.product-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.product-image .hover-img {
    opacity: 0;
}

.product-inner:hover .main-img {
    opacity: 0;
}

.product-inner:hover .hover-img {
    opacity: 1;
}

/* Hover Buttons */
.hover-buttons {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px 0;
    transition: all 0.3s ease;
    z-index: 5;
}

.product-inner:hover .hover-buttons {
    bottom: 0;
}

.hover-buttons a {
    margin: 0 8px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    color: #222;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.hover-buttons a:hover {
    background: #222;
    color: #fff;
}

/* Product Info */
.product-info {
    padding: 15px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.product-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 1.4;
}

.product-title a {
    color: #222;
    text-decoration: none;
}

.product-title a:hover {
    color: #666;
}

.product-rating {
    margin-bottom: 10px;
}

.product-rating .star-rating {
    margin: 0 auto;
    float: none;
}

.rating-count {
    font-size: 12px;
    color: #777;
    margin-left: 5px;
}

.product-price {
    margin-top: auto;
    font-weight: 600;
}

.old-price {
    text-decoration: line-through;
    color: #999;
    margin-right: 8px;
}

.current-price {
    color: #222;
}

/* Sidebar Styles */
.shop-sidebar h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.toggle-icon {
    cursor: pointer;
}

.filter-section {
    margin-bottom: 25px;
}

.filter-options {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-options li {
    margin-bottom: 8px;
}

.filter-options a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

.filter-options a:hover {
    color: #222;
}

/* Color Options */
.color-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.color-swatch {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #ddd;
    cursor: pointer;
    transition: transform 0.2s;
}

.color-swatch:hover {
    transform: scale(1.1);
}

/* Size Options */
.size-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}

.size-option {
    min-width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    font-size: 13px;
    color: #666;
    text-decoration: none;
    transition: all 0.2s;
}

.size-option:hover {
    background: #f5f5f5;
    color: #222;
}

/* Star Ratings in Sidebar */
.stars-rating {
    display: inline-block;
    color: #ffc107;
    font-size: 14px;
}

/* Shop Pagination */
.shop-pagination {
    margin-top: 40px;
    text-align: center;
}

.shop-pagination ul {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.shop-pagination li {
    margin: 0 5px;
}

.shop-pagination a,
.shop-pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #666;
    text-decoration: none;
    transition: all 0.3s;
}

.shop-pagination a:hover,
.shop-pagination span.current {
    background: #222;
    color: #fff;
    border-color: #222;
}

/* Empty Results */
.no-products {
    text-align: center;
    padding: 40px 0;
    color: #777;
    font-size: 16px;
}

/* Responsive */
@media (max-width: 767px) {
    .shop-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .products-count {
        margin-bottom: 15px;
    }
    
    .sort-options {
        width: 100%;
        justify-content: space-between;
    }
}