/* Minimal reset & small utility set for cart to work without site header CSS.
   This file is intentionally small and additive — it only defines a few helpers
   that cart templates and scripts expect when the global header/CSS is missing.
*/

/* Box sizing (reinforce) */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Basic container similar to site's .container but scoped for cart usage */
.pcs-container.container,
.container.pcs-container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  box-sizing: border-box;
}

/* Screen-reader only helper */
.sr-only,
.pcs-sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

/* Minimal button base used by header/cart shared snippets */
.btn,
.button,
.pcs-button,
.btn-default {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  background: #ffffff;
  color: #111827;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

/* Gradient button used in header utility dropdowns; harmless if present */
.btn-gradient,
.btn-gradient-blue {
  background: linear-gradient(90deg,#06b6d4,#3b82f6);
  color: #fff;
}

/* Utility item minimal baseline so hidden header shim doesn't break queries/styles */
.utility-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  text-decoration: none;
}

/* Small utility common in header for visually-hidden text on logos etc */
.logo-link .sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Ensure images used as icons do not affect layout unexpectedly */
.utility-item img,
.utility-item svg {
  width: auto;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

/* Minimal dropdown-menu-wrapper baseline so scripts can query it */
.dropdown-menu-wrapper {
  position: relative;
}

/* Provide a small default for .container used by other includes */
.container {
  box-sizing: border-box;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* Prevent unexpected font fallback: inherit from page or use system default */
.pcs-container, .pcs-container * {
  font-family: var(--pcs-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
}

/* Minimal utility for visually centering a small badge (used by cart-count) */
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}

/* Keep this file intentionally small. If you need more utilities, prefer
   adding only the specific small rules the cart depends on rather than
   importing the whole site header CSS or Tailwind. */