/* Entekhab Moaser UI System — shared design tokens and safe component layer */
body.em-ui-system-enabled {
  background-color: var(--em-ui-background);
  color: var(--em-ui-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.em-ui-system-enabled .em-container,
body.em-ui-system-enabled .em-test-container,
body.em-ui-system-enabled .em-ui-container {
  width: min(calc(100% - 32px), var(--em-ui-container));
  margin-inline: auto;
}

body.em-ui-system-enabled :where(.em-page,.em-test-shell,.em-ui) {
  font-family: var(--em-ui-font-body);
  color: var(--em-ui-text);
}

body.em-ui-system-enabled :where(.em-page,.em-test-shell,.em-ui) :where(h1,h2,h3,h4,h5,h6) {
  font-family: var(--em-ui-font-heading);
  color: var(--em-ui-text);
  margin-block-start: 0;
}

body.em-ui-system-enabled :where(.em-card,.em-test-card,.em-summary,.em-section,.em-note,.em-warning,.em-success,.em-cta,.em-test-panel) {
  border-color: var(--em-ui-border);
}

body.em-ui-system-enabled :where(.em-card,.em-test-card,.em-summary,.em-cta,.em-test-panel) {
  border-radius: var(--em-ui-radius-lg);
  box-shadow: var(--em-ui-shadow);
  background: var(--em-ui-surface);
}

body.em-ui-system-enabled :where(.em-btn,.em-test-btn,.em-test-card-button,.elementor-button) {
  font-family: var(--em-ui-font-body);
  border-radius: var(--em-ui-radius-sm);
}

body.em-ui-system-enabled :where(.em-btn-primary,.em-test-btn-primary,.em-test-card-button) {
  background: linear-gradient(135deg,var(--em-ui-primary),var(--em-ui-primary-dark));
  color: #fff;
}

body.em-ui-system-enabled :where(.em-badge,.em-test-badge,.em-kicker) {
  color: var(--em-ui-primary);
  border-color: color-mix(in srgb,var(--em-ui-primary) 25%,transparent);
  background: color-mix(in srgb,var(--em-ui-primary) 7%,#fff);
}

body.em-ui-system-enabled :where(a) {
  text-underline-offset: .18em;
}

body.em-ui-system-enabled :where(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid color-mix(in srgb,var(--em-ui-primary) 28%,transparent);
  outline-offset: 3px;
}

@media (max-width: 767px) {
  body.em-ui-system-enabled .em-container,
  body.em-ui-system-enabled .em-test-container,
  body.em-ui-system-enabled .em-ui-container {
    width: min(calc(100% - 24px), var(--em-ui-container));
  }
}