/*
Theme Name: Coolmate D2C Theme
Theme URI: https://coolmate.me
Author: Antigravity Team
Author URI: https://coolmate.me
Description: Clean, High-performance D2C E-commerce theme inspired by Coolmate.me, built for WooCommerce and ACF Pro.
Version: 1.0.0
Text Domain: coolmate
Requires PHP: 8.0
Requires at least: 6.0
*/

:root {
  --cm-blue: #0066ff;
  --cm-blue-dark: #1e3a8a;
  --cm-dark: #111827;
  --cm-gray-50: #f9fafb;
  --cm-gray-100: #f3f4f6;
  --cm-gray-200: #e5e7eb;
  --cm-gray-600: #4b5563;
  --cm-gray-900: #111827;
  --cm-accent-red: #ff3355;
  --cm-accent-yellow: #f59e0b;
}

html, body {
  overflow-x: hidden !important;
  width: 100%;
  max-width: 100vw;
  box-sizing: border-box;
}

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

body {
  font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: var(--cm-dark);
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

.cm-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Header & Logo Constraints */
header img[alt="ONEWEAR"],
.cm-header-logo img,
header .group img {
  max-height: 40px !important;
  height: 36px !important;
  width: auto !important;
  max-width: 160px !important;
  object-fit: contain !important;
  display: inline-block !important;
}

/* Product Card Strict Image Proportions */
.product-card {
  box-sizing: border-box;
}

.product-card img {
  object-fit: cover !important;
  object-position: top center !important;
}

/* Category Filter Pills Scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}