/*
Theme Name: Proflex Theme
Theme URI: https://proflex.nl
Author: Antigravity Team
Description: Custom WordPress theme integrating Proflex premium front-end.
Version: 1.0.0
*/

/* Global Typography & Legibility Fixes */
.tracking-tighter {
  letter-spacing: 0.01em !important;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0.015em;
  word-spacing: 0.03em;
}

/* Mobile Viewport & Overflow-X Safeguard */
html,
body {
  max-width: 100vw !important;
  overflow-x: hidden !important;
  position: relative !important;
  -webkit-overflow-scrolling: touch;
}

#root {
  max-width: 100vw !important;
  overflow-x: hidden !important;
  position: relative !important;
}

input, textarea, select {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.scrollbar-hide {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none !important;
}

section,
.animate-in {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Mobile Navigation Menu Fonts */
nav.flex.flex-col a,
.font-montserrat,
[class*="font-montserrat"] {
  font-family: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Cart & Modal Close Button Visibility */
button[class*="right-4 top-4"],
[data-radix-collection-item] button[class*="right-4 top-4"],
.z-\[200\] button[class*="right-4 top-4"] {
  color: #ffffff !important;
  background-color: rgba(30, 41, 59, 0.9) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 9999px !important;
  padding: 8px !important;
  opacity: 1 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
  z-index: 250 !important;
}

button[class*="right-4 top-4"]:hover {
  background-color: rgba(51, 65, 85, 1) !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
}

button[class*="right-4 top-4"] svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  stroke-width: 2.5 !important;
  width: 18px !important;
  height: 18px !important;
}

/* Toaster Positioning to Avoid WhatsApp Button Overlap */
[data-sonner-toaster] {
  bottom: 85px !important;
  z-index: 99999 !important;
}

/* Configurator Dimension Inputs Baseline Alignment */
.grid-cols-2 input[type="number"],
.grid-cols-3 input[type="number"] {
  height: 48px !important;
  box-sizing: border-box !important;
}