/* Empty. Add your own CSS if you like */

.ended {
  text-align: center;
  background: #eee;
  padding: 1em;
}

.item-chat-single small {
  color: #B4B6B6;
}

.posted-jobs a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.number-jobs {
  background: #B4B6B6;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Avatar fallback */
.avatar {
  background-image: url('../img/default-user-image.png');
  background-size: cover;
  background-position: center;
}

/* ── Phone simulator (desktop only) ───────────────────────── */
@media (min-width: 600px) {
  html {
    background: #1a1a2e;
    background-image: radial-gradient(ellipse at center, #2d2d44 0%, #0f0f1a 100%);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 0;
    box-sizing: border-box;
  }

  body {
    width: 390px !important;
    min-height: 844px !important;
    max-height: 844px !important;
    margin: 0 auto !important;
    border-radius: 44px !important;
    overflow: hidden !important;
    box-shadow:
      0 0 0 10px #1c1c1e,
      0 0 0 12px #3a3a3c,
      0 30px 80px rgba(0, 0, 0, 0.8);
    position: relative;
  }

  /* Dynamic Island notch */
  body::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 28px;
    background: #000;
    border-radius: 20px;
    z-index: 99999;
  }

  /* Push Ionic nav bar content below the notch area */
  .bar-header {
    padding-top: 48px !important;
    height: 92px !important;
  }

  .bar-header .title {
    top: 48px !important;
  }

  .has-header {
    top: 92px !important;
  }
}