.button,
.ua-button,
:where(.ua-smm-theme) .wp-element-button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: var(--ua-space-2);
  padding: .75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: var(--ua-radius-md);
  background: var(--ua-gradient-brand);
  color: #fff;
  box-shadow: var(--ua-shadow-brand);
  font-size: var(--ua-font-size-sm);
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: transform var(--ua-transition-fast), box-shadow var(--ua-transition-fast), filter var(--ua-transition-fast);
}

.button:hover,
.ua-button:hover,
:where(.ua-smm-theme) .wp-element-button:hover {
  color: #fff;
  filter: saturate(1.06) brightness(.98);
  transform: translateY(-2px);
}

.button:active,
.ua-button:active,
:where(.ua-smm-theme) .wp-element-button:active {
  transform: translateY(0);
}

.ua-button--secondary {
  border-color: rgba(98, 102, 238, .18);
  background: var(--ua-color-violet-soft);
  color: var(--ua-color-violet-hover);
  box-shadow: none;
}

.ua-button--secondary:hover {
  background: #e6e8ff;
  color: var(--ua-color-violet-hover);
}

.ua-button--ghost {
  border-color: var(--ua-color-line);
  background: rgba(255, 255, 255, .74);
  color: var(--ua-color-ink);
  box-shadow: var(--ua-shadow-xs);
}

.ua-button--block { width: 100%; }
.ua-button--small { min-height: 40px; padding: .55rem .9rem; }
.ua-button--large { min-height: 56px; padding: .9rem 1.5rem; }

.ua-card,
.content-card {
  position: relative;
  min-width: 0;
  padding: clamp(1.1rem, 2.4vw, 1.75rem);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .92);
  border-radius: var(--ua-radius-lg);
  background: rgba(255, 255, 255, .94);
  box-shadow: var(--ua-shadow-sm);
}

.ua-card--interactive {
  transition: transform var(--ua-transition), box-shadow var(--ua-transition), border-color var(--ua-transition);
}

.ua-card--interactive:hover {
  border-color: rgba(98, 102, 238, .16);
  box-shadow: var(--ua-shadow-md);
  transform: translateY(-4px);
}

.ua-card--accent {
  border-color: rgba(98, 102, 238, .18);
  background: linear-gradient(145deg, #f3f4ff, #fff5f8);
}

.ua-card--violet {
  border-color: rgba(255, 255, 255, .16);
  background: var(--ua-gradient-accent);
  color: rgba(255, 255, 255, .86);
}

.ua-card--violet :where(h2, h3, h4, a) {
  color: #fff;
}

.ua-card__eyebrow,
.ua-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--ua-space-2);
  margin: 0 0 var(--ua-space-3);
  color: var(--ua-color-brand);
  font-size: var(--ua-font-size-xs);
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.ua-card__title { margin-bottom: var(--ua-space-2); }
.ua-card__text { margin: 0; color: var(--ua-color-muted); }

.ua-badge {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  gap: .4rem;
  padding: .3rem .7rem;
  border: 1px solid rgba(255, 47, 104, .15);
  border-radius: var(--ua-radius-pill);
  background: var(--ua-color-brand-soft);
  color: var(--ua-color-brand-hover);
  font-size: var(--ua-font-size-xs);
  font-weight: 700;
  line-height: 1.2;
}

.ua-badge--violet {
  border-color: rgba(98, 102, 238, .14);
  background: var(--ua-color-violet-soft);
  color: var(--ua-color-violet-hover);
}

.ua-field {
  display: grid;
  gap: var(--ua-space-2);
  min-width: 0;
}

.ua-label {
  color: var(--ua-color-ink);
  font-size: var(--ua-font-size-sm);
  font-weight: 700;
  line-height: 1.35;
}

.ua-help {
  margin: 0;
  color: var(--ua-color-muted);
  font-size: var(--ua-font-size-xs);
  line-height: 1.45;
}

.ua-input,
.ua-select,
.ua-textarea {
  width: 100%;
  min-width: 0;
  min-height: 50px;
  padding: .75rem 1rem;
  border: 1px solid var(--ua-color-line);
  border-radius: var(--ua-radius-md);
  outline: 0;
  background: var(--ua-color-surface);
  color: var(--ua-color-ink);
  box-shadow: var(--ua-shadow-xs);
  font-size: 16px;
  transition: border-color var(--ua-transition-fast), box-shadow var(--ua-transition-fast);
}

.ua-textarea {
  min-height: 130px;
  resize: vertical;
}

.ua-input:focus,
.ua-select:focus,
.ua-textarea:focus {
  border-color: var(--ua-color-violet);
  box-shadow: var(--ua-focus-ring);
}

.ua-input::placeholder,
.ua-textarea::placeholder {
  color: var(--ua-color-subtle);
  opacity: 1;
}

.ua-input:disabled,
.ua-select:disabled,
.ua-textarea:disabled {
  background: #eef0f5;
  color: var(--ua-color-muted);
  cursor: not-allowed;
}

.ls-breadcrumbs {
  width: min(var(--ua-container), calc(100% - (var(--ua-gutter) * 2)));
  max-width: 100%;
  min-width: 0;
  margin: var(--ua-space-5) auto;
}

.ls-breadcrumbs > .elementor-widget-container {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: .55rem .75rem;
  overflow: hidden;
  border: 1px solid rgba(98, 102, 238, .12);
  border-radius: var(--ua-radius-md);
  background: rgba(255, 255, 255, .86);
  box-shadow: var(--ua-shadow-xs);
}

.ls-breadcrumbs > .elementor-widget-container::before {
  content: "";
  width: 4px;
  height: 22px;
  flex: 0 0 4px;
  margin-inline-end: .65rem;
  border-radius: var(--ua-radius-pill);
  background: linear-gradient(180deg, var(--ua-color-brand), var(--ua-color-violet));
}

.ls-breadcrumbs .rank-math-breadcrumb,
.ls-breadcrumbs .rank-math-breadcrumb p {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.ls-breadcrumbs .rank-math-breadcrumb p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  font-size: var(--ua-font-size-xs);
  line-height: 1.4;
}

.ls-breadcrumbs .rank-math-breadcrumb a {
  display: inline-flex;
  padding: .25rem .5rem;
  border-radius: .45rem;
  background: var(--ua-color-brand-soft);
  color: var(--ua-color-brand-hover);
  font-weight: 700;
  text-decoration: none;
}

.ls-breadcrumbs .separator {
  width: 8px;
  height: 8px;
  overflow: hidden;
  border-top: 1.5px solid var(--ua-color-subtle);
  border-right: 1.5px solid var(--ua-color-subtle);
  color: transparent;
  font-size: 0;
  transform: rotate(45deg);
}

.ls-breadcrumbs .last {
  min-width: 0;
  color: var(--ua-color-text);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.ua-notice {
  padding: .85rem 1rem;
  border: 1px solid var(--ua-color-line);
  border-radius: var(--ua-radius-md);
  background: var(--ua-color-surface);
  color: var(--ua-color-text);
  font-size: var(--ua-font-size-sm);
}

.ua-notice--success { border-color: rgba(20, 150, 111, .24); background: #effbf7; color: #0f7659; }
.ua-notice--warning { border-color: rgba(198, 122, 19, .24); background: #fff8ea; color: #89540d; }
.ua-notice--danger { border-color: rgba(198, 63, 88, .24); background: #fff1f4; color: #9e3045; }

@media (max-width: 640px) {
  .button,
  .ua-button,
  :where(.ua-smm-theme) .wp-element-button {
    min-height: 48px;
  }

  .ls-breadcrumbs {
    margin-block: var(--ua-space-3);
  }

  .ls-breadcrumbs > .elementor-widget-container {
    padding: .5rem .6rem;
  }
}