/* Author profile hero. */

/* =========================================================
   AUTHOR PAGE — HERO BUILT WITH UX BUILDER
   ========================================================= */

.bk-author-hero-section,
.bk-author-hero-section * {
  box-sizing: border-box;
}

.bk-author-hero-section {
  padding: 24px 0 42px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.bk-author-hero-section > .section-content {
  width: 100% !important;
  max-width: 1170px !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
}

/* ---------------------------------------------------------
   Breadcrumb
   --------------------------------------------------------- */

.bk-author-breadcrumb-row {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 20px !important;
}

.bk-author-breadcrumb-row > .col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.bk-author-breadcrumb-row .rank-math-breadcrumb {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.bk-author-breadcrumb-row .rank-math-breadcrumb p {
  margin: 0 !important;
  color: #687580 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.bk-author-breadcrumb-row .rank-math-breadcrumb a {
  color: #687580 !important;
  text-decoration: none !important;
}

.bk-author-breadcrumb-row .rank-math-breadcrumb a:hover {
  color: #e60000 !important;
}

/* ---------------------------------------------------------
   Main row
   --------------------------------------------------------- */

.bk-author-hero-main-row {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  align-items: center !important;
}

.bk-author-hero-main-row > .col {
  min-width: 0 !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.bk-author-hero-main-row > .col:first-child {
  padding-left: 0 !important;
}

.bk-author-hero-main-row > .col:last-child {
  padding-right: 0 !important;
}

.bk-author-hero-copy > .col-inner {
  width: 100% !important;
  max-width: 600px !important;
}

/* Chức danh */

.bk-author-hero-kicker,
.bk-author-hero-kicker p {
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #f77304 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  text-align: left !important;
}

/* H1 */

.bk-author-hero-title {
  margin: 0 !important;
  padding: 0 !important;
}

.bk-author-hero-title h1 {
  margin: 0 0 18px !important;
  padding: 0 !important;
  color: #001f3a !important;
  font-size: clamp(40px, 4vw, 52px) !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  text-align: left !important;
  text-transform: none !important;
}

/* Mô tả */

.bk-author-hero-description {
  margin: 0 !important;
  color: #26333d !important;
}

.bk-author-hero-description p {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #26333d !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  text-align: left !important;
}

.bk-author-hero-description p:last-child {
  margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
   Image
   --------------------------------------------------------- */

.bk-author-hero-photo-col > .col-inner {
  width: 100% !important;
}

.bk-author-hero-image {
  width: 100% !important;
  margin: 0 !important;
}

.bk-author-hero-image .img-inner {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 4px !important;
  background: #eef2f4 !important;
}

.bk-author-hero-image .img-inner img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* ---------------------------------------------------------
   Statistics row
   --------------------------------------------------------- */

.bk-author-hero-stats-row {
  width: 100% !important;
  max-width: 100% !important;
  margin: 34px auto 0 !important;
  align-items: stretch !important;
}

.bk-author-hero-stats-row > .col {
  min-width: 0 !important;
  padding: 0 18px !important;
}

.bk-author-hero-stats-row > .col:first-child {
  padding-left: 0 !important;
}

.bk-author-hero-stats-row > .col:last-child {
  padding-right: 0 !important;
}

.bk-author-hero-stat > .col-inner {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 82px !important;
}

/* Số liệu */

.bk-author-stat-number {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bk-author-stat-number p,
.bk-author-stat-number strong,
.bk-author-stat-number span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f77304 !important;
  font-size: clamp(44px, 4vw, 58px) !important;
  line-height: 0.95 !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
  white-space: nowrap !important;
}

/* Nhãn thống kê */

.bk-author-stat-label {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bk-author-stat-label p,
.bk-author-stat-label strong,
.bk-author-stat-label span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #001f3a !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media screen and (max-width: 549px) {
  .bk-author-hero-section {
    padding: 18px 0 28px !important;
  }

  .bk-author-hero-section > .section-content {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .bk-author-breadcrumb-row {
    margin-bottom: 15px !important;
  }

  .bk-author-hero-main-row > .col {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .bk-author-hero-photo-col {
    margin-top: 22px !important;
  }

  .bk-author-hero-title h1 {
    margin-bottom: 14px !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
  }

  .bk-author-hero-kicker,
  .bk-author-hero-kicker p {
    font-size: 13px !important;
  }

  .bk-author-hero-description p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .bk-author-hero-image .img-inner {
    aspect-ratio: 4 / 3 !important;
  }

  .bk-author-hero-stats-row {
    display: block !important;
    margin-top: 26px !important;
    border-top: 1px solid #e1e6ea !important;
  }

  .bk-author-hero-stats-row > .col {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    padding: 0 !important;
  }

  .bk-author-hero-stat > .col-inner {
    grid-template-columns: 110px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 17px 0 !important;
    border-bottom: 1px solid #e1e6ea !important;
  }

  .bk-author-stat-number p,
  .bk-author-stat-number strong,
  .bk-author-stat-number span {
    font-size: 42px !important;
    text-align: left !important;
  }

  .bk-author-stat-label p,
  .bk-author-stat-label strong,
  .bk-author-stat-label span {
    font-size: 13px !important;
    text-align: left !important;
  }
}