/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.category-filter button.search-filter-input-button {
    border-radius: 30px;
    font-size: 15px;
}
.search-filter-input-button-group {
    justify-content: center;
}
.search-filter-field--type-range .search-filter-select-range > div:first-child {
    display: none !important;
}
  
.search-filter-input-text {
    border-radius: 16px;
}

.search-filter-field--type-range 
.search-filter-select-range 
> div:nth-child(2)::before {
  content: "N° caratteri massimo";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #aaa;
  pointer-events: none;
  transition: opacity 0.2s;
}

.search-filter-component-combobox__actions {
  position: relative;
}

.category-filter .search-filter-component-combobox__actions::before {
  content: "Categoria";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: rgb(170, 170, 170);
  pointer-events: none;
  transition: opacity 0.2s;
}

/* Nascondi il testo se l’utente scrive */
.search-filter-component-combobox__actions:has(input:not(:placeholder-shown))::before,
.search-filter-component-combobox__actions:has(input:focus)::before {
  opacity: 0;
}

/* Quando l'input è in focus (classe aggiunta dal plugin) → nascondi la scritta */
.search-filter-field--type-range 
.search-filter-select-range 
> div:nth-child(2).search-filter-input-text--focused::before {
  opacity: 0;
}

.search-filter-field--type-range 
.search-filter-select-range 
> div:nth-child(2).has-value::before {
    opacity: 0;
}