/*
Theme Name: Gaspard
Theme URI: https://gaspard.qodeinteractive.com
Description: Restaurant and Coffee Shop Theme
Author: Elated Themes
Author URI: https://qodeinteractive.com
Text Domain: gaspard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
.shop-search {
  width: 100%;
  padding: 40px 20px 10px;
  display: flex;
  justify-content: center;
}

.shop-search .container {
  max-width: 700px;
  width: 100%;
}

/* Form */
.search-form {
  position: relative;
}

/* Input */
.search-field {
  width: 100%;
  padding: 15px 100px 10px 0;
  border: none;
  border-bottom: 2px solid #222;
  background: transparent;
  font-size: 18px;
  font-weight: 400;
  color: #222;
}

/* Focus */
.search-field:focus {
  outline: none;
  border-bottom: 2px solid #c6a27a;
}

/* Placeholder */
.search-field::placeholder {
  color: #aaa;
  font-size: 16px;
}

/* Bottone */
.search-btn {
  position: absolute;
  right: 0;
  bottom: 10px;
  background: none;
  border: none;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #999;
  cursor: pointer;
  transition: 0.3s;
}

/* Hover */
.search-btn:hover {
  color: #c6a27a;
}