/* =====================================================================
   EIDOK PROFILE 2.0 - a personal homepage: identity, actions, bio, numbers, links
   ===================================================================== */
.profile-header { border-radius: 26px !important; border-top: 1px solid var(--ek-line) !important; overflow: hidden !important; box-shadow: var(--ek-shadow); margin-top: 12px; }
.profile-header { --ek-cover-h: 180px; --ek-av: 116px; }
@media (min-width: 768px) { .profile-header { --ek-cover-h: 280px; --ek-av: 156px; } }
@media (min-width: 1200px) { .profile-header { --ek-cover-h: 320px; --ek-av: 168px; } }
.profile-cover-wrapper { border-radius: 0 !important; }
.profile-cover-wrapper::after { content: ""; position: absolute; inset: auto 0 0 0; height: 45%; background: linear-gradient(transparent, rgba(0, 0, 0, .18)); pointer-events: none; }
.profile-avatar-wrapper:not(.static) { padding: 5px !important; }

.ek-ph-headline { font-size: 15.5px; font-weight: 600; color: var(--ek-text); line-height: 1.45; margin-top: 4px; }
.ek-ph-headline span { color: var(--ek-text-2); margin: 0 2px; }
.ek-ph-headline a { color: var(--ek-brand) !important; font-weight: 700; }
.ek-ph-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; font-size: 13.5px; color: var(--ek-text-2); font-weight: 500; }
.ek-ph-meta > * { display: inline-flex; align-items: center; gap: 5px; color: var(--ek-text-2) !important; text-decoration: none !important; }
.ek-ph-meta a:hover { color: var(--ek-brand) !important; }
.ek-ph-meta svg { flex: none; opacity: .85; }
.ek-ph .ek-newsroom { margin-top: 10px; }

.ek-ph-bottom { border-top: 1px solid var(--ek-line); }
.ek-ph-bio { font-size: 15px; line-height: 1.7; color: var(--ek-text); white-space: normal; word-break: break-word; }
.ek-ph-stats { margin: 0 !important; gap: 0 !important; }
.ek-ph-stats a { min-width: 0 !important; padding: 6px 18px !important; border-radius: 12px; }
.ek-ph-stats a + a { border-left: 1px solid var(--ek-line); border-radius: 0; }
.ek-ph-stats strong { font-size: 20px !important; }
.ek-ph-social { display: flex; flex-wrap: wrap; gap: 8px; }
.ek-ph-social a { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px 0 10px; border-radius: 999px; border: 1px solid var(--ek-line); background: var(--ek-surface); color: var(--ek-text) !important; font-size: 13.5px; font-weight: 700; text-decoration: none !important; transition: transform .15s, border-color .15s; }
.ek-ph-social a:hover { transform: translateY(-1px); border-color: var(--ek-brand); }
.ek-ph-social .svg-container { width: 18px !important; height: 18px !important; }

.profile-buttons-wrapper.ek-ph-actions, .ek-ph-top .profile-buttons-wrapper { padding: 0 !important; }
.ek-share-profile svg { flex: none; }

/* ---------- phones & tablets: centred card ---------- */
@media (max-width: 991.98px) {
  .ek-ph-top { display: flex; flex-direction: column; align-items: center; text-align: center; }
  .ek-ph-id { width: 100%; padding: 0 18px; }
  .ek-ph-meta { justify-content: center; }
  .ek-ph-top .profile-buttons-wrapper { padding: 16px 16px 18px !important; }
  .ek-ph-bottom { padding: 16px 18px 20px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
  .ek-ph-bio { max-width: 560px; }
  .ek-ph-stats { justify-content: center; }
  .ek-ph-social { justify-content: center; }
}
@media (max-width: 575.98px) {
  .profile-header { border-radius: 0 0 24px 24px !important; margin-top: 0; border-left: 0 !important; border-right: 0 !important; }
  .ek-ph-stats a { padding: 6px 12px !important; }
  .ek-ph-top .profile-buttons-wrapper .btn { height: 40px; padding: 0 16px; }
}

/* ---------- desktop: avatar left on the cover, identity beside it, actions right ---------- */
@media (min-width: 992px) {
  .profile-avatar-wrapper:not(.static) { left: 36px !important; transform: none !important; top: calc(var(--ek-cover-h) - var(--ek-av) * .55) !important; }
  .ek-ph-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 18px 32px 20px calc(var(--ek-av) + 70px); min-height: calc(var(--ek-av) * .45 + 30px); }
  .ek-ph-id { min-width: 0; flex: 1; }
  .ek-ph-top .profile-name-wrapper { padding: 0 !important; text-align: left !important; }
  .ek-ph-top .profile-name-wrapper .profile-name-inner { justify-content: flex-start; }
  .ek-ph-top .profile-name-wrapper a { font-size: 30px !important; }
  .ek-ph .ek-newsroom { margin-left: 0; }
  .ek-ph-top .profile-buttons-wrapper { flex: none; flex-wrap: nowrap; justify-content: flex-end; }
  .ek-ph-bottom { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px 28px; padding: 20px 32px 24px; }
  .ek-ph-bio { grid-column: 1 / -1; max-width: 820px; }
  .ek-ph-stats { justify-content: flex-start; margin-left: -18px !important; }
  .ek-ph-social { justify-content: flex-end; }
}

/* ---------- intro card (CV facts) ---------- */
.ek-intro-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 0 !important; padding: 16px 18px 4px !important; }
.ek-intro-head strong { font-size: 17px; font-weight: 800; }
.ek-intro-head a { font-size: 13px; font-weight: 700; color: var(--ek-brand) !important; }
.ek-intro .about-list li { padding: 7px 0; border: 0; }
.ek-intro .about-list-item { display: flex; align-items: center; gap: 12px; font-size: 14.5px; line-height: 1.45; color: var(--ek-text); }
.ek-intro .about-list-item .svg-container { flex: none; width: 22px !important; height: 22px !important; }
.ek-intro .about-list-item .svg-container svg { width: 22px !important; height: 22px !important; }
.ek-intro .about-list-item .main-icon, .ek-intro .about-list-item .main-icon * { color: var(--ek-brand) !important; }
.ek-intro .about-list-item .text-info { color: var(--ek-text) !important; font-weight: 700; }
.ek-intro .about-list-item .details { font-size: 12.5px; color: var(--ek-text-2); }

/* ---------- share-profile card ---------- */
body.ek-pcard-open { overflow: hidden; }
.ek-pcard-modal { position: fixed; inset: 0; z-index: 2050; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(8, 10, 16, .6); opacity: 0; transition: opacity .2s; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.ek-pcard-modal.show { opacity: 1; }
.ek-pcard-modal[hidden] { display: none; }
.ek-pcard-wrap { position: relative; width: 100%; max-width: 360px; transform: translateY(12px) scale(.98); transition: transform .25s cubic-bezier(.2, .8, .2, 1); }
.ek-pcard-modal.show .ek-pcard-wrap { transform: none; }
.ek-pcard-x { position: absolute; top: -48px; right: 0; width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .16); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.ek-pcard { position: relative; overflow: hidden; border-radius: 28px; background: #fff; color: #0F1419; text-align: center; padding: 0 22px 20px; box-shadow: 0 30px 80px rgba(0, 0, 0, .4); }
.ek-pcard-cover { height: 96px; margin: 0 -22px; background: var(--ek-grad) center/cover no-repeat; }
.ek-pcard-av { width: 92px; height: 92px; margin-top: -46px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 8px 22px rgba(0, 0, 0, .18); background: #fff; }
.ek-pcard-name { margin-top: 10px; font-size: 21px; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 6px; }
.ek-pcard-name .svg-container { width: 18px !important; height: 18px !important; }
.ek-pcard-role { margin-top: 2px; font-size: 14px; color: #536471; line-height: 1.45; }
.ek-pcard-qr { margin: 16px auto 10px; width: 172px; height: 172px; padding: 12px; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 2px #F1E4EC; display: flex; align-items: center; justify-content: center; }
.ek-pcard-qr img, .ek-pcard-qr canvas { width: 148px !important; height: 148px !important; }
.ek-pcard-url { font-size: 14px; font-weight: 800; background: var(--ek-grad); -webkit-background-clip: text; background-clip: text; color: transparent; word-break: break-all; }
.ek-pcard-brand { margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: #8B95A1; }
.ek-pcard-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.ek-pcard-actions > * { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 6px; border-radius: 18px; border: 0; background: rgba(255, 255, 255, .95); color: #0F1419 !important; font-size: 12.5px; font-weight: 700; text-decoration: none !important; cursor: pointer; }
.ek-pcard-actions > .done { background: #DCFCE7; }
@media (prefers-reduced-motion: reduce) { .ek-pcard-modal, .ek-pcard-wrap { transition: none; } }
.ek-ph-id .ek-profile-meta { padding: 0; }
@media (min-width: 992px) { .ek-ph-id .ek-profile-meta { text-align: left; } .ek-ph-id .ek-newsroom { margin: 10px 0 0 !important; } }
@media (max-width: 575.98px) {
  .ek-share-profile { width: 40px; padding: 0 !important; justify-content: center; }
  .ek-share-profile span { display: none; }
}
@media (max-width: 575.98px) {
  .ek-ph-top .profile-buttons-wrapper { flex-wrap: nowrap; gap: 6px; }
  .ek-ph-top .profile-buttons-wrapper .btn:not(.btn-icon):not(.ek-share-profile) { padding: 0 13px; font-size: 13.5px; }
  .ek-ph-top .profile-buttons-wrapper .btn-icon, .ek-share-profile { width: 40px !important; flex: none; }
  .ek-ph-top .profile-buttons-wrapper .mlr5 { margin: 0 !important; }
}

/* ---------- owner edit controls: clear camera button on the avatar, tidy cover buttons ---------- */
.profile-avatar-wrapper .profile-avatar-change,
.profile-avatar-wrapper .profile-avatar-crop,
.profile-avatar-wrapper .profile-avatar-delete {
  position: absolute; width: 34px; height: 34px; padding: 0 !important; border-radius: 50% !important;
  display: flex !important; align-items: center; justify-content: center; font-size: 14px !important; color: #fff !important;
  background: rgba(15, 20, 25, .72) !important; border: 2px solid var(--ek-surface); opacity: 1 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .25); transition: transform .15s, opacity .2s; z-index: 4;
}
.profile-avatar-wrapper .profile-avatar-change > i,
.profile-avatar-wrapper .profile-avatar-crop > i,
.profile-avatar-wrapper .profile-avatar-delete > i { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.profile-avatar-wrapper .profile-avatar-change { width: 40px; height: 40px; right: 2% !important; bottom: 4% !important; top: auto !important; left: auto !important; background: var(--ek-grad) !important; font-size: 16px !important; }
.profile-avatar-wrapper .profile-avatar-crop { left: 2% !important; right: auto !important; bottom: 4% !important; top: auto !important; }
.profile-avatar-wrapper .profile-avatar-delete { right: 2% !important; top: 4% !important; bottom: auto !important; left: auto !important; }
.profile-avatar-wrapper .profile-avatar-change:hover, .profile-avatar-wrapper .profile-avatar-crop:hover, .profile-avatar-wrapper .profile-avatar-delete:hover { transform: scale(1.08); }
.profile-avatar-wrapper .profile-avatar-crop.x-hidden, .profile-avatar-wrapper .profile-avatar-delete.x-hidden { display: none !important; }
@media (hover: hover) {
  .profile-avatar-wrapper .profile-avatar-crop, .profile-avatar-wrapper .profile-avatar-delete { opacity: 0 !important; pointer-events: none; }
  .profile-avatar-wrapper:hover .profile-avatar-crop, .profile-avatar-wrapper:hover .profile-avatar-delete,
  .profile-avatar-wrapper:focus-within .profile-avatar-crop, .profile-avatar-wrapper:focus-within .profile-avatar-delete { opacity: 1 !important; pointer-events: auto; }
}

.profile-cover-wrapper .profile-cover-buttons { top: 14px !important; left: auto !important; right: 14px; opacity: 1 !important; display: flex; gap: 8px; z-index: 3; }
.profile-cover-wrapper .profile-cover-buttons > div { float: none !important; margin: 0 !important; width: 38px; height: 38px; padding: 0 !important; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; background: rgba(15, 20, 25, .55) !important; color: #fff; font-size: 15px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); box-shadow: 0 4px 12px rgba(0, 0, 0, .2); }
.profile-cover-wrapper .profile-cover-buttons > div > i { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.profile-cover-wrapper .profile-cover-buttons > div:hover { background: rgba(15, 20, 25, .75) !important; }
.profile-cover-wrapper .profile-cover-buttons > div.profile-cover-position-buttons { display: none; }
.profile-cover-wrapper .profile-cover-buttons > div.x-hidden { display: none !important; }
.profile-cover-wrapper .profile-cover-buttons .dropdown-menu { right: 0 !important; left: auto !important; }