/*
Theme Name: El Punto del PVC del Sur
Theme URI: https://elpuntodelpvc.com/
Author: El Punto del PVC del Sur
Description: Tema nativo ultra ligero para WordPress + WooCommerce con Tailwind CSS CDN.
Version: 1.0.1
Text Domain: el-punto-del-pvc-del-sur
*/

:root {
  color-scheme: light;
}

* {
  -webkit-tap-highlight-color: transparent;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* WooCommerce archive grids respond to the width left after the sidebar. */
[data-el-pvc-shop-results-root] {
  container-type: inline-size;
}

[data-el-pvc-shop-results-root] [data-el-pvc-shop-grid] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@container (min-width: 708px) {
  [data-el-pvc-shop-results-root] [data-el-pvc-shop-grid].el-pvc-shop-grid--3,
  [data-el-pvc-shop-results-root] [data-el-pvc-shop-grid].el-pvc-shop-grid--4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@container (min-width: 952px) {
  [data-el-pvc-shop-results-root] [data-el-pvc-shop-grid].el-pvc-shop-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Keep shipping rows hidden on the cart, as in the existing customization. */
body.woocommerce-cart .woocommerce-shipping-totals {
  display: none !important;
}

/* Keep single-product pages tall enough for a short description and footer. */
body.single-product {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body.single-product footer {
  margin-top: auto;
}

body.single-product .woocommerce-product-gallery {
  width: 100%;
  max-width: 500px;
  margin-inline: auto;
}

body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
  object-fit: contain;
}