/* ==========================================================================
   Premium materiallar — incə, elit vizual dil
   ========================================================================== */

/* --- Paylaşılan badge --- */
.content-badge--premium,
.badge-premium,
.material-badge--premium,
.hero-slide-premium {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  font-size: 9px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  line-height: 1.2;
  color: var(--premium-text);
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--premium-border-soft);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.content-badge--premium i,
.badge-premium i,
.material-badge--premium i,
.hero-slide-premium i {
  font-size: 8px;
  color: var(--premium-accent);
  opacity: 0.92;
}

/* Hero slider — tünd fon üzərində */
.home-hero .hero-slide-premium {
  background: rgba(22, 20, 18, 0.55);
  border-color: rgba(201, 173, 126, 0.38);
  color: var(--premium-accent-light);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.home-hero .hero-slide-premium i {
  color: var(--premium-accent-light);
}

/* --- Grid kartları --- */
.material-grid .content-item.is-premium,
.material-grid .content-item:has(.content-badge--premium) {
  position: relative;
  border-color: var(--premium-border-soft);
  background: linear-gradient(180deg, var(--premium-tint) 0%, var(--color-surface) 28%);
  box-shadow: 0 4px 18px var(--premium-glow), var(--shadow-card);
}

.material-grid .content-item.is-premium::before,
.material-grid .content-item:has(.content-badge--premium)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 12%;
  right: 12%;
  height: 1px;
  z-index: 3;
  background: linear-gradient(
    90deg,
    transparent,
    var(--premium-accent-light) 35%,
    var(--premium-accent) 50%,
    var(--premium-accent-light) 65%,
    transparent
  );
  opacity: 0.75;
  pointer-events: none;
}

.material-grid .content-item.is-premium:hover,
.material-grid .content-item:has(.content-badge--premium):hover {
  border-color: var(--premium-border);
  box-shadow: 0 10px 28px var(--premium-glow), 0 4px 16px rgba(126, 142, 177, 0.12);
}

.material-grid .content-item.is-premium .content-details h2 a,
.material-grid .content-item:has(.content-badge--premium) .content-details h2 a {
  color: var(--color-text);
}

.material-grid .content-item.is-premium:hover .content-details h2 a,
.material-grid .content-item:has(.content-badge--premium):hover .content-details h2 a {
  color: var(--premium-accent-dark);
}

.material-grid .content-details .badge-premium,
.material-grid .content-details p.badge-premium {
  width: fit-content;
  margin: 0 0 var(--space-xs);
}

.material-grid .content-badge--premium,
.material-grid .content-details .badge-premium,
.material-grid .content-details p.badge-premium {
  position: static;
  top: auto;
  right: auto;
}

.material-grid .content-badge--premium {
  position: absolute;
  top: 10px;
  right: 10px;
}

.material-grid .content-details .badge-premium,
.material-grid .content-details p.badge-premium {
  display: inline-flex;
}

/* --- Material detal səhifəsi --- */
.fullstory-article.material-page.is-premium,
.fullstory-article.material-page:has(.material-badge--premium) {
  border-color: var(--premium-border-soft);
  box-shadow: 0 6px 28px var(--premium-glow), var(--shadow-card);
}

.fullstory-article.material-page.is-premium .material-hero,
.fullstory-article.material-page:has(.material-badge--premium) .material-hero {
  background:
    linear-gradient(165deg, var(--premium-tint-strong) 0%, rgba(0, 143, 84, 0.03) 42%, var(--color-surface) 72%);
  border-bottom-color: rgba(168, 137, 92, 0.12);
}

.fullstory-article.material-page.is-premium .material-title,
.fullstory-article.material-page:has(.material-badge--premium) .material-title {
  text-shadow: none;
}

.material-download-head .material-badge--premium {
  flex-shrink: 0;
}

.material-download-desc--premium {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-primary-dark);
  font-weight: 600;
}

.material-download-desc--premium i {
  color: var(--premium-gold, #a8895c);
  font-size: 0.85em;
}

/* Premium gate — kilid ekranı */
.material-premium-gate,
.fullstory-article .material-premium-gate.premium-notice {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-xl) var(--space-lg);
  margin: 0;
  text-align: center;
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.98) 0%, var(--color-surface) 100%);
  border: 1px solid var(--premium-border-soft);
  border-radius: var(--radius-md);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.material-premium-gate::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20%;
  right: 20%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--premium-accent-light), transparent);
  opacity: 0.8;
}

.material-premium-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--premium-tint);
  border: 1px solid var(--premium-border-soft);
  color: var(--premium-accent);
  font-size: 1.15rem;
}

.material-premium-text strong {
  display: block;
  margin-bottom: 6px;
  font-size: var(--font-md);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text);
}

.material-premium-text p {
  margin: 0;
  max-width: 36ch;
  font-size: var(--font-sm);
  line-height: var(--leading-relaxed);
  color: var(--color-text-muted);
}

.btn-premium,
.material-premium-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 var(--space-lg);
  border-radius: var(--radius-md);
  font-size: var(--font-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.02em;
  text-transform: none;
  text-decoration: none;
  color: var(--premium-accent-light);
  background: linear-gradient(145deg, #2e2822 0%, #1f1b17 100%);
  border: 1px solid rgba(201, 173, 126, 0.35);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.btn-premium i,
.material-premium-cta i {
  font-size: 0.85em;
  color: var(--premium-accent-light);
  opacity: 0.9;
}

.btn-premium:hover,
.material-premium-cta:hover {
  color: #fff;
  border-color: var(--premium-accent);
  box-shadow: 0 6px 20px var(--premium-glow);
  transform: translateY(-1px);
}

.premium-notice:not(.material-premium-gate) {
  background: var(--color-surface);
  border: 1px solid var(--premium-border-soft);
  border-left: 3px solid var(--premium-accent);
  border-radius: var(--radius-md);
}

@media (min-width: 768px) {
  .material-premium-gate {
    flex-direction: row;
    text-align: left;
    align-items: center;
    padding: var(--space-lg) var(--space-xl);
  }

  .material-premium-text p {
    max-width: none;
  }

  .material-premium-cta {
    width: auto;
    min-width: 180px;
    flex-shrink: 0;
  }
}