/**
 * # Mizu Theme - A Minimalist Luxury Fashion and Beauty Theme
 *
 * @author         modstar.co.uk
 * @copyright      Copyright (C) 2025 modstar.co.uk. All rights reserved.
 * @license        https://modstar.co.uk/LICENSE.txt
 *
 * @name           Mizu Theme
 *
 * @version        1.0.0
 *
 * @description    Mizu theme is a minimal and modern multi-purpose Prestashop theme.
 *
 * @contact        support@modstar.co.uk
 *
 * ## Disclaimer of Warranty
 *
 * This Software is provided "as is", without warranty of any kind, express or implied, including but not limited to
 * the warranties of merchantability, fitness for a particular purpose, and non-infringement. In no event shall the
 * authors or copyright holders be liable for any claim, damages, or other liability, whether in an action of contract,
 * tort, or otherwise, arising from, out of, or in connection with the Software or the use or other dealings in the
 * Software.
 *
 * ## Copyright Notice
 *
 * This Software, including all text, graphics, software, and other content, is the property of modstar.co.uk and is
 * protected by UK and international copyright laws.
 *
 * The unauthorized reproduction or distribution of this copyrighted work, or any portion thereof, is strictly
 * prohibited and may result in civil and criminal penalties. Any use of this Software not expressly authorized by
 * modstar.co.uk may also violate trademark, privacy, and other applicable laws.
 *
 * modstar.co.uk reserves all rights not expressly granted in this copyright notice, including the right to take legal
 * action against any unauthorized use of this Software.
 *
 * For inquiries about licensing, permissions, or other usage rights, please contact: support@modstar.co.uk.
 *
 * Any use of this Software implies acceptance of the terms and conditions outlined in this copyright notice.
 *
 * Thank you for using this Software responsibly and respecting our intellectual property rights.
 *
 * Copyright © 2025 modstar.co.uk. All rights reserved.
 *
 * All other trademarks, logos and brand names are the property of their respective owners.
 */
/* SEARCH WIDGET */

.search_widget {
  display: flex;
  justify-content: center;
}

.search_widget form {
    margin: 2rem 1rem;
    max-width: 510px;
    width: 100%;
    position: relative; 
}

.search_widget form  .clear {
  font-style: normal;
  text-transform: uppercase;
  top: 11px;
  right: 13px;
  display: block;
  cursor: pointer;
}

.search_widget input {
  width: 100%;
  padding: 10px 70px 10px 40px;
  border: none;
  border-bottom: 1px solid #232323;
}

.search_widget i {
  position: absolute;
}

#header .search_widget form {
  margin: 1rem;
}

/* SEARCH PRODUCTS AUTOCOMPLETE */
.ui-autocomplete.searchbar-autocomplete {
  width: 100%;
  min-height: 100%;
  border: none;
  flex-direction: column;
  font-family: SUIT, Arial;
  padding-top: 1rem;

  @media only screen and (max-width: 768px) {
    padding: 1rem 2rem;
  }
}

.ui-autocomplete.searchbar-autocomplete .product {
  align-self: center;
  font: 500 0.9rem SUIT;
}

.ui-autocomplete.searchbar-autocomplete button {
  font-family: 'SUIT';
  font-weight: 400;
  height: 48px;
  margin-top: 1rem;
}

.ui-autocomplete.searchbar-autocomplete li {
  height: 120px;
  padding: 0.5rem 0;
  display: block;
}

.ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail {
  margin-right: 1rem;
  height: 100%;
}

.ui-autocomplete.searchbar-autocomplete li a, .ui-autocomplete.searchbar-autocomplete li a.ui-state-focus {
  overflow: auto;
  padding: 0;
  border: none;
  background: none;
  margin: auto;
  border-radius: 0;
  display: flex;
  height: 100%;
}

.ui-autocomplete.searchbar-autocomplete li a:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}