/* DARAWAN COMMENTS LIGHT + DATETIME V1 */
html body #gc-upgrade .gc-comment-meta {
  grid-template-columns: minmax(0, 1fr) max-content !important;
  gap: 12px !important;
  align-items: center !important;
}

html body #gc-upgrade .gc-stamp-value.gc-stamp-organized {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  color: inherit !important;
  opacity: 1 !important;
  white-space: normal !important;
}

html body #gc-upgrade .gc-stamp-part {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 30px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(174, 185, 197, .42) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .055) !important;
  color: #d6dde5 !important;
  font-size: 12px !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

html body #gc-upgrade .gc-stamp-label {
  color: #f3ce00 !important;
  font-weight: 800 !important;
}

html body #gc-upgrade .gc-stamp-text {
  color: inherit !important;
  font-weight: 650 !important;
}

/* Strong, readable light-mode colors throughout the comment card. */
html[data-theme="light"] body #gc-upgrade article.gc-social-card,
html[data-theme="light"] body #gc-upgrade article.gc-reply {
  color: #17212c !important;
}

html[data-theme="light"] body #gc-upgrade .gc-comment-meta {
  border-bottom-color: #d6dde5 !important;
}

html[data-theme="light"] body #gc-upgrade .gc-meta-name,
html[data-theme="light"] body #gc-upgrade .gc-meta-name .gc-detail-label {
  color: #4b5a6a !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="light"] body #gc-upgrade .gc-name-value {
  color: #b18700 !important;
  -webkit-text-fill-color: #b18700 !important;
}

html[data-theme="light"] body #gc-upgrade .gc-comment-block > .message {
  color: #17212c !important;
  -webkit-text-fill-color: #17212c !important;
  opacity: 1 !important;
}

html[data-theme="light"] body #gc-upgrade .gc-stamp-part {
  background: #eef3f8 !important;
  border-color: #c4ced9 !important;
  color: #26384a !important;
  box-shadow: 0 1px 2px rgba(23, 33, 44, .06) !important;
}

html[data-theme="light"] body #gc-upgrade .gc-stamp-label {
  color: #755c00 !important;
}

html[data-theme="light"] body #gc-upgrade .gc-stamp-text {
  color: #26384a !important;
}

html[data-theme="light"] body #gc-upgrade .gc-replies > summary {
  color: #087f9e !important;
}

@media (max-width: 760px) {
  html body #gc-upgrade .gc-comment-meta {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  html body #gc-upgrade .gc-stamp-value.gc-stamp-organized {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    gap: 7px !important;
  }

  html body #gc-upgrade .gc-stamp-part {
    width: 100% !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 7px 6px !important;
    font-size: 11.5px !important;
    overflow: hidden !important;
  }

  html body #gc-upgrade .gc-stamp-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 390px) {
  html body #gc-upgrade .gc-stamp-part {
    gap: 4px !important;
    font-size: 10.5px !important;
  }
}