.elementor-kit-10{--e-global-color-primary:#00796B;--e-global-color-primary_hover:#B37A00;--e-global-color-text:#3E3E3E;--e-global-color-accent:#000000;--e-global-color-lighter:#999999;--e-global-color-border:#E5E5E5;--e-global-color-00babde:#FFFFFF;--e-global-color-f422872:#000000;--e-global-typography-primary-font-family:"Be Vietnam Pro";--e-global-typography-primary-font-size:16px;--e-global-typography-secondary-font-family:"Be Vietnam Pro";--e-global-typography-secondary-font-size:14px;--e-global-typography-accent-font-family:"Be Vietnam Pro";--e-global-typography-text-font-family:"Be Vietnam Pro";--e-global-typography-heading_title-font-family:"Be Vietnam Pro";--e-global-typography-heading_title-font-size:28px;--e-global-typography-heading_title-font-weight:700;--e-global-typography-heading_title-line-height:36px;--e-global-typography-heading_sub-font-family:"Be Vietnam Pro";--e-global-typography-heading_sub-font-size:12px;--e-global-typography-heading_sub-font-weight:600;--e-global-typography-heading_sub-text-transform:uppercase;--e-global-typography-heading_sub-line-height:24px;--e-global-typography-heading_footer-font-family:"Be Vietnam Pro";--e-global-typography-heading_footer-font-size:14px;--e-global-typography-heading_footer-font-weight:700;--e-global-typography-heading_footer-text-transform:uppercase;--e-global-typography-heading_footer-line-height:22px;--e-global-typography-42044a1-font-family:"Be Vietnam Pro";--e-global-typography-42044a1-font-size:38px;--e-global-typography-42044a1-font-weight:600;--e-global-typography-42044a1-text-transform:capitalize;--e-global-typography-42044a1-line-height:43px;--e-global-typography-42044a1-letter-spacing:-1px;--e-global-typography-14533bb-font-family:"Be Vietnam Pro";--e-global-typography-14533bb-font-size:35px;--e-global-typography-14533bb-font-weight:600;--e-global-typography-14533bb-text-transform:capitalize;--e-global-typography-14533bb-line-height:40px;--e-global-typography-14533bb-letter-spacing:-1px;--e-global-typography-2e55daf-font-family:"Be Vietnam Pro";--e-global-typography-2e55daf-font-size:30px;--e-global-typography-2e55daf-font-weight:600;--e-global-typography-2e55daf-text-transform:capitalize;--e-global-typography-2e55daf-line-height:35px;--e-global-typography-da6475c-font-family:"Be Vietnam Pro";--e-global-typography-da6475c-font-size:27px;--e-global-typography-da6475c-font-weight:600;--e-global-typography-da6475c-text-transform:capitalize;--e-global-typography-da6475c-line-height:32px;--e-global-typography-096855f-font-size:22px;--e-global-typography-096855f-font-weight:600;--e-global-typography-096855f-text-transform:capitalize;--e-global-typography-096855f-line-height:30px;font-size:16px;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:#00796B;font-family:"Be Vietnam Pro", Sans-serif;font-size:14px;font-weight:700;color:#FFFFFF;padding:17px 30px 17px 30px;}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{background-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:4px 4px 4px 4px;}.elementor-kit-10 h1{font-size:40px;text-transform:capitalize;line-height:1.2em;}.elementor-kit-10 h2{font-size:35px;text-transform:capitalize;line-height:1.2em;}.elementor-kit-10 h3{font-size:30px;text-transform:capitalize;line-height:1.2em;}.elementor-kit-10 h4{font-size:24px;text-transform:capitalize;line-height:1.2em;}.elementor-kit-10 h5{font-size:20px;text-transform:capitalize;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1290px;}.e-con{--container-max-width:1290px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-10{--e-global-typography-42044a1-font-size:35px;--e-global-typography-42044a1-line-height:40px;--e-global-typography-42044a1-letter-spacing:-1px;--e-global-typography-14533bb-font-size:32px;--e-global-typography-14533bb-line-height:37px;--e-global-typography-14533bb-letter-spacing:-1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-heading_title-font-size:24px;--e-global-typography-heading_title-line-height:32px;--e-global-typography-42044a1-font-size:32px;--e-global-typography-42044a1-line-height:38px;--e-global-typography-42044a1-letter-spacing:-1px;--e-global-typography-14533bb-font-size:30px;--e-global-typography-14533bb-line-height:35px;--e-global-typography-14533bb-letter-spacing:-1px;--e-global-typography-2e55daf-font-size:28px;--e-global-typography-2e55daf-line-height:33px;--e-global-typography-da6475c-font-size:23px;--e-global-typography-da6475c-line-height:30px;--e-global-typography-096855f-font-size:20px;--e-global-typography-096855f-line-height:25px;--e-global-typography-096855f-letter-spacing:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS for page-settings *//* 1) Applico il cerchio colorato al button stesso */
.woocommerce ul.products li.product .woosq-btn {
  background-color: #00796B !important;  /* verde petrolio */
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  position: relative !important;        /* per posizionare il ::before */
}

/* 2) Cambio solo il background del button in hover */
.woocommerce ul.products li.product .woosq-btn:hover {
  background-color: #B37A00 !important;  /* senape scuro */
}

/* 3) Mantengo l’icona pseudo-elemento centrata e senza background */
.woocommerce ul.products li.product .woosq-btn::before {
  background: none !important;           /* rimuove eventuale bg color */
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  /* width/height originali gestiti dal plugin */
}

/* 4) Icona bianca */
.woocommerce ul.products li.product .woosq-btn::before,
.woocommerce ul.products li.product .woosq-btn {
  color: #ffffff !important;
}

/* Inserisce una lente di ingrandimento nel pulsante */
.woocommerce-product-search button::before,
.shopio-search-form button::before {
  content: "\f002"; /* Unicode Font Awesome per lente */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ffffff;
  font-size: 16px;
  margin-right: 4px;
  position: relative;
  z-index: 2;
}

/* Sistema lo sfondo del pulsante */
.woocommerce-product-search button,
.shopio-search-form button {
  background-color: #B37A00 !important; /* senape scuro */
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  box-shadow: none;
}/* End custom CSS */