/**
 * WpUltimate Filter Homepage - All Products Button
 * Styles for the "All products" button in tab category slider
 */

/* All Products Button Container */
.bwp-filter-homepage .category-tab-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

.bwp-filter-homepage .category-tab-nav .title-block {
	flex-shrink: 0;
}

.bwp-filter-homepage .category-tab-nav .filter-category {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.bwp-filter-homepage .view-all-products {
	flex-shrink: 0;
	margin-left: auto;
}

/* All Products Button Styling */
.bwp-filter-homepage .btn-view-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    background: transparent;
    border: 1px solid #F59312;
    color: #F59312;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    font-family: CerebriSans Regular;
    height: 47px;
}

.bwp-filter-homepage .btn-view-all:hover {
    background: #841BA0;
    color: #fff;
    border-color: #841BA0;
    text-decoration: none;
    transform: translateX(2px);
}

/* Increase arrow size */
.bwp-filter-homepage .btn-view-all::after {
	content: '→';
	font-size: 24px;
	margin-left: 4px;
	display: inline-block;
	transition: transform 0.3s ease;
}

.bwp-filter-homepage .btn-view-all:hover::after {
	transform: translateX(3px);
}

.bwp-filter-homepage .btn-view-all:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.2);
}

/* Responsive Styles */
@media (max-width: 991px) {
	.bwp-filter-homepage .category-tab-nav {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.bwp-filter-homepage .view-all-products {
		margin-left: 0;
		width: 100%;
	}
	
	.bwp-filter-homepage .btn-view-all {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 767px) {
	.bwp-filter-homepage .category-tab-nav .filter-category {
		width: 100%;
		justify-content: center;
	}
	
	.bwp-filter-homepage .btn-view-all {
		padding: 12px 20px;
		font-size: 15px;
	}
}

/* Alternative Style - Outlined Button */
.bwp-filter-homepage.style-outline .btn-view-all {
	background: #fff;
	border: 2px solid #FF6B00;
	color: #FF6B00;
	font-weight: 600;
}

.bwp-filter-homepage.style-outline .btn-view-all:hover {
	background: #FF6B00;
	color: #fff;
}

/* Alternative Style - Solid Button */
.bwp-filter-homepage.style-solid .btn-view-all {
	background: #FF6B00;
	border: 1px solid #FF6B00;
	color: #fff;
}

.bwp-filter-homepage.style-solid .btn-view-all:hover {
	background: #e55f00;
	border-color: #e55f00;
}

/* RTL Support */
[dir="rtl"] .bwp-filter-homepage .view-all-products {
	margin-left: 0;
	margin-right: auto;
}

[dir="rtl"] .bwp-filter-homepage .btn-view-all:hover {
	transform: translateX(-2px);
}

/* Slider Arrow Disabled State */
.bwp-filter-homepage .slick-disabled {
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
}

.bwp-filter-homepage .slick-disabled:before {
	color: #ccc;
}

.bwp-filter-homepage .slick-arrow:hover:not(.slick-disabled) {
	opacity: 1;
}

/* Fix slider borders - prevent clipping */
.bwp-filter-homepage.tab_category_slider .content-product-list {
	padding: 0 2px !important;
}

.bwp-filter-homepage.tab_category_slider .slick-list {
    margin: 0 -10px !important;
    padding: 0 0px !important;
}

.bwp-filter-homepage.tab_category_slider .slick-track {
	display: flex !important;
}

.bwp-filter-homepage.tab_category_slider .slick-slide {
	padding: 0 10px !important;
	margin: 0 !important;
}

.bwp-filter-homepage.tab_category_slider .products-list.grid .product-wapper {
	border: 1px solid #E8E8E8 !important;
	padding: 0 0 25px 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Fix recent post slider borders */
.bwp-recent-post.slider .content-post {
	padding: 0 2px !important;
}

.bwp-recent-post.slider .slick-list {
	margin: 0 -10px !important;
	padding: 0 10px !important;
}

.bwp-recent-post.slider .slick-track {
	display: flex !important;
}

.bwp-recent-post.slider .slick-slide {
	padding: 0 10px !important;
	margin: 0 !important;
}

.bwp-recent-post.slider .post-inner {
	border: 2px solid #e8e8e8 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}
.bwp-filter-homepage .slick-arrow, .content-product-list .slick-arrow, .content-products-custom-logo-mats .slick-arrow {
    z-index: 100 !important;
    pointer-events: auto !important;
}

/* Disable hover effect on disabled arrows */
.bwp-filter-homepage .slick-arrow.slick-disabled:hover,
.content-product-list .slick-arrow.slick-disabled:hover,
.content-products-custom-logo-mats .slick-arrow.slick-disabled:hover {
    background-color: #ffffff !important;
    color: inherit !important;
    opacity: 1 !important;
    cursor: default !important;
}

/* Fix slider overflow and white background on zoom */
.bwp-filter-homepage .content-product-list {
    overflow: hidden !important;
    background: transparent !important;
}

.bwp-filter-homepage .slick-list {
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bwp-filter-homepage .slick-track {
    display: flex !important;
    align-items: stretch !important;
    margin-left: 0 !important;
}

.bwp-filter-homepage .slick-slide {
    background: transparent !important;
}

.bwp-filter-homepage .item-product {
    height: auto !important;
    display: flex !important;
    background: transparent !important;
}

.bwp-filter-homepage .products-entry {
    width: 100% !important;
    background: #fff !important;
    margin: 0 auto !important;
}

/* Ensure slider container has no white background */
.bwp-filter-homepage .bwp-filter-content,
.bwp-filter-homepage .content.products-list.grid {
    background: transparent !important;
}

/* Hide duplicate arrows - only show arrows outside the slick carousel */
.bwp-filter-homepage .content.products-list.grid > .slick-arrow {
    display: none !important;
}

/* Keep only the arrows that are direct children of content-product-list */
.bwp-filter-homepage .content-product-list > .slick-arrow {
    display: flex !important;
}
@media (max-width: 767px) {
    .bwp-filter-homepage .content-product-list > .slick-arrow {
        display: none !important;
    }
}