/**
 * Chompoonut Clinic - Polish 2026 (Unlocked for Elementor Editing)
 * Preserves typography smoothing, layout stability, and mobile touch targets.
 * ALL COLORS UNLOCKED - Fully editable in Elementor Editor.
 */

/* 1. Typography & Readability */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body, p, .elementor-text-editor {
  line-height: 1.75;
  letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  letter-spacing: -0.015em;
  font-weight: 700;
}

/* Ensure Heading Links inherit color configured in Elementor */
.elementor-heading-title a {
  color: inherit !important;
  text-decoration: none;
}

/* 2. Micro-interactions & Smooth Transitions (No Color Overrides) */
.elementor-widget-icon-box .elementor-icon-box-wrapper {
  border-radius: 16px;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

@media (min-width: 1025px) {
  .elementor-element-b7dc9d3:hover,
  .elementor-element-0a86ae3:hover,
  .elementor-element-aed0043:hover,
  .elementor-element-574c157:hover {
    transform: translateY(-4px);
  }
}

/* 3. Review Tabs Horizontal Scroll for Mobile (Layout only) */
.elementor-widget-nested-tabs .e-n-tabs-heading {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  gap: 8px !important;
  padding: 6px 4px 14px 4px !important;
  justify-content: flex-start !important;
}

.elementor-widget-nested-tabs .e-n-tabs-heading::-webkit-scrollbar {
  display: none;
}

.elementor-widget-nested-tabs .e-n-tab-title {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  border-radius: 24px;
}

/* 4. Mobile Touch Targets (Accessibility without color locking) */
@media (max-width: 768px) {
  .elementor-button,
  .elementor-nav-menu--dropdown a,
  .wpbf-nav a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}