/*
Theme Name: PCM Electronics
Theme URI: https://pcmelectronics.es/
Author: PCM Electronics
Description: Tema propio de PCM Electronics para WordPress y WooCommerce.
Version: 0.5.9-checkout.12
Requires at least: 6.8
Requires PHP: 8.1
Text Domain: pcm
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-block-size: 100vh;
  margin: 0;
  color: var(--pcm-text-primary);
  background: var(--pcm-surface-canvas);
  font-family: var(--pcm-font-body);
  font-size: var(--pcm-type-body-size);
  line-height: var(--pcm-leading-body);
  text-rendering: optimizeLegibility;
}

img,
svg {
  max-inline-size: 100%;
  block-size: auto;
}

button,
input,
select,
textarea {
  font: inherit;
}

a {
  color: var(--pcm-link);
  text-underline-offset: 0.2em;
}

.pcm-main {
  inline-size: min(100% - 3rem, var(--pcm-content-max));
  min-block-size: 45vh;
  margin-inline: auto;
  padding-block: var(--pcm-space-8);
}

.pcm-entry {
  max-inline-size: var(--pcm-reading-max);
}

/* WooCommerce Blocks owns the inner desktop columns and responsive stack. */
.woocommerce-cart .pcm-entry,
.woocommerce-checkout .pcm-entry {
  max-inline-size: none;
}

/* Checkout visual balance: public block roots only. */
.woocommerce-cart .pcm-main,
.woocommerce-checkout .pcm-main {
  inline-size: min(100% - clamp(2rem, 4vw, 4.5rem), 96rem);
  max-inline-size: none;
}

@media (min-width: 57.5rem) {
  :is(.woocommerce-cart, .woocommerce-checkout) :is(
    .wp-block-woocommerce-cart-items-block,
    .wp-block-woocommerce-checkout-fields-block
  ) {
    min-inline-size: 0;
    flex: 1 1 0;
  }

  :is(.woocommerce-cart, .woocommerce-checkout) :is(
    .wp-block-woocommerce-cart-totals-block,
    .wp-block-woocommerce-checkout-totals-block
  ) {
    box-sizing: border-box;
    flex: 0 0 clamp(24rem, 28vw, 26rem);
    align-self: flex-start;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    border: 1px solid var(--pcm-border-subtle);
    border-radius: var(--pcm-radius-card);
    background: color-mix(
      in srgb,
      var(--pcm-color-warm-neutral) 42%,
      var(--pcm-color-paper)
    );
  }
}

@supports not (background: color-mix(in srgb, white, black)) {
  :is(.woocommerce-cart, .woocommerce-checkout) :is(
    .wp-block-woocommerce-cart-totals-block,
    .wp-block-woocommerce-checkout-totals-block
  ) {
    background: #ebe7e2;
  }
}

@media (max-width: 47.999rem) {
  .pcm-main {
    inline-size: min(100% - 2rem, var(--pcm-content-max));
    padding-block: var(--pcm-space-7);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}