/**
 * Buttons — design token tabanlı; WP core .button ile çakışmayı önlemek için .awp-btn kullanılır.
 * Geriye dönük: .ders-notu-admin-button, .ders-notu-admin-button-primary
 */

.ders-notu-admin-wrap .awp-btn,
#awp-printwise-root .awp-btn,
.awp-ui .awp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  margin: 0;
  border-radius: var(--radius-md);
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: 1.25;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}

.ders-notu-admin-wrap .awp-btn:disabled,
#awp-printwise-root .awp-btn:disabled,
.awp-ui .awp-btn:disabled,
.ders-notu-admin-wrap .awp-btn.is-disabled,
#awp-printwise-root .awp-btn.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}

/* Sarmalayıcı içi kısa isim (yalnızca .awp-ui altında) */
.awp-ui .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  border: 1px solid transparent;
  text-decoration: none;
}

.ders-notu-admin-wrap .awp-btn--primary,
.ders-notu-admin-wrap .ders-notu-admin-button-primary,
.ders-notu-admin-wrap a.ders-notu-admin-button-primary,
.awp-ui .btn.btn-primary {
  background: var(--wp-admin-theme-color, #2271b1);
  color: #fff !important;
  border-color: var(--wp-admin-theme-color, #2271b1);
  box-shadow: var(--shadow-sm);
}

#awp-printwise-root .awp-btn--primary {
  background: var(--color-primary, #2563eb);
  color: #fff !important;
  border-color: var(--color-primary, #2563eb);
  box-shadow: var(--shadow-sm);
}

.ders-notu-admin-wrap .awp-btn--primary:hover:not(:disabled),
.ders-notu-admin-wrap .ders-notu-admin-button-primary:hover,
.ders-notu-admin-wrap a.ders-notu-admin-button-primary:hover {
  filter: brightness(1.05);
}

#awp-printwise-root .awp-btn--primary:hover:not(:disabled) {
  filter: brightness(1.05);
}

.ders-notu-admin-wrap .awp-btn--secondary,
#awp-printwise-root .awp-btn--secondary,
.awp-ui .btn.btn-secondary {
  background: #f3f4f6;
  color: var(--color-text);
  border-color: var(--color-border);
}

.ders-notu-admin-wrap .awp-btn--secondary:hover:not(:disabled),
#awp-printwise-root .awp-btn--secondary:hover:not(:disabled) {
  background: #e5e7eb;
}

.ders-notu-admin-wrap .awp-btn--ghost,
#awp-printwise-root .awp-btn--ghost {
  background: transparent;
  color: var(--color-primary);
  border-color: transparent;
}

.ders-notu-admin-wrap .awp-btn:focus-visible,
#awp-printwise-root .awp-btn:focus-visible,
.ders-notu-admin-wrap .ders-notu-admin-button-primary:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Varsayılan ikincil çubuk butonları */
.ders-notu-admin-wrap .ders-notu-admin-button:not(.ders-notu-admin-button-primary) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  border: 1px solid var(--color-border);
  background: #f6f7f7;
  color: var(--color-text);
  text-decoration: none;
  cursor: pointer;
}

.ders-notu-admin-wrap .ders-notu-admin-button:not(.ders-notu-admin-button-primary):hover {
  background: #f0f0f1;
}

.ders-notu-admin-wrap .ders-notu-admin-button:active,
.ders-notu-admin-wrap .ders-notu-admin-button-primary:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}