/*
Theme Name:   Clotya Child
 Theme URI:    http://klbtheme.com/clotya/
 Description:  Clotya Child Theme
 Author:       KlbTheme
 Author URI:   http://themeforest.net/user/KlbTheme
 Template:     clotya
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  clotya-child
*/

  /* Filter Bar Styling */ 
.filter-form {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: space-between;
            align-items: center;
			overflow-x:auto;
			scrollbar-width: none;
        }
.filter-form::-webkit-scrollbar {
    display: none; 
}

      
.filter-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
/*             background-color: #d8fdfb; */
            padding: 15px 0;
            border-radius: 12px;
			min-width: 1190px;
        }

        /* Filter Item Styling */
        .filter-item {
            flex: 1;
            margin: 0 10px;
            text-align: center;
        }

        /* Common Dropdown Styles */
        .custom-select {
            width: 100%;
            padding: 10px 2px;
            font-size: 14px;
            color: #333;
            background-color: transparent;
            border: none;
            outline: none;
            appearance: none;
            /* Removes default arrow */
            cursor: pointer;
            background-image: url("https://titan.techved.us/wp-content/uploads/2024/11/Vector-2.png");
            background-repeat: no-repeat;
            background-position: right 5px center;
            background-size: 12px;
        }
        .custom-select.sorting{
             padding: 10px 15px;
             background-position: right 15px center;
             color: #0E3D46;
            /* background: #FFF 50%; */
            opacity: 0.8;
            font-size: 16px;
            line-height: 24px;
            font-family: poppins;
            font-weight: 400;
        }

        /* Bottom Border Only */
        .bottom-border {
            border-bottom: 1px solid #AED9DA;
        }

        /* Full Border */
        .full-border {
            border: 1px solid #FFFFFF;
            border-radius: 25px;
            /* background: #FFFFFF80; */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* Hover States */

        .bottom-border:hover {
            border-bottom: 1px solid #AED9DA;
            /* Cyan on hover */
        }

        /* .full-border:hover {
            border-color: #00bfa6;
        } */

        /* Focus States */
        .custom-select:focus {
            outline: none;
        }

        .full-border:focus {
            border: 1px solid #FFFFFF;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
/*             .filter-bar {
                flex-direction: column;
                gap: 15px;
                width: 90%;
            } */

            .filter-item {
                width: 100%;
            }

            .custom-select {
                width: 100%;
            }
        }

        div.filter_info_popup {
            position: fixed;
            top: 48%;
            left: 50%;
            z-index: 10001;
            display: none;
            overflow: hidden;
            padding: 20px;
            border-radius: 5px;
            background-color: rgba(0, 0, 0, .6);
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .6), inset 0 0 0 2px rgba(255, 255, 255, .2);
            color: #fff;
            font-size: 22px;
            font-family: 'Oswald', sans-serif;
            transform: translateX(-50%) !important;
        }

        .no-results-container {
            text-align: center;
            margin-top: 5%;
            margin-bottom: 5%;
        }

        .no-results-container img {
            width: 208px;
            height: auto;
            margin: auto;
            align-items: center;
            display: flex;
        }

        .no-results-container span {
            font-size: 32px;
            color: #333333;
            line-height: 48px;
            margin-top: 20px;
            font-family: Poppins;
            font-weight: 600;
        }

        .page-content {
            margin: 0;
            padding-top: 112px;
            padding-bottom: 112px;
/*             background: linear-gradient(192deg, #D2FDFE, #FBF6EF); */
        }

        /* Mobile responsiveness */
        @media (max-width: 768px) {
            .no-results-container img {
                width: 120px;
                /* Scale down the image */
            }

            .no-results-container span {
                font-size: 20px;
                /* Adjust font size */
            }
        }

        @media (max-width: 480px) {
            .no-results-container img {
                width: 100px;
                /* Further scale down the image */
            }

            .no-results-container span {
                font-size: 18px;
                margin-top: 0px;
                /* Smaller font size for very small screens */
            }
        }
.remove_filter_top_panel{
  overflow: hidden;
  line-height: 32px;
  margin: 5px 0 15px 0;
  display: none;
  position: relative;
  z-index: 99;
  clear: both;
  display: none;
}
.remove_filter_top_panel ul{
    margin: 0 !important;
  padding: 0 !important;
}
.remove_filter_top_panel li{
    float: left;
  margin: 0 15px 0 0 !important;
  list-style: none !important;
}
.remove_filter_top_panel_ul a{
    text-decoration: none !important;
}
.remove_filter_top_panel li span, .remove_filter_top_panel2 li span{
    background: url(https://titan.techved.us/wp-content/plugins/woocommerce-products-filter/img/delete.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: right;
}
.remove_filter_top_panel li span{
    padding-right: 16px;
}
.filter_reset_button{
    border-radius: 5px;
}

#enquiryForm {
  display: flex;
  flex-direction: column;
  gap: 20px;
}       

#enquiryForm input,
#enquiryForm textarea {
  width: 100%;
  padding: 10px 10px 5px 5px;
  background: none;
  border: none;
  border-bottom: 1px solid #aaa;
  font-size: 14px;
  line-height: 22px;
  outline: none;
  color: #333;
}

#enquiryForm input:focus,
#enquiryForm textarea:focus {
  border-bottom: 2px solid #AED9DA;
}

#enquiryForm label {
    position: absolute;
    top: 10px;
    left: 12px;
    font-size: 14px;
    color: #636466;
    transition: 0.2s;
    pointer-events: none;
    line-height: 22px;
}

#enquiryForm input:focus ~ label,
#enquiryForm input:valid ~ label,
#enquiryForm input:not(:placeholder-shown) ~ label,
#enquiryForm textarea:not(:placeholder-shown) ~ label,
#enquiryForm textarea:focus ~ label,
#enquiryForm textarea:valid ~ label {
  top: -10px;
  font-size: 12px;
  color: #14606E;
}

#enquiryForm textarea {
  resize: none;
}
.form-group {
  flex: 1;
  position: relative;
}