/**
Theme Name: Bostel Communication Inc.
Author: Bostel Communication Inc.
Author URI: https://www.bostel.com/
Description: Our main product is developed for small business, its a user-friendly and intuitive enterprise Customer Relationship Management “CRM” platform. Our CRM is a SaaS “Software as a Service Application” is an advanced and innovative application that simplifies and organizes lead and customer management on both your computer’s web browser and all mobile devices. This state-of-the-art enterprise application will help improve your response times and enhance your reputation, positioning you as a leader in your industry. By utilizing our CRM system, you can deliver highly efficient and high-quality support services to clients and potential customers. With our CRM software, you can easily manage every customer interaction, satisfaction and loyalty. Experience the effectiveness of our CRM solution and unlock the full potential and productivity of your business.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bostel-communication-inc
Template: astra
*/



.woocommerce-js div.product .product_title {
   
    font-size: 35px;
}

.continue-shopping-alert{
    text-align: right;
}

	body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount), body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount), body.user-registration-page #user-registration:not(.user-registration-MyAccount), body.user-registration-page .user-registration:not(.user-registration-MyAccount) {
    padding: 0px 30px !important;
}
	
	.ur-frontend-form.login {
    border: none;
    padding: 20px !important;
    border-radius: 8px;
    background: #fff;
}
form.register{
    padding:30px 0px;
}
.ast-container{
    padding-bottom:20px; 
}
.woocommerce-account .woocommerce-MyAccount-content {
    padding-top: 20px;
}



/* search page */
/* General Search Page Container */
.search-page-container {
    padding: 40px 0;
    background-color: #f9f9f9;
}

.search-page-container .container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Breadcrumbs */
#breadcrumbs {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 20px;
}
#breadcrumbs a {
    color: #0073aa; /* WordPress default link color */
    text-decoration: none;
}
#breadcrumbs a:hover {
    text-decoration: underline;
}

/* Page Title */
.search-page-title {
    font-size: 2.5em;
    color: #333;
    margin-bottom: 30px;
    text-align: center;
}
.search-page-title span {
    color: #0073aa;
}

/* Search Form Wrapper */
.search-form-wrapper {
    margin-bottom: 40px;
    position: relative;
}

.search-form {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 30px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.search-field {
    flex-grow: 1;
    border: none;
    padding: 12px 20px;
    font-size: 1.1em;
    outline: none;
    background: transparent; /* Ensures suggestions don't clash */
}
.search-field::placeholder {
    color: #999;
}

.search-submit {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 1.1em;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-submit:hover {
    background-color: #005f8a;
}
.search-submit .fas {
    margin-left: 5px; /* Adjust if button contains text */
}
.screen-reader-text { /* For accessibility */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/* Search Suggestions */
.search-suggestions {
    position: absolute;
    top: 100%; /* Position below the search bar */
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px); /* Match search bar width */
    max-width: 560px; /* Slightly less than search bar max-width */
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 10;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none; /* Hidden by default, shown by JS */
}

.search-suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-suggestions li {
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    font-size: 0.95em;
    color: #333;
}
.search-suggestions li:last-child {
    border-bottom: none;
}
.search-suggestions li:hover,
.search-suggestions li.active { /* For keyboard navigation */
    background-color: #f0f0f0;
}
.search-suggestions li strong {
    color: #0073aa;
}


/* Search Controls (Filters & Sort) */
.search-controls {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 30px;
    padding: 15px 0;
    background-color: #eef;
    border-radius: 8px;
}

.filter-group, .sort-group {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.95em;
    color: #555;
}

.search-filter, .search-sort {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    font-size: 1em;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s ease;
}
.search-filter:hover, .search-sort:hover {
    border-color: #0073aa;
}

/* Results Count */
.results-count {
    text-align: center;
    font-size: 1.1em;
    color: #555;
    margin-bottom: 25px;
}

/* Search Results Container */
.search-results-container {
    display: grid;
    gap: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}

/* Individual Search Result Item */
.search-result-item {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.search-result-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.search-result-thumbnail {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    margin-right: 20px;
    border-radius: 5px;
    overflow: hidden;
}
.search-result-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-result-content {
    flex-grow: 1;
}

.search-result-content h3 {
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 8px;
}
.search-result-content h3 a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
}
.search-result-content h3 a:hover {
    color: #0073aa;
}

.search-result-meta {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 10px;
}
.search-result-meta span {
    margin-right: 5px;
}
.search-result-excerpt {
    font-size: 1em;
    color: #444;
    line-height: 1.6;
}
.search-result-excerpt strong {
    background-color: #fffacd; /* Light yellow highlight */
    padding: 1px 0;
}

/* No Results Found */
.no-results-found {
    text-align: center;
    padding: 50px 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    
}
.no-results-found h2 {
    font-size: 2em;
    color: #d9534f; /* Red for emphasis */
    margin-bottom: 15px;
}
.no-results-found p {
    font-size: 1.1em;
    color: #555;
    margin-bottom: 10px;
}
.no-results-found p strong {
    color: #333;
}
.no-results-found .no-results-links {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap; /* For mobile */
}
.no-results-found .no-results-links li a {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    display: inline-block; /* Ensure padding works */
}
.no-results-found .no-results-links li a:hover {
    background-color: #005f8a;
}

/* Pagination */
.pagination-wrapper {
    margin: 30px;
    text-align: center;

}

.pagination-wrapper .page-numbers {
    display: inline-block;
    padding: 8px 15px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #0073aa;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.pagination-wrapper .page-numbers:hover {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.pagination-wrapper .page-numbers.current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
    pointer-events: none; /* Disable click on current page */
}

.pagination-wrapper .page-numbers.dots {
    border: none;
    background: none;
    cursor: default;
}

/* Load More Button (if using JS for pagination) */
#load-more-results {
    display: block;
    margin: 30px auto;
    padding: 12px 25px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1.1em;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
#load-more-results:hover {
    background-color: #005f8a;
}
#load-more-results.hidden {
    display: none;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .search-page-title {
        font-size: 2em;
    }

    .search-form {
        flex-direction: column;
        border-radius: 10px;
        max-width: 100%; /* Full width on smaller screens */
    }
    .search-field {
        padding: 10px 15px;
        font-size: 1em;
        border-bottom: 1px solid #eee; /* Separator for stacked elements */
    }
    .search-submit {
        padding: 10px 15px;
        width: 100%;
        border-radius: 0 0 10px 10px;
    }
    .search-submit .fas {
        margin-left: 0;
        margin-right: 5px; /* Icon before text */
    }

    .search-suggestions {
        width: 100%;
        max-width: none;
        left: 0;
        transform: translateX(0);
        border-radius: 0 0 10px 10px;
    }

    .search-controls {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }
    .filter-group, .sort-group {
        width: 100%;
        justify-content: space-between;
    }
    .search-filter, .search-sort {
        flex-grow: 1;
    }

    .search-result-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .search-result-thumbnail {
        width: 100%;
        max-width: 180px; /* Limit image width */
        height: auto;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .search-result-content {
        text-align: center;
    }
    .search-result-content h3 {
        font-size: 1.3em;
    }
    .search-result-meta {
        justify-content: center; /* Center meta elements if desired */
    }

    .no-results-found .no-results-links {
        flex-direction: column;
        gap: 10px;
    }
}

/* customizing the search page header size */
.elementor-kit-6 h1 {
    color: var( --e-global-color-text );
    font-size: 32px;
}

/* Customized the scroll to top position. */
.ast-scroll-to-top-right {
    right: 30px;
    bottom: 85px;
}
/* YITH Affiliates plugin table style fix for the dashboard */
.yith-wcaf-dashboard table.yith-wcaf-table {
    border-collapse: unset;
    border-spacing: 0;
    max-width: 100%;
}
/* Affiliate mobile menu visibility */

@media (max-width: 991px) {
    .woocommerce-account .yith-wcaf-dashboard-navigation {
        display: block !important;
    }
}