/**
 * Critical CSS — ilk boyamada: layout, tipografi iskeleti, temel formlar, ana yapı.
 * Ayrıntılı bileşenler: components/*.css | Tipografi yardımcıları: typography.css
 */

/* -------------------------------------------------------------------------- */
/* Kutu modeli                                                                 */
/* -------------------------------------------------------------------------- */

.ders-notu-admin-wrap,
#awp-printwise-root {
  box-sizing: border-box;
}

.ders-notu-admin-wrap *,
.ders-notu-admin-wrap *::before,
.ders-notu-admin-wrap *::after,
#awp-printwise-root *,
#awp-printwise-root *::before,
#awp-printwise-root *::after {
  box-sizing: inherit;
}

/* -------------------------------------------------------------------------- */
/* Tipografi (sarmalayıcı kök)                                                 */
/* -------------------------------------------------------------------------- */

#awp-printwise-root,
.ders-notu-admin-wrap {
  font-family: var(--font-family-base, var(--font-family, inherit));
  font-size: var(--font-size-md, var(--font-size-base, 14px));
  line-height: var(--line-height-base, 1.5);
  color: var(--color-text);
}

#awp-printwise-root h1,
.ders-notu-admin-wrap h1 {
  font-family: var(--font-family-heading, var(--font-family-base, inherit));
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-bold, 600);
  line-height: 1.25;
  color: var(--color-text);
}

#awp-printwise-root h2,
.ders-notu-admin-wrap h2 {
  font-family: var(--font-family-heading, var(--font-family-base, inherit));
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-bold, 600);
  line-height: 1.25;
  color: var(--color-text);
}

#awp-printwise-root h3,
.ders-notu-admin-wrap h3 {
  font-family: var(--font-family-heading, var(--font-family-base, inherit));
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold, 600);
  line-height: 1.25;
  color: var(--color-text);
}

/* Form motoru: genel h2 kuralı font-size vermez; tema yine de h2 boyutunu zorlarsa üstteki enqueue son bloğu kazanır */
#awp-printwise-root.awp-form-engine-page .awp-fe-layout__intro h2.awp-fe-heading {
  font-size: var(--font-size-display);
  font-weight: 900;
  line-height: 1.3;
}

/* -------------------------------------------------------------------------- */
/* Ana yapı — admin (admin.css ile uyumlu iskelet; erken düzen)                */
/* -------------------------------------------------------------------------- */

.ders-notu-admin-wrap .ders-notu-admin-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-4, 24px);
  max-width: 100%;
  margin-top: var(--space-3, 16px);
}

.ders-notu-admin-wrap .ders-notu-admin-content {
  flex: 1 1 auto;
  min-width: 0;
}

.ders-notu-admin-wrap .ders-notu-admin-container-no-sidebar .ders-notu-admin-content {
  width: 100%;
  max-width: 100%;
}

.ders-notu-admin-wrap .ders-notu-admin-logo-header {
  width: 100%;
}

.ders-notu-admin-wrap .ders-notu-admin-form {
  width: 100%;
  max-width: 100%;
}

/* -------------------------------------------------------------------------- */
/* Hesaplayıcı kök — temel akış                                                */
/* -------------------------------------------------------------------------- */

#awp-printwise-root {
  width: 100%;
  position: relative;
}

/* -------------------------------------------------------------------------- */
/* Temel formlar (native; bileşen .awp-input öncesi tutarlı ilk görünüm)       */
/* -------------------------------------------------------------------------- */

.ders-notu-admin-wrap .ders-notu-admin-form input[type="text"],
.ders-notu-admin-wrap .ders-notu-admin-form input[type="search"],
.ders-notu-admin-wrap .ders-notu-admin-form input[type="url"],
.ders-notu-admin-wrap .ders-notu-admin-form input[type="email"],
.ders-notu-admin-wrap .ders-notu-admin-form input[type="number"],
.ders-notu-admin-wrap .ders-notu-admin-form input[type="password"],
.ders-notu-admin-wrap .ders-notu-admin-form input[type="date"],
.ders-notu-admin-wrap .ders-notu-admin-form input[type="time"],
.ders-notu-admin-wrap .ders-notu-admin-form select,
.ders-notu-admin-wrap .ders-notu-admin-form textarea {
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-2);
  max-width: 100%;
  background: var(--color-surface);
}

.ders-notu-admin-wrap .ders-notu-admin-form textarea {
  min-height: 5rem;
  resize: vertical;
}

.ders-notu-admin-wrap .ders-notu-admin-form label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text);
}