/* cv-detail.php — aktiv "CV Tema" abunəliyi olan istifadəçilər üçün tətbiq olunan stillər.
 * Bütün qaydalar yalnız .cv-themed wrapper-i daxilində işləyir, ona görə temasız CV-lərə
 * heç bir təsiri yoxdur. Faktiki dəyərlər PHP tərəfindən inline CSS dəyişənləri kimi
 * .cv-themed elementinə yazılır (bax: cv-detail.php → $cvThemeStyleVars). */

.cv-themed{
  background: var(--cvt-page-bg, transparent) !important;
  transition: background .2s ease;
}

.cv-themed .cv-hero-header,
.cv-themed .detail-card{
  background: var(--cvt-card-bg, inherit) !important;
  border-radius: var(--cvt-radius, inherit) !important;
  box-shadow: var(--cvt-shadow, inherit) !important;
}

.cv-themed .cv-hero-header{
  border-bottom-color: transparent !important;
}

.cv-themed .cv-hero-info,
.cv-themed .detail-card{
  font-family: var(--cvt-font, inherit) !important;
  font-size: var(--cvt-font-size, inherit) !important;
}

.cv-themed .cv-hero-top h1,
.cv-themed .detail-card h2{
  color: var(--cvt-heading, inherit) !important;
}

.cv-themed .cv-hero-info .role-tag,
.cv-themed .detail-card p,
.cv-themed .detail-card li,
.cv-themed .cv-summary-text,
.cv-themed .cv-timeline-item p{
  color: var(--cvt-text, inherit) !important;
}

.cv-themed .cv-hero-actions .btn-primary,
.cv-themed .detail-card .btn-primary{
  background: var(--cvt-button, var(--color-primary)) !important;
  border-color: var(--cvt-button, var(--color-primary)) !important;
}

/* Profil şəkli çərçivəsi və tema/VIP nişanı */
.cv-themed .cv-hero-avatar-wrap{
  position: relative;
}
.cv-themed .cvt-frame-img{
  position: absolute;
  inset: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  pointer-events: none;
  object-fit: contain;
}
.cv-themed .cvt-badge-img{
  position: absolute;
  top: -4px;
  right: -4px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: var(--shadow-sm);
  object-fit: cover;
  background: #fff;
  z-index: 2;
}

@media (max-width: 480px){
  .cv-themed .cvt-badge-img{
    width: 26px;
    height: 26px;
  }
}