/*
Theme Name:   xstore-child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

.bapf_head h3 {
    font-size: 18px;
}

.bapf_sfilter.bapf_button_berocket .bapf_button {
    font-size: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #EC1B25;
    border-radius: 8px 8px 8px 8px;
}

.elementor-page .content-page {
    padding-bottom: 0;
}

.page-heading  {
    background: #F5F5F5;
}

.blog .content-page, .single-post .content-page, .yith-request-a-quote-page .content-page, .woocommerce-account .content-page {
	margin-top: 70px;
}

article.blog-post {
    margin-bottom: 60px !important;
}

.bapf_sfilter.bapf_button_berocket .bapf_button:hover {
    background-color: #111;
}

.add-request-quote-button {
    font-size: 17px;
    text-transform: uppercase;
    color: #FFFFFF !important;
    background-color: #EC1B25 !important;
    border-radius: 8px 8px 8px 8px;
    padding: 15px 35px 15px 35px;
    border: 0 !important;
    display: inline;
}

#yith-ywraq-form {
    margin-right: 80px;
}

#yith-ywrq-table-list th {
	font-weight: 700;
}

.ywraq-form-title {
    margin-bottom: 30px;
    text-transform: uppercase;
}

.wpcf7-submit {
    font-size: 17px;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #EC1B25;
    border-radius: 8px 8px 8px 8px;
    padding: 15px 35px 15px 35px;
}

.woocommerce-MyAccount-navigation-link--downloads, .woocommerce-MyAccount-navigation-link--orders {
	display: none;
}

.home .page-heading {
	display: none;
}

/****** Search Filter CSS Styles ******/
#custom_search_form div {
	margin-bottom: 20px;
}

#custom_search_form label {
	font-weight: 600;
}

#reset_button {
	background: none;
    border: 0;
    color: #000;
    text-decoration: underline;
    padding: 0 15px;
    font-weight: 500;
}

/* Loading Spinner Styles */
.spinner {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#loading-spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it stays above other content */
    height: 100%; /* Ensure it covers the full height of the container */
}

/* Ensure the search results container has relative positioning and enough padding at the bottom */
#custom-search-results-container {
    position: relative;
    min-height: 400px; /* Ensure there is enough height for the loading spinner to be visible */
    padding-bottom: 60px; /* Adjust this value as needed */
}



/* Ensure the search results container has relative positioning */
#custom-search-results-container {
    position: relative;
    padding-bottom: 50px; /* Add space for the pagination */
}

/* Fixed Pagination Container Styling */
#custom-pagination {
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
	    background: #fff; /* Ensure it has a background color for visibility */

}

/* Pagination Link Styling */
#custom-pagination .page-link {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #0073aa;
    transition: background-color 0.3s, color 0.3s;
}

#custom-pagination .page-link:hover {
    background-color: #0073aa;
    color: #fff;
}

/* Active Page Styling */
#custom-pagination .page-link.active {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}