/**
 * app/templates/saglayici/profil.html — sayfaya özel yüzeyler.
 */

.hp-sp-trust-banner-card {
  background: linear-gradient(135deg, rgba(13, 110, 253, 0.08) 0%, rgba(255, 255, 255, 1) 60%);
}

.hp-sp-ogretmen-hero-strip {
  background: linear-gradient(115deg, #0a1a42 0%, #132d6b 45%, #1e56d9 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.hp-sp-sticky-sidebar {
  top: 1rem;
  z-index: 1;
}

.hp-sp-profile-map {
  height: 200px;
}

.hp-sp-trust-aside {
  top: 1rem;
  background: linear-gradient(180deg, #0b1f4a 0%, #152a5c 100%);
}

.hp-sp-vcard-preview {
  background: linear-gradient(135deg, #0d6efd 0%, #3b82f6 45%, #0ea5e9 100%);
  border-radius: 16px;
}

.hp-profile-tabs .list-group-item,
.hp-profile-content .card,
#profil-sidebar .card {
  overflow-wrap: anywhere;
}

.hp-profile-tabs .list-group-item {
  display: flex;
  align-items: center;
  min-height: 44px;
}

.hp-profile-content .card-header h5,
.hp-profile-content .card-header h6 {
  line-height: 1.35;
}

.hp-profile-content .btn,
#profil-sidebar .btn {
  white-space: normal;
}

@media (max-width: 767.98px) {
  .hp-sp-sticky-sidebar,
  .hp-sp-trust-aside {
    position: static !important;
  }

  .hp-ogretmen-hero {
    padding: 1.25rem !important;
  }

  .hp-profile-content > .card > .card-header {
    align-items: flex-start !important;
  }

  #profil-sidebar .d-grid .btn,
  .hp-profile-content .card-header .btn {
    width: 100%;
  }
}