/* 
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
*/

/*
    Add your custom styles here
*/

/*CSS per al Cercador*/
.header-main {
  position: relative;
}

.search-dropdown {
  --search-width: 600px; /* <-- CANVIA AQUÍ LA MIDA */
  position: absolute !important;
  top: 75%;
  left: 0; /* el JS l'ajusta segons la posició de la lupa */
  width: var(--search-width) !important;
  max-width: 400px;
  z-index: 999;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}

.search-dropdown.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.search-dropdown .e-search-form{
  box-shadow: 0 4px 15px 0 rgba(102, 102, 102, .35);
}

.search-dropdown .e-search-form input{
  box-shadow:none !important;
  padding-left:8px !important;
}

/* Opcional: canvia la lupa per una X quan està obert */
.search-toggle.is-open .elementor-icon svg,
.search-toggle.is-open .elementor-icon i {
  display: none;
}
.search-toggle.is-open .elementor-icon::after {
  content: "\2715";
  font-size: 18px;
  line-height: 1;
}

/* Mòbil: ocupa quasi tot l'ample */
@media (max-width: 767px) {
  .search-dropdown {
    --search-width: calc(100vw - 20px);
  }
}