/* KaravanForum Premium UI - MyBB 1.8.x */
:root {
  --kf-ui-green: #167a59;
  --kf-ui-green-strong: #0f6247;
  --kf-ui-green-soft: #eaf6f0;
  --kf-ui-orange: #f28a2e;
  --kf-ui-orange-strong: #d96d12;
  --kf-ui-blue: #3277c8;
  --kf-ui-red: #c94b4b;
  --kf-ui-ink: #173b2f;
  --kf-ui-muted: #5f756c;
  --kf-ui-line: #cfe0d8;
  --kf-ui-white: #fff;
  --kf-ui-shadow: 0 7px 18px rgba(21, 66, 51, .10);
}

/* MyBB'nin eski PNG sprite ikonlarini kaldirir. */
.postbit_buttons > a span,
a.button span {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  height: auto !important;
  min-height: 18px;
  padding-left: 0 !important;
  background-image: none !important;
}

.postbit_buttons > a span::before,
a.button span::before {
  content: "";
  display: inline-block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: var(--kf-action-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-5-5 5 5-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")) center / contain no-repeat;
  mask: var(--kf-action-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-5-5 5 5-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")) center / contain no-repeat;
}

.postbit_buttons > a:link,
.postbit_buttons > a:visited,
.postbit_buttons > a:hover,
.postbit_buttons > a:active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin: 3px 2px;
  padding: 6px 11px;
  border: 1px solid var(--kf-ui-line);
  border-radius: 9px;
  background: linear-gradient(180deg, #fff 0%, #f8fbf9 100%);
  box-shadow: 0 3px 10px rgba(21, 66, 51, .07);
  color: var(--kf-ui-green-strong);
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.postbit_buttons > a:hover {
  border-color: #8ab9a6;
  background: var(--kf-ui-green-soft);
  box-shadow: var(--kf-ui-shadow);
  transform: translateY(-1px);
}

.postbit_buttons > a:focus-visible,
a.button:focus-visible,
.star_rating li a:focus-visible {
  outline: 3px solid rgba(242, 138, 46, .34);
  outline-offset: 2px;
}

.postbit_buttons a.postbit_edit {
  color: var(--kf-ui-blue);
}

.postbit_buttons a.postbit_qdelete,
.postbit_buttons a.postbit_delete_pm,
.postbit_buttons a.postbit_purgespammer {
  color: var(--kf-ui-red);
}

.postbit_buttons a.postbit_multiquote,
.postbit_buttons a.postbit_multiquote_on {
  color: var(--kf-ui-orange-strong);
}

.postbit_buttons a.postbit_multiquote_on {
  border-color: #f0b377;
  background: #fff5e9;
  box-shadow: inset 0 0 0 1px rgba(242, 138, 46, .12);
}

/* Ikonlar: sade, tutarli ve emojiden bagimsiz SVG maskeleri. */
.postbit_find { --kf-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m21 21-4.4-4.4m2.4-5.1A7.5 7.5 0 1 1 4 11.5a7.5 7.5 0 0 1 15 0Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.postbit_edit { --kf-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20h4l11-11-4-4L4 16v4Zm10-14 4 4m-9 8H6v-3L15 6l3 3-9 9Z' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.postbit_qdelete,.postbit_delete_pm,.postbit_purgespammer { --kf-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M9 7V4h6v3m-8 0 1 13h8l1-13M10 11v5m4-5v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.postbit_qrestore { --kf-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8v5h5M5.5 17a8 8 0 1 0 0-10L4 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.postbit_quote,.postbit_reply_pm,.postbit_reply_all { --kf-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 15a3 3 0 0 1-3 3H9l-5 3V7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v8Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.postbit_multiquote,.postbit_multiquote_on { --kf-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 17H5l-3 2V8a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1m-5 3a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3v8l-3-2h-5a3 3 0 0 1-3-3v-3Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.postbit_report,.postbit_warn { --kf-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2.5 20h19L12 3Zm0 6v5m0 3h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.postbit_reputation_add { --kf-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9-5.6 2.9 1.1-6.2L3 9.6l6.2-.9L12 3Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.postbit_pm,.postbit_email,.postbit_forward_pm { --kf-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v12H3V6Zm1 1 8 6 8-6' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* Ana aksiyonlar: Yeni Konu / Yorum Yaz */
a.button.new_reply_button,
a.button.new_thread_button {
  min-height: 42px;
  margin: 3px 2px 8px;
  padding: 9px 15px;
  border: 1px solid var(--kf-ui-orange-strong);
  border-radius: 10px;
  background: linear-gradient(135deg, var(--kf-ui-orange) 0%, var(--kf-ui-orange-strong) 100%);
  box-shadow: 0 8px 20px rgba(217, 109, 18, .22);
  color: #fff;
  font-size: 13px;
  font-weight: 850;
  text-shadow: 0 1px 1px rgba(74, 31, 0, .18);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

a.button.new_reply_button:hover,
a.button.new_thread_button:hover {
  color: #fff;
  filter: saturate(1.08) brightness(1.03);
  transform: translateY(-1px);
  box-shadow: 0 11px 24px rgba(217, 109, 18, .28);
}

a.button.new_reply_button { --kf-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 15a3 3 0 0 1-3 3H9l-5 3V7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v8Zm-8-7v6M9 11h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
a.button.new_thread_button { --kf-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); }

/* Konu oylama: 24 px premium altin yildiz sprite'i. */
.inline_rating {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 6px 10px;
  border: 1px solid var(--kf-ui-line);
  border-radius: 10px;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 4px 14px rgba(21, 66, 51, .08);
  color: var(--kf-ui-ink);
}

.inline_rating > strong {
  padding-right: 0 !important;
  color: var(--kf-ui-ink);
  font-size: 12px;
  line-height: 1.2;
}

.star_rating,
.star_rating li a:hover,
.star_rating .current_rating {
  background-image: url("star-rating.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 120px 72px !important;
}

.star_rating {
  width: 120px !important;
  height: 24px !important;
  background-position: 0 0 !important;
}

.star_rating li a,
.star_rating .current_rating {
  height: 24px !important;
  line-height: 24px !important;
}

.star_rating_notrated li a:hover {
  background-position: 0 -48px !important;
}

.star_rating .current_rating {
  background-position: 0 -24px !important;
}

.post_controls {
  padding: 8px 10px !important;
}

.postbit_buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
}

.post_management_buttons {
  justify-content: flex-end;
}

@media (max-width: 620px) {
  .post_controls .float_left,
  .post_controls .float_right {
    float: none !important;
    width: 100%;
  }

  .post_management_buttons,
  .author_buttons {
    justify-content: flex-start;
  }

  .postbit_buttons > a:link,
  .postbit_buttons > a:visited,
  .postbit_buttons > a:hover,
  .postbit_buttons > a:active {
    min-height: 38px;
    padding: 8px 11px;
  }

  .inline_rating {
    float: none !important;
    flex-wrap: wrap;
    margin: 0 0 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .postbit_buttons > a,
  a.button.new_reply_button,
  a.button.new_thread_button {
    transition: none !important;
  }
}

/* =========================================================
   PREMIUM POSTBIT v1.1
   Referanstaki dikey profil kartinin KaravanForum uyarlamasi
   ========================================================= */
.post.classic {
  display: grid !important;
  grid-template-columns: 236px minmax(0, 1fr);
  align-items: stretch;
  padding-top: 0 !important;
  overflow: hidden;
}

.post.classic .post_author {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 22px 18px 18px !important;
  border: 0 !important;
  border-right: 1px solid #cbded5 !important;
  background:
    radial-gradient(circle at 50% 0, rgba(39, 173, 121, .13), transparent 38%),
    linear-gradient(180deg, #f9fcfa 0%, #edf5f1 100%) !important;
  color: var(--kf-ui-ink);
  text-align: center;
}

.post.classic .post_author::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--kf-ui-green), #31b981 62%, var(--kf-ui-orange));
}

.post.classic .post_content {
  grid-column: 2;
  grid-row: 1;
  float: none !important;
  width: auto !important;
  min-width: 0;
  padding: 0 18px 14px !important;
  background: #fff;
}

.post.classic .post_controls {
  grid-column: 1 / -1;
  grid-row: 2;
  margin: 0;
}

.post.classic .post_author div.author_avatar {
  float: none !important;
  margin: 0 0 13px !important;
  text-align: center;
}

.post.classic .post_author div.author_avatar a {
  position: relative;
  display: inline-flex;
  padding: 4px;
  border: 1px solid rgba(22, 122, 89, .32);
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(19, 74, 56, .18);
}

.post.classic .post_author div.author_avatar img {
  display: block;
  width: 124px !important;
  height: 124px !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 20px;
  background: #eaf4ef;
  object-fit: cover;
}

.post.classic .post_author div.author_information {
  float: none !important;
  padding: 0 !important;
  text-align: center;
}

.post.classic .author_information .largetext,
.post.classic .author_information .largetext a,
.post.classic .author_information .largetext span,
.post.classic .author_information .largetext strong,
.post.classic .author_information .largetext em {
  color: #123e30 !important;
  font-size: 17px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.25;
  text-decoration: none !important;
}

.post.classic .author_information .largetext a:hover {
  color: var(--kf-ui-green) !important;
}

.post.classic .author_information .buddy_status {
  width: 10px;
  height: 10px;
  margin: 0 0 0 4px !important;
  border-radius: 50%;
}

.post.classic .author_information .smalltext {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  color: var(--kf-ui-muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.post.classic .author_information .smalltext > img:not(.buddy_status) {
  display: block;
  width: auto;
  max-width: 154px;
  max-height: 42px;
  margin: 2px auto 0;
  object-fit: contain;
}

.post.classic .post_author div.author_statistics {
  float: none !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--kf-ui-muted);
  font-size: 11px;
  line-height: 1.35;
}

.kf-postbit-profile {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kf-postbit-counters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #d3e3dc;
  border-radius: 11px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 5px 14px rgba(24, 81, 61, .07);
}

.kf-counter {
  display: flex;
  min-width: 0;
  padding: 10px 5px 9px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.kf-counter + .kf-counter {
  border-left: 1px solid #dbe8e2;
}

.kf-counter strong {
  color: var(--kf-ui-green);
  font-size: 17px;
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1;
}

.kf-counter span {
  margin-top: 4px;
  color: #71867d;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.kf-member-level {
  display: flex;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid #b9d9cc;
  border-radius: 9px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: linear-gradient(135deg, #e9f7f0 0%, #fff 100%);
  color: #126044;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.kf-level-icon {
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 7 3v5c0 4.6-2.8 8.1-7 10-4.2-1.9-7-5.4-7-10V6l7-3Zm-3 9 2 2 4-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 7 3v5c0 4.6-2.8 8.1-7 10-4.2-1.9-7-5.4-7-10V6l7-3Zm-3 9 2 2 4-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.kf-profile-facts {
  overflow: hidden;
  border: 1px solid #d8e5df;
  border-radius: 10px;
  background: rgba(255, 255, 255, .78);
}

.kf-profile-fact {
  position: relative;
  display: flex;
  min-height: 34px;
  padding: 8px 9px 8px 31px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.kf-profile-fact + .kf-profile-fact {
  border-top: 1px solid #e1ebe6;
}

.kf-profile-fact::before {
  content: "";
  position: absolute;
  left: 9px;
  width: 14px;
  height: 14px;
  background: #6d867b;
}

.kf-fact-date::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14a2 2 0 0 1 2 2v14H3V6a2 2 0 0 1 2-2Zm2-2v4m10-4v4M3 9h18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14a2 2 0 0 1 2 2v14H3V6a2 2 0 0 1 2-2Zm2-2v4m10-4v4M3 9h18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.kf-fact-reputation::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9-5.6 2.9 1.1-6.2L3 9.6l6.2-.9L12 3Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9-5.6 2.9 1.1-6.2L3 9.6l6.2-.9L12 3Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.kf-profile-fact span {
  color: #71847c;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.kf-profile-fact strong,
.kf-profile-fact strong a {
  color: #294b3e;
  font-size: 10px;
  font-weight: 850;
  text-decoration: none;
}

.kf-profile-fact strong.is-positive a { color: #15905f; }
.kf-profile-fact strong.is-negative a { color: #c94b4b; }

.kf-achievements {
  display: flex;
  min-height: 39px;
  padding: 7px;
  border: 1px solid #d6e5de;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  background: rgba(255, 255, 255, .76);
}

.kf-achievement {
  --kf-badge-bg: #e7f4ee;
  --kf-badge-fg: #167a59;
  --kf-badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 7 3v5c0 4.6-2.8 8.1-7 10-4.2-1.9-7-5.4-7-10V6l7-3Z' fill='black'/%3E%3C/svg%3E");
  position: relative;
  display: inline-flex;
  width: 29px;
  height: 29px;
  border: 1px solid #b9d7cb;
  border: 1px solid color-mix(in srgb, var(--kf-badge-fg) 46%, white);
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  background: var(--kf-badge-bg);
  color: var(--kf-badge-fg);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .52);
}

.kf-achievement::before {
  content: "";
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: var(--kf-badge-icon) center / contain no-repeat;
  mask: var(--kf-badge-icon) center / contain no-repeat;
}

.kf-achievement--staff {
  --kf-badge-bg: #fff1df;
  --kf-badge-fg: #cf6f17;
  --kf-badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 8 4 3 4-6 4 6 4-3-2 10H6L4 8Zm2 13h12' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.kf-achievement--active {
  --kf-badge-bg: #e7f3ff;
  --kf-badge-fg: #2876b7;
  --kf-badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 15a3 3 0 0 1-3 3H9l-5 3V7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v8Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.kf-achievement--author {
  --kf-badge-bg: #f0ebff;
  --kf-badge-fg: #7055ad;
  --kf-badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19h4L19 8l-4-4L4 15v4Zm9-13 4 4' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.kf-achievement--expert {
  --kf-badge-bg: #e8faf4;
  --kf-badge-fg: #11875b;
  --kf-badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3 6 7 .9-5 4.8 1.3 6.8L12 17.3l-6.3 3.2L7 13.7 2 8.9 9 8l3-6Z' fill='black'/%3E%3C/svg%3E");
}

.kf-achievement--veteran {
  --kf-badge-bg: #fff4d7;
  --kf-badge-fg: #ad7710;
  --kf-badge-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m8 13-2 9 6-3 6 3-2-9' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.kf-member-tenure {
  position: relative;
  display: flex;
  min-height: 31px;
  padding: 7px 8px 9px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #27604c;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.kf-member-tenure::after {
  content: "";
  position: absolute;
  right: 13px;
  bottom: 0;
  left: 13px;
  height: 2px;
  border-radius: 4px;
  background: linear-gradient(90deg, transparent, #27ad79 18%, var(--kf-ui-orange) 82%, transparent);
}

.kf-member-tenure > span {
  width: 13px;
  height: 13px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v9l5 3M4 5h4M3 9h3M4 13h2a8 8 0 1 0 2-8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v9l5 3M4 5h4M3 9h3M4 13h2a8 8 0 1 0 2-8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.kf-profile-extra {
  padding: 8px 9px;
  border: 1px solid #d8e5df;
  border-radius: 9px;
  background: rgba(255, 255, 255, .74);
  color: #5f756c;
  text-align: left;
}

@media (max-width: 760px) {
  .post.classic {
    display: block !important;
  }

  .post.classic .post_author {
    display: grid;
    width: 100% !important;
    padding: 15px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #cbded5 !important;
    grid-template-columns: 80px minmax(0, 1fr);
    align-items: center;
    gap: 6px 14px;
    text-align: left;
  }

  .post.classic .post_author div.author_avatar {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0 !important;
  }

  .post.classic .post_author div.author_avatar a {
    padding: 3px;
    border-radius: 18px;
  }

  .post.classic .post_author div.author_avatar img {
    width: 74px !important;
    height: 74px !important;
    border-radius: 14px;
  }

  .post.classic .post_author div.author_information {
    grid-column: 2;
    text-align: left;
  }

  .post.classic .author_information .smalltext {
    align-items: flex-start;
  }

  .post.classic .author_information .smalltext > img:not(.buddy_status) {
    max-width: 126px;
    margin-right: 0;
    margin-left: 0;
  }

  .post.classic .post_author div.author_statistics {
    grid-column: 1 / -1;
    margin-top: 7px !important;
  }

  .kf-postbit-profile {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .kf-postbit-counters,
  .kf-member-level,
  .kf-profile-facts,
  .kf-achievements,
  .kf-member-tenure,
  .kf-profile-extra {
    min-width: 0;
  }

  .kf-postbit-counters,
  .kf-profile-facts,
  .kf-profile-extra {
    grid-column: 1 / -1;
  }

  .post.classic .post_content {
    width: 100% !important;
    padding: 0 13px 13px !important;
  }
}

@media (max-width: 430px) {
  .kf-postbit-profile {
    display: flex;
  }

  .post.classic .author_information .largetext,
  .post.classic .author_information .largetext a,
  .post.classic .author_information .largetext span,
  .post.classic .author_information .largetext strong,
  .post.classic .author_information .largetext em {
    font-size: 15px !important;
  }
}