/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
.price span{
color: #FF1D8D !important;
	font-weight: bold; 
}
/* -----------------------------------
   Estilos personalizados WooCommerce
   Migrado desde el Personalizador
   Fecha: 26/09/2025
----------------------------------- */
/* -----------------------------------
   WooCommerce: Botones en productos
----------------------------------- */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .product-inner .added_to_cart {
  padding: 5px 25px;
  border-radius: 30px;
}

/* -----------------------------------
   Página de producto individual
----------------------------------- */
.woocommerce ul.woo-ul {
  font-size: 15px;
  list-style: disc;
  margin: 20px 0 0 20px;
}
.woocommerce ul.woo-ul li {
  margin-bottom: 5px;
}

/* -----------------------------------
   Footer
----------------------------------- */
#footer-widgets > .container {
  width: 1280px;
}
#footer .oceanwp-newsletter-form-wrap input[type="email"] {
  background-color: transparent;
  color: #fff;
  border-width: 1px;
}
#footer .oceanwp-recent-posts li {
  border-color: rgba(255,255,255,0.3);
}

/* -----------------------------------
   Accesibilidad y enfoque
----------------------------------- */
.menu-item a:focus,
.menu-item a:active,
.custom-logo-link:focus,
.custom-logo-link:active {
  outline: none !important;
  box-shadow: none !important;
}

/* -----------------------------------
   Categorías de producto
----------------------------------- */
.woocommerce .product-category img {
  width: 260px;
  height: auto;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}
.woocommerce ul.products li.product-category h2 {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  text-align: center;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.woocommerce ul.products li.product-category {
  max-width: 280px;
  margin: 0 auto;
}

/* -----------------------------------
   Responsive
----------------------------------- */
@media (max-width: 768px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
  .woocommerce .product-category img {
    width: 200px;
  }
  .woocommerce ul.products li.product-category h2 {
    font-size: 14px;
  }
}

/* -----------------------------------
   Mini carrito (sin imagen)
----------------------------------- */
.woocommerce-mini-cart-item {
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

.mini-cart-item-content {
  display: block;
  width: 100%;
}

.mini-cart-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  word-break: break-word;
}

.mini-cart-text .product-name {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-bottom: 4px;
  display: block;
  white-space: normal;
}

.mini-cart-text .product-price {
  font-size: 13px;
  color: #666;
  display: block;
  white-space: normal;
  margin-top: 4px;
}

.woocommerce-mini-cart-item a.product-name {
  display: block;
  white-space: normal;
}

/* Eliminar imagen del mini carrito */
.woocommerce-mini-cart-item img {
  display: none !important;
}

/* Contenedor del mini carrito */
.woocommerce-mini-cart,
.woocommerce-mini-cart .cart_list {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;
  padding: 0 15px;
}

/* Forzar ancho del panel contenedor si aplica */
.woocommerce.widget_shopping_cart,
.widget_shopping_cart_content,
.header-cart,
.offcanvas-cart {
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
  padding: 15px;
}

/* -----------------------------------
   Botón personalizado de finalizar pedido
----------------------------------- */
.woocommerce-mini-cart__buttons .button.checkout:not(.mi-boton-finalizar) {
  display: none !important;
}
.mi-boton-finalizar {
  background-color: #1e73be;
  color: #fff;
  border-radius: 30px;
  padding: 10px 25px;
  text-align: center;
  display: inline-block;
  transition: background-color 0.3s ease;
}
.mi-boton-finalizar:hover {
  background-color: #145a96;
}

/* -----------------------------------
   Carrito: ocultar botón actualizar
----------------------------------- */
.woocommerce-cart .actions .button[name="update_cart"] {
  display: none !important;
}

/* -----------------------------------
   Botones de pago en carrito
----------------------------------- */
.botones-pago,
.cto-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}

.boton-pago-web,
.boton-whatsapp {
  display: block;
  width: 100%;
  max-width: 400px;
  padding: 12px 30px;
  border-radius: 30px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease;
  margin: 0 auto;
}

.boton-pago-web {
  background-color: #e91e63;
  color: white;
}
.boton-pago-web:hover {
  background-color: #c2185b;
}

.boton-whatsapp {
  background-color: #25D366;
  color: white;
}
.boton-whatsapp:hover {
  background-color: #1da851;
}

.botones-pago {
  margin-bottom: 40px;
}

/* -----------------------------------
   Productos relacionados en carrito
----------------------------------- */
.woocommerce-cart .related ul.products li.product {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* -----------------------------------
   Mini carrito: responsive
----------------------------------- */
@media (max-width: 480px) {
  .mini-cart-text {
    align-items: center;
    text-align: center;
  }

  .woocommerce-mini-cart__buttons {
    text-align: center;
  }

  .mi-boton-finalizar {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }

}