/* Layihəyə xas əlavələr - dizaynın style.css faylı toxunulmur ki,
   dizayner yeni versiya verəndə fayl olduğu kimi əvəzlənə bilsin. */

/* AJAX formalarının uğur mesajı (.form-error-in cütü) */
.form-success {
  display: block;
  margin: 12px 0;
  padding: 10px 14px;
  border-radius: 8px;
  background: rgba(46, 125, 50, 0.08);
  color: #2e7d32;
  font-size: 14px;
  line-height: 1.5;
}

[data-form-message][hidden] {
  display: none !important;
}

form.is-loading [type="submit"] {
  opacity: 0.6;
  cursor: progress;
}

/* OTP səhifəsində yenidən göndərmə forması - düymə link kimi görünür */
.auth__resend-form {
  display: inline;
}

.auth__resend-form[hidden] {
  display: none;
}

@media (max-width: 575.98px) {
  .form-success {
    font-size: 13px;
  }
}

/* Kabinet: e-poçt dəyişib hələ təsdiqlənməyəndə (profile-card__verified-in cütü) */
.profile-card__unverified {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #b26a00;
}

/* Kabinet sidebar: müştəri nömrəsi (ad ilə «üzv tarixi» arasında) */
.account-sidebar__customer {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--primary);
}

/* Yalnız oxunan sahə (müştəri nömrəsi) redaktə olunan sahələrdən seçilsin */
.field__input[readonly] {
  cursor: default;
  opacity: 0.75;
}

/* ===================== Dərslər modulu ===================== */

/* Kartda və detalda köhnə (endirimsiz) qiymət */
.course-card__price strong {
  font-weight: 600;
}

.course-card__old-price,
.info-card__old-price {
  margin-left: 6px;
  opacity: 0.55;
  font-size: 0.9em;
}

/* Redaktordan gələn təsvir (SafeHtml ilə təmizlənib) */
.detail__content {
  margin-top: 24px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.detail__content p,
.detail__content ul,
.detail__content ol {
  margin-bottom: 14px;
}

/* Şablonun reset-i siyahı markerini silir - redaktordakı siyahı mətndə adi sətirlərə dönürdü */
.detail__content ul,
.detail__content ol {
  padding-left: 1.25em;
}

.detail__content ul {
  list-style: disc;
}

.detail__content ol {
  list-style: decimal;
}

.detail__content li {
  list-style: inherit;
}

.detail__content h2,
.detail__content h3,
.detail__content h4 {
  margin: 22px 0 10px;
  line-height: 1.25;
}

.detail__content img {
  max-width: 100%;
  height: auto;
}

.detail__content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.detail__notice {
  margin: 16px 0 0;
  padding: 10px 14px;
  border-radius: 8px;
  background: rgba(198, 40, 40, 0.07);
  color: #b71c1c;
  font-size: 14px;
}

/* Boş siyahı (dərs yoxdur / alınmış dərs yoxdur / video hazırlanır) */
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 48px 16px;
  text-align: center;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  border-radius: 12px;
}

.empty-state__text {
  max-width: 460px;
  margin: 0;
  opacity: 0.75;
}

/* Böyük boş vəziyyət (masterklas siyahısı): kart + qızılı ikon + başlıq + düymələr */
.empty-state--feature {
  gap: 14px;
  max-width: 720px;
  margin: 0 auto;
  padding: 64px 40px;
  border: 1px solid rgba(197, 168, 128, 0.35);
  border-radius: var(--radius-lg, 14px);
  background:
    radial-gradient(circle at 50% 0%, rgba(197, 168, 128, 0.18), transparent 60%),
    var(--panel, #F4F0E8);
  box-shadow: 0 24px 60px -32px rgba(59, 47, 35, 0.35);
}

.empty-state__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 84px;
  margin-bottom: 6px;
  border: 1px solid rgba(197, 168, 128, 0.5);
  border-radius: 50%;
  background: var(--white, #fff);
  color: var(--gold-dark, #8F7650);
  box-shadow: 0 0 0 10px rgba(197, 168, 128, 0.12);
}

.empty-state__icon .icon {
  width: 34px;
  height: 34px;
}

.empty-state__eyebrow {
  font-family: var(--f-body-sb, inherit);
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold-dark, #8F7650);
}

.empty-state__title {
  margin: 0;
  font-family: var(--f-title-md, serif);
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 500;
  line-height: 1.1;
  color: var(--ink-dark, #3B2F23);
}

.empty-state--feature .empty-state__text {
  max-width: 520px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink, #4D3D2D);
  opacity: 1;
}

.empty-state__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 12px;
}

/* Siyahı səhifələməsi */
.site-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.site-pagination .is-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.site-pagination__info {
  font-variant-numeric: tabular-nums;
}

/* Kabinet: bitmiş / başlamamış giriş */
.purchase-card--inactive .purchase-card__media img {
  filter: grayscale(0.8);
  opacity: 0.7;
}

.purchase-card--inactive .purchase-card__access-dot {
  background: #9e9e9e;
}

/* Uğursuz ödəniş kartı */
.success-card--failed .success-card__seal {
  background: rgba(198, 40, 40, 0.1);
  color: #c62828;
}

@media (max-width: 575.98px) {
  .site-pagination {
    gap: 10px;
  }

  .empty-state {
    padding: 32px 12px;
  }

  .empty-state--feature {
    padding: 40px 20px;
  }

  .empty-state__icon {
    width: 68px;
    height: 68px;
  }

  .empty-state__actions,
  .empty-state__actions .button {
    width: 100%;
  }
}