/*
 Theme Name:   Twenty Twenty-Four Child Shop
 Template:     twentytwentyfour
 Version:      1.0
*/

/* === Logo responsive === */
.wp-block-site-logo img {
  max-width: 200px; /* tamaño máximo en pantallas grandes */
  width: 100%;      /* se adapta al contenedor */
  height: auto;     /* mantiene proporciones */
}

@media (max-width: 768px) {
  .wp-block-site-logo img {
    max-width: 110px; /* más compacto en móviles */
  }
}

/* === Slider: bullets === */
.swiper-pagination-bullet {
  background: var(--wp--preset--color--contrast);
  opacity: 0.5;
  transition: background 0.3s ease, opacity 0.3s ease;
}

.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--primary);
  opacity: 1;
}

/* === Reset botones (WooCommerce clásico + Blocks) === */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button,
.wc-block-components-button:not(:disabled):not([aria-disabled="true"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.6em 1.2em;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: var(--wp--preset--color--primary, #3691c8);
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.wc-block-components-button:hover,
.wc-block-components-button:not(:disabled):not([aria-disabled="true"]):hover {
  background-color: var(--wp--preset--color--contrast, #000);
  color: #fff;
}

/* Estado disabled */
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled,
.woocommerce #respond input#submit:disabled,
.wc-block-components-button:disabled,
.wc-block-components-button[aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
/* 🔄 Bordes redondeados globales WooCommerce */
.woocommerce img,
.woocommerce-page img {
  border-radius: 15px !important;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* 🛒 Imágenes de producto (galería, zoom y móvil) */
.woocommerce div.product div.images,
.woocommerce div.product div.images img,
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  border-radius: 15px !important;
  overflow: hidden !important;
}

/* 📦 Carrito, checkout y thankyou */
.woocommerce-cart table.cart img,
.woocommerce-checkout table.shop_table img,
.woocommerce-order .woocommerce-table__product-thumbnail img {
  border-radius: 15px !important;
  object-fit: cover;
  overflow: hidden;
}