.elementor-kit-15{--e-global-color-primary:#008ECD;--e-global-color-secondary:#404040;--e-global-color-text:#404040;--e-global-color-accent:#008ECD;--e-global-color-81cb738:#A7A7A7;--e-global-color-338768d:#F5F4F4;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:700;--e-global-typography-c55bf45-font-family:"Open Sans";--e-global-typography-c55bf45-font-size:14px;--e-global-typography-c55bf45-font-weight:400;--e-global-typography-c55bf45-line-height:1.4em;--e-global-typography-30ce628-font-family:"Open Sans";--e-global-typography-30ce628-font-size:15px;--e-global-typography-30ce628-font-weight:400;--e-global-typography-30ce628-text-transform:uppercase;--e-global-typography-30ce628-line-height:1.1em;--e-global-typography-30ce628-letter-spacing:0.4px;--e-global-typography-3bbd7bc-font-family:"Open Sans";--e-global-typography-3bbd7bc-font-size:30px;--e-global-typography-3bbd7bc-font-weight:500;--e-global-typography-3bbd7bc-text-transform:uppercase;--e-global-typography-1abee87-font-family:"Open Sans";--e-global-typography-1abee87-font-size:38px;--e-global-typography-1abee87-font-weight:600;--e-global-typography-1abee87-line-height:1em;--e-global-typography-1aad86a-font-family:"Open Sans";--e-global-typography-1aad86a-font-size:33px;--e-global-typography-1aad86a-font-weight:600;--e-global-typography-17e6840-font-family:"Open Sans";--e-global-typography-17e6840-font-size:26px;--e-global-typography-17e6840-font-weight:600;--e-global-typography-38a99b8-font-family:"Open Sans";--e-global-typography-38a99b8-font-size:22px;--e-global-typography-38a99b8-font-weight:600;--e-global-typography-38a99b8-line-height:1.2em;--e-global-typography-e99ede6-font-family:"Open Sans";--e-global-typography-e99ede6-font-size:14px;--e-global-typography-e99ede6-font-weight:400;--e-global-typography-e99ede6-line-height:1.1em;color:var( --e-global-color-text );}.elementor-kit-15 e-page-transition{background-color:#FFBC7D;}.elementor-kit-15 a{color:var( --e-global-color-text );}.elementor-kit-15 a:hover{color:var( --e-global-color-accent );}.elementor-kit-15 button,.elementor-kit-15 input[type="button"],.elementor-kit-15 input[type="submit"],.elementor-kit-15 .elementor-button{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;line-height:1em;letter-spacing:0.4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-15{--e-global-typography-1abee87-font-size:30px;--e-global-typography-1aad86a-font-size:30px;--e-global-typography-17e6840-font-size:23px;--e-global-typography-38a99b8-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-15{--e-global-typography-1abee87-font-size:24px;--e-global-typography-1aad86a-font-size:25px;--e-global-typography-17e6840-font-size:22px;--e-global-typography-38a99b8-font-size:18px;--e-global-typography-e99ede6-font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-widget-text-editor ul,
.page-content ul,
.elementor-widget-text-editor ol,
.page-content ol {
    margin-bottom: 15px;
}


/* ================================
   WooCommerce – Override botones
   ================================ */

/* 0) Border radius global para TODOS los botones WooCommerce */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.added_to_cart,
.woocommerce .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order,
.woocommerce button#place_order,
.woocommerce a.add_to_cart_button,
.woocommerce button.single_add_to_cart_button,
.woocommerce button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
  border-radius: 50px !important;
  font-size: 15px !important;
  font-weight: 400!important;

}

/* 1) Botones “normales” (no checkout / no add-to-cart) */
.woocommerce a.button:not(.add_to_cart_button):not(.checkout-button):not(.added_to_cart),
.woocommerce button.button:not(.single_add_to_cart_button):not(.alt),
.woocommerce input.button:not(.alt),
.woocommerce #respond input#submit:not(.alt),
.woocommerce a.added_to_cart:not(.checkout-button) {
  background: #F5F4F4 !important;
  color: #404040 !important;
  border: 1px solid transparent !important;
}

.woocommerce a.button:not(.add_to_cart_button):not(.checkout-button):not(.added_to_cart):hover,
.woocommerce button.button:not(.single_add_to_cart_button):not(.alt):hover,
.woocommerce input.button:not(.alt):hover,
.woocommerce #respond input#submit:not(.alt):hover,
.woocommerce a.added_to_cart:not(.checkout-button):hover {
  background: #008ecd !important;
  color: #ffffff !important;
}

/* 2) Botones “Añadir al carrito” + “Finalizar pedido / Realizar pedido” */
.woocommerce a.add_to_cart_button,
.woocommerce button.single_add_to_cart_button,
.woocommerce a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order,
.woocommerce button#place_order,
.woocommerce .button.alt {
  background: #404040 !important;
  color: #ffffff !important;
  border: 1px solid transparent !important;
}

.woocommerce a.add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #place_order:hover,
.woocommerce button#place_order:hover,
.woocommerce .button.alt:hover {
  background: #008ecd !important;
  color: #ffffff !important;
}

/* (Opcional) Mantener colores también en focus/active */
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active {
  outline: none !important;
  box-shadow: none !important;
}

/* ==========================================
   WooCommerce – "El meu compte" en format tabs
   ========================================== */

/* Treu el layout lateral clàssic (menu a l'esquerra) */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
}

/* Contenidor de tabs */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  list-style: none !important;

  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

/* Cada tab */
.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Estil base (tab normal) */
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: inline-block !important;
  padding: 10px 16px !important;

  border-radius: 50px !important;
  background: #F5F4F4 !important;
  color: #404040 !important;

  text-decoration: none !important;
  border: 1px solid transparent !important;
}

/* Hover */
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: #008ecd !important;
  color: #ffffff !important;
}

/* Tab actiu */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:hover {
  background: #404040 !important;
  color: #ffffff !important;
}

/* Separació del contingut */
.woocommerce-account .woocommerce-MyAccount-content {
  margin-top: 10px !important;
}

/* Opcional: si hi ha molts tabs, que no "peti" en mòbil */
@media (max-width: 600px) {
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    gap: 8px !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li a {
    padding: 9px 14px !important;
  }
}/* End custom CSS */