/* OGU profile local fixes — layered after oguser-singlefile.css */

.sf-hidden {
  display: none !important;
}

html,
body {
  background: #131313 !important;
  color: #e9e9e9;
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ── Fixed header: logo centered, nav left, auth right ── */
.headertop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #131313;
}

.headertop .top-wrap {
  position: relative;
  max-width: 1714px;
  margin: 0 auto;
  padding: 0 20px;
}

.headertop .top-wrap > div:first-of-type {
  position: relative;
  width: 100%;
  min-height: 56px;
}

.headertop #over {
  pointer-events: none;
  z-index: 1;
}

.headertop #over a {
  pointer-events: auto;
}

.headertop .headermember {
  position: relative;
  z-index: 2;
  float: left;
}

.headertop .guestnav {
  position: relative;
  z-index: 2;
  margin-top: 12px;
}

.headertop .guestnav a {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}

#fullcontainment {
  padding-top: 0;
}

/* Mobile dropdowns stay hidden until toggled */
#dropdown-more.sf-hidden,
#dropdown-search.sf-hidden,
#dropdown-search-open.sf-hidden {
  display: none !important;
}

#dropdown-more:not(.sf-hidden),
#dropdown-search:not(.sf-hidden) {
  display: block;
}

.dropdown2-content {
  display: none;
}

.dropdown2:hover .dropdown2-content {
  display: block !important;
}

/* ── Profile header banner ── */
.ogu-profile-banner {
  background: linear-gradient(135deg, #1a1030 0%, #2d1b4e 35%, #1c1c1c 70%, #131313 100%) !important;
  background-size: cover !important;
}

.profileheader {
  border-radius: 1rem !important;
  margin-bottom: 0;
}

.profileheader .overlay {
  border-radius: 1rem;
  background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.45) 100%);
}

.profileheader .responsivehide {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
}

/* Profile action buttons */
.profile_message {
  display: inline-block;
  background: rgba(32, 32, 32, 0.85);
  color: #fff !important;
  padding: 8px 14px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  margin-left: 6px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: background 0.2s;
}

.profile_message:hover {
  background: #2a2a2a;
  color: #fff !important;
}

/* Avatar purple glow */
.profile_avatar img {
  box-shadow:
    0 0 18px rgba(183, 71, 255, 0.85),
    0 0 36px rgba(255, 60, 255, 0.45),
    0 0 8px rgba(255, 255, 255, 0.2);
  border: 2px solid rgba(183, 71, 255, 0.55) !important;
  border-radius: 50% !important;
}

@media only screen and (min-width: 1001px) {
  .profile_avatar img {
    width: 150px !important;
    height: 150px !important;
  }
}

/* Online status */
.online-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #58d394;
  float: right;
  font-weight: 500;
}

.online-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #58d394;
  box-shadow: 0 0 6px #58d394;
  flex-shrink: 0;
}

/* ── Three-column profile layout (desktop) ── */
@media only screen and (min-width: 1321px) {
  .whole > .sidebar:first-of-type {
    flex: 1 1 22.222222222% !important;
    max-width: 22.222222222% !important;
  }

  .whole > .content {
    flex: 3 1 55.444444444% !important;
    max-width: calc(55.4444444444444445%) !important;
    padding: 0 15px !important;
  }

  .whole > .sidebar:last-of-type {
    flex: 1 1 22.222222222% !important;
    max-width: 22.222222222% !important;
  }
}

.reputation_positive {
  color: #58d394 !important;
}

.profile_message {
  margin-left: 6px;
}

/* Awards grid */
.awards_postbit {
  text-align: center;
  padding: 10px;
}

.award_images {
  margin: 3px;
  vertical-align: middle;
}

/* Service badges */
.kz-service-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  text-decoration: none;
  color: inherit;
}

.kz-service-badge-icon-wrap {
  display: flex;
  align-items: center;
}

.service-badge-text {
  color: #e9e9e9;
  font-size: 14px;
  font-weight: 500;
}

.service-duration {
  margin: 0;
}

/* Footer visibility */
.footer-back-inner {
  display: block !important;
}

.footer-back {
  position: relative !important;
  z-index: 0 !important;
}

/* Breadcrumb inside wraps */
.wraps .breadcrumb {
  border-radius: 0.35rem;
  margin-bottom: 15px !important;
}

/* Years of service badge */
.kz-service-badge-icon.user-service_9 {
  color: #b747ff;
}

.user-service_9 .service-duration span {
  color: #e9e9e9;
  font-weight: 600;
}

/* Profile three-column row: top-align columns */
@media only screen and (min-width: 1321px) {
  .wraps .whole {
    align-items: flex-start !important;
  }

  .whole > .sidebar:last-of-type {
    align-self: flex-start;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* YouTube ad pushes badges down — hide it locally */
  .whole > .sidebar:last-of-type iframe,
  .whole > .sidebar:last-of-type > div:has(iframe) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* Align service badges with center Groups/Market blocks (below stats row) */
  .whole > .sidebar:last-of-type {
    margin-top: 118px !important;
  }
}

.col_row_profile.whole {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  background: #202020;
  margin-bottom: 2px;
}

/* Market trusted badges */
.shop_background {
  background: #242424;
  display: inline-block;
}

.shop_background a {
  color: #e9e9e9;
  text-decoration: none;
}

/* Signature box */
.signature_box {
  background: #1c1c1c;
  padding: 12px;
}

/* Ion icons in rep/vouch row */
.statusblock .linked .ion {
  font-size: 21px;
}