/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

.woocommerce-Button, .button, .added_to_cart {
  border-radius: 15px;
}

.woocommerce-products-header {
  display: none !important;
}

.woocommerce-pagination {
  padding-top: 15px;
}

.storefront-wc-brands-single-product img {
  border: 1px solid #9ca3af;
  border-radius: 5px;
}

/* Chat btn */

.bottomright {
  bottom: 100px;
  right: 20px;
}

.chat-icon-whatsapp.bottomright {
  bottom: 150px;
}

.chat-icon-whatsapp {
  background: linear-gradient(#69ca3b, #56a61e);
}

.chat-icon-facebook {
  background: rgb(255,105,102);
  background: linear-gradient(200deg, rgba(255,105,102,1) 0%, rgba(166,58,251,1) 50%, rgba(10,155,255,1) 100%);
}

.chat-item {
  position: fixed;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.chat-item .svgic {
  width: 60%;
  height: 60%;
  color: #fff;
}

.svgic {
  display: inline-block;
  fill: currentColor;
  height: 20px;
  pointer-events: none;
  vertical-align: top;
  width: 20px;
}

/* End Chat btn  */

/* To remove sidebar from products */
.single-product.right-sidebar .content-area,
.single-product.left-sidebar .content-area {
  float: none;
  margin-right: 0;
  width: 100%;
}
/* End To remove sidebar from products */

/* Fullwidth Gutemberg template  compatibility */
.alignwide {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* End Fullwidth Gutemberg template  compatibility */

.search-field {
  border-radius: 25px;
}

h1 {
  font-size: 1.617924em;
}

input, textarea, button {
  border-radius: 15px;
}

.full-width {
  width: 100%;
}

.woocommerce-result-count {
  display: none !important;
}

.bold {
  font-weight: bold;
}

button.menu-toggle {
  border: 0 !important;
}

@media (max-width: 768px) {
  .woocommerce-Address {
    width: auto;
  }
}

/* Wrapper per tutte le select */
select {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: white url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") no-repeat right 18px center;
  background-size: 16px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 50px;
  padding: 12px 20px;
  padding-right: 50px;
  width: 100%;
  font-size: 16px;
  color: #374151;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
  box-sizing: border-box;
  margin-bottom: 20px;
}

/* Stati hover e focus */
select:hover {
  border-color: #d1d5db;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

select:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
}

/* Select disabilitata */
select:disabled {
  background-color: #f9fafb;
  color: #9ca3af;
  border-color: #e5e7eb;
  cursor: not-allowed;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
}

@media (max-width: 768px) {
  .container {
    padding: 20px;
    margin: 20px;
  }
  
  select {
    font-size: 16px; /* Evita lo zoom su iOS */
  }
}

.storefront-sorting {
  /* float: right; */
  margin-bottom: 0;
}

.woocommerce-message {
  margin-top: 0 !important;
}

.box-rounded, .leaflet-container {
  border-radius: 15px !important;
}

#coming-soon-footer-banner {
  z-index: 900 !important;
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
  border-radius: 15px !important;
}

.hentry .entry-content .wp-block-button .wp-block-button__link, 
.editor-styles-wrapper .wp-block-button .wp-block-button__link {
  border-radius: 15px;
  font-weight: 600;
  font-size: 16px;
}

ul.brand-thumbnails.fluid-columns li {
  width: 29%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 10%;
}

ul.brand-thumbnails.fluid-columns li img {
  border: 1px solid #d0cbcb;
}

@media (max-width: 480px) {
  .wc-block-grid.has-4-columns .wc-block-grid__product {
    flex: 1 0 50% !important;
    max-width: 50% !important;
  }

  .wc-block-grid.has-4-columns .wc-block-grid__products {
    display: flex !important;
  }

  .col-1, .col-2 {
    width: auto;
  }
}

/* === FOOTER === */

.site-footer a {
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
}

footer .widget .widget-title {
  border: 0;
  margin-bottom: 0.5em;
  padding: 0;
  font-weight: 600;
}

footer .widget_nav_menu ul li::before {
  content: none;
}

footer .widget_nav_menu ul li {
  padding-left: 0;
  margin-bottom: 0.5em;
}

footer .wp-block-image {
  margin-right: 1em;
}

.site-social {
  text-align: right;
}

.site-social img {
  display: inline-block;
}

/* === END FOOTER === */

/* === HEADER === */

.site-header {
  margin-bottom: 1rem !important;
}

@media (min-width: 768px) {
  .site-header {
    padding-top: 1.617924em;
  }
}

.site-header .col-full {
  display: block !important;
}

.custom-inline-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
  flex-wrap: nowrap;
  width: 100%;
}

.custom-inline-header * {
  float: none;
}

.custom-inline-header .header-logo {
  flex: 1 0 auto;
}

.custom-inline-header .site-branding {
  margin: 0;
  width: 200px;
}

.custom-inline-header .site-branding img {
  max-width: 200px;
}

.custom-inline-header .header-search {
  flex: 0 0 280px;
}

.custom-inline-header .site-search {
  margin: 0;
  width: 100% !important;
}

.custom-inline-header .header-menu {
  flex: 1 1 auto;
  text-align: center;
}

.custom-inline-header .header-social {
  flex: 1 1 auto;
  text-align: center;
}

.custom-inline-header .header-social img {
  display: inline-block;
}

.custom-inline-header .main-navigation {
  margin: 0;
  width: auto !important;
  display: block !important;
}

.custom-inline-header .main-navigation ul {
  /* display: flex !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important; */
  border-radius: 15px;
}

.custom-inline-header .main-navigation li {
  margin: 0px;
}

/* Carrello */
.custom-inline-header .header-cart {
  flex: 0 0 auto !important;
}

.custom-inline-header .site-header-cart {
  margin: 0 !important;
  width: auto !important;
} 

ul.products li.product img {
  position: relative;
}

.product .onsale {
  position: absolute;
  top: 5px;
  right: 10px;
  background-color: #fff;
  font-size: 11px;
}

/* === RESPONSIVE === */

/* Tablet */
@media (max-width: 1024px) {
  .custom-inline-header {
    gap: 15px !important;
  }
  
  .custom-inline-header .header-search {
    flex: 0 0 200px !important;
  }
  
  .custom-inline-header .main-navigation li {
    margin: 0 10px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .custom-inline-header {
    flex-direction: column !important;
    text-align: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
  }
  
  .custom-inline-header .header-search,
  .custom-inline-header .header-menu {
    width: 100% !important;
    flex: 1 1 100% !important;
  }
  
  .custom-inline-header .main-navigation ul {
    flex-direction: column !important;
  }
  
  .custom-inline-header .main-navigation li {
    margin: 5px 0 !important;
  }
}

/* Mobile piccolo */
@media (max-width: 480px) {
  .custom-inline-header {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    gap: 10px;
    text-align: center;
    flex-wrap: unset !important; /* rimuove il wrap */
    flex-direction: unset !important;
  }
  .custom-inline-header .main-navigation div.menu:last-child, .custom-inline-header .handheld-navigation {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #fff;
    top: 90px;
  }
  .custom-inline-header .header-cart {
    display: none;
  }
  .custom-inline-header .header-social {
    display: none;
  }
  .products {
    margin-top: 40px;
  }
  .products li {
    float: left;
    width: 50%;
    min-height: 500px;
    margin-bottom: 0 !important;
    padding-left: 2px;
    padding-right: 2px;
  }
  ul.products li.product .button {
    width: 80%;
  }
}

@media(max-width:767px){
  ul.products li.product .button {
    width: 70%;
  }
  .woocommerce-loop-product__title {
    min-height: 80px;
  }
}

/* ===== CARRELLO - VERSIONE CON ICONA SVG ===== */

/* Nascondi il prezzo
.custom-inline-header .site-header-cart .amount {
  display: none;
} 
*/

/* Stile per il contenitore carrello
.custom-inline-header .site-header-cart .cart-contents {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  font-size: 0;
  width: 30px;
  height: 30px;
} 
*/

/* Icona SVG del carrello
.custom-inline-header .site-header-cart .cart-contents:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='m16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
*/

/* Badge con numero prodotti
.custom-inline-header .site-header-cart .cart-contents .count {
  position: absolute;
  top: -8px;
  right: -8px;
  background: #e74c3c;
  color: white;
  border-radius: 50%;
  min-width: 18px;
  height: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-family: Arial, sans-serif;
}
*/

/* Nascondi il badge quando carrello è vuoto
.custom-inline-header .site-header-cart .cart-contents .count:empty,
.custom-inline-header .site-header-cart .cart-contents .count:contains("0") {
  display: none;
} 
*/

/* Hover effect
.custom-inline-header .site-header-cart .cart-contents:hover {
  opacity: 0.7;
  transition: opacity 0.3s ease;
} 
*/

/* ===== SHOP ===== */

.shop-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  gap: 1rem;
}

.shop-title {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
}

.shop-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.shop-controls .woocommerce-result-count {
  white-space: nowrap;
}

.hentry .wp-post-image {
  display: none !important;
}

.footer-widgets.col-4 {
  width: auto !important;
}

/* ===== BREADCRUMB ===== */

.custom-breadcrumb-hero {
  position: relative;
  background-color: #f5f5f5;
  padding: 30px;
  text-align: center;
  border-radius: 20px;
  margin: 0 auto 20px;
  max-width: 1200px;
  min-height: 250px;
}

/* Quando ha un'immagine di sfondo */
.custom-breadcrumb-hero.has-background-image {
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.custom-breadcrumb-inner {
  max-width: 800px;
  margin: 0 auto;
}

.custom-breadcrumb-title {
  font-size: 2.5rem;
  color: #222;
  margin-bottom: 10px;
  margin-top: 40px;
  font-weight: bold;
}

.custom-breadcrumb-hero.has-background-image .custom-breadcrumb-title {
  color: #fff;
}

.custom-breadcrumb-nav {
  font-size: 0.95rem;
  color: #666;
}

.custom-breadcrumb-hero.has-background-image .custom-breadcrumb-nav {
  color: #fff;
}

.custom-breadcrumb-nav a {
  color: inherit;
  text-decoration: none;
}

.custom-breadcrumb-nav a:hover {
  text-decoration: underline;
}

.custom-breadcrumb-hero .brand-icon {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.woocommerce-thankyou-order-failed {
  padding: 3%;
  color: #fff;
  background-color: red;
  border-radius: 20px;
}

.gestpay-payment-method-icon img {
  display: inline-block;
  max-width: 50px;
}

/* === TOPBAR === */

.storefront-top-bar {
  background-color: #1d4c07;
  color: #fff;
  text-align: center;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  box-sizing: border-box;
}

.top-bar-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.separator {
  margin: 0 12px;
}

@media (max-width: 1024px) {
  .storefront-top-bar {
    font-size: 13px;
    padding: 8px 10px;
  }
  
  .separator {
    margin: 0 8px;
  }
}

@media (max-width: 767px) {
  .storefront-top-bar {
    padding: 8px 5px;
  }
  
  .top-bar-content {
    flex-direction: column;
    gap: 4px;
  }
  
  .separator {
    display: none;
  }
}

@media (max-width: 575px) {
  .storefront-top-bar {
    font-size: 12px;
    padding: 6px 3px;
  }
  
  .shipping-info,
  .whatsapp-info {
    display: block;
    line-height: 1.4;
  }
  
  .whatsapp-info::before {
    content: "👉 ";
  }
}

.storefront-top-bar:hover {
  background-color: #44ac13;
  transition: background-color 0.3s ease;
}

.storefront-breadcrumb {
  margin-bottom: 0px;
}
/* === END TOPBAR === */

/* === CART === */
.cart-icon {
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.cart-icon:hover {
  transform: scale(1.1);
}

/* SVG del carrello */
.cart-svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
  color: #333;
  transition: color 0.2s ease;
}

.cart-icon:hover .cart-svg {
  color: #000;
}

/* Badge con il numero */
.cart-badge {
  position: absolute;
  top: -8px;
  right: -8px;
  background: #dc3545;
  color: white;
  border-radius: 50%;
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* === END CART === */