/* Carros Lagarto Core 8.36.0 — UX, acessibilidade e responsividade */
:root {
  --clc-focus: var(--cl-verde-oficial);
  --clc-radius-ui: 10px;
  --clc-touch-min: 44px;
}

.clc-skip-link {
  position: fixed;
  left: 12px;
  top: -100px;
  z-index: 999999;
  background: #111;
  color: #fff !important;
  padding: 12px 16px;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 6px 24px rgba(0,0,0,.25);
}
.clc-skip-link:focus { top: 12px; }

body.clc-ux-836 :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--clc-focus) !important;
  outline-offset: 3px !important;
  box-shadow: none;
}

body.clc-ux-836 :where(button, input[type="button"], input[type="submit"], input[type="reset"], .button, .clc-button, [role="button"]) {
  min-height: var(--clc-touch-min);
}

body.clc-ux-836 :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  min-height: 44px;
  max-width: 100%;
  border-radius: 8px;
}
body.clc-ux-836 textarea { min-height: 112px; }
body.clc-ux-836 :where(label) { line-height: 1.45; }
body.clc-ux-836 :where(.error, .clc-error, .woocommerce-error, [aria-invalid="true"]) {
  scroll-margin-top: 100px;
}

body.clc-ux-836 :where(img, video, iframe) { max-width: 100%; }
body.clc-ux-836 :where(table) { max-width: 100%; }
body.clc-ux-836 .clc-table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.clc-ux-836 :where(.clc-card, .clc-panel, .clc-dashboard-card, .clc-category-card) {
  border-radius: var(--clc-radius-ui);
}

.clc-ux-admin-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  max-width: 1180px;
  margin-top: 20px;
}
.clc-ux-admin-grid section {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}
.clc-ux-admin-grid h2 { margin-top: 0; color: var(--cl-verde-oficial); }

@media (max-width: 900px) {
  .clc-ux-admin-grid { grid-template-columns: 1fr; }
  body.clc-ux-836 :where(.clc-actions, .clc-form-actions) {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  body.clc-ux-836 :where(.clc-actions, .clc-form-actions) > * {
    flex: 1 1 180px;
  }
}

@media (max-width: 600px) {
  body.clc-ux-836 { overflow-wrap: anywhere; }
  body.clc-ux-836 :where(button, .button, .clc-button, input[type="submit"]) {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.clc-ux-836 *,
  body.clc-ux-836 *::before,
  body.clc-ux-836 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}