/* Final mobile overrides for UPSSSC Lekhpal detail page */

.lekhpal-premium .job-detail-trust-note,
.lekhpal-premium .lekhpal-alert,
.job-detail-page.lekhpal-detail .job-detail-trust-note,
.job-detail-page.lekhpal-detail .lekhpal-alert {
  position: relative !important;
  display: block !important;
  grid-template-columns: none !important;
  text-align: left !important;
  padding: 1rem 1rem 1rem 3.05rem !important;
  line-height: 1.6 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: manual !important;
}

.lekhpal-premium .job-detail-trust-note::before,
.lekhpal-premium .lekhpal-alert::before,
.job-detail-page.lekhpal-detail .job-detail-trust-note::before,
.job-detail-page.lekhpal-detail .lekhpal-alert::before {
  position: absolute !important;
  left: 1rem !important;
  top: 1.05rem !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
}

.lekhpal-premium .job-detail-trust-note strong,
.lekhpal-premium .lekhpal-alert strong,
.job-detail-page.lekhpal-detail .job-detail-trust-note strong,
.job-detail-page.lekhpal-detail .lekhpal-alert strong {
  display: inline !important;
  margin: 0 .18rem 0 0 !important;
  white-space: normal !important;
}

.lekhpal-premium .job-detail-trust-note *,
.lekhpal-premium .lekhpal-alert *,
.job-detail-page.lekhpal-detail .job-detail-trust-note *,
.job-detail-page.lekhpal-detail .lekhpal-alert * {
  min-width: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Latest updates mobile polish */
.lekhpal-premium .updates-section {
  gap: .85rem !important;
}

.lekhpal-premium .updates-section h2 {
  margin-bottom: .15rem !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  color: #0f172a !important;
}

.lekhpal-premium .notification-box {
  display: grid !important;
  gap: .85rem !important;
  margin: 0 !important;
  padding: .95rem !important;
  border: 1px solid #fed7aa !important;
  border-radius: 14px !important;
  background: #fffaf3 !important;
  color: #1f2937 !important;
}

.lekhpal-premium .notification-box h3 {
  display: flex !important;
  align-items: center !important;
  gap: .45rem !important;
  margin: 0 !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
  font-size: 1.05rem !important;
}

.lekhpal-premium .notification-box h3 i {
  flex: 0 0 auto !important;
  color: #0f172a !important;
}

.lekhpal-premium .lekhpal-list {
  display: grid !important;
  gap: .68rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.lekhpal-premium .lekhpal-list li {
  position: static !important;
  display: block !important;
  padding: .68rem .72rem !important;
  border: 1px solid rgba(254, 215, 170, .85) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .72) !important;
  color: #111827 !important;
  font-weight: 750 !important;
  line-height: 1.52 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.lekhpal-premium .lekhpal-list li::before,
.lekhpal-premium .lekhpal-list li::after,
.job-detail-page .lekhpal-list li::before,
.job-detail-page .lekhpal-list li::after {
  content: none !important;
  display: none !important;
}

.lekhpal-premium .lekhpal-list strong {
  color: #9a3412 !important;
  font-weight: 900 !important;
}

.lekhpal-premium .update-links {
  display: grid !important;
  gap: .75rem !important;
  margin-top: .85rem !important;
  padding: .95rem !important;
  border: 1px solid #dbeafe !important;
  border-left: 4px solid #2563eb !important;
  border-radius: 14px !important;
  background: #f8fbff !important;
}

.lekhpal-premium .update-links h4 {
  display: flex !important;
  align-items: center !important;
  gap: .45rem !important;
  margin: 0 !important;
  color: #1d4ed8 !important;
  font-size: .96rem !important;
  line-height: 1.3 !important;
}

.lekhpal-premium .update-links a {
  display: flex !important;
  align-items: flex-start !important;
  gap: .55rem !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: .35rem 0 !important;
  color: #1d4ed8 !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.lekhpal-premium .update-links a i {
  flex: 0 0 auto !important;
  margin-top: .13rem !important;
}

@media (max-width: 420px) {
  .lekhpal-premium .job-detail-trust-note,
  .lekhpal-premium .lekhpal-alert,
  .job-detail-page.lekhpal-detail .job-detail-trust-note,
  .job-detail-page.lekhpal-detail .lekhpal-alert {
    padding: .95rem .9rem .95rem 2.85rem !important;
    font-size: .92rem !important;
    line-height: 1.58 !important;
  }

  .lekhpal-premium .job-detail-trust-note::before,
  .lekhpal-premium .lekhpal-alert::before,
  .job-detail-page.lekhpal-detail .job-detail-trust-note::before,
  .job-detail-page.lekhpal-detail .lekhpal-alert::before {
    left: .9rem !important;
    top: 1rem !important;
  }

  .lekhpal-premium .notification-box,
  .lekhpal-premium .update-links {
    padding: .88rem !important;
    border-radius: 12px !important;
  }

  .lekhpal-premium .notification-box h3 {
    font-size: 1rem !important;
  }

  .lekhpal-premium .lekhpal-list li {
    padding: .62rem .66rem !important;
    font-size: .94rem !important;
    line-height: 1.52 !important;
  }

  .lekhpal-premium .update-links a {
    font-size: .94rem !important;
  }
}
