/*
 * Single-post header presentation (WoodMart child theme).
 * Loaded only when the module is enabled in config.
 */

.single-post .wd-page-title.title-blog {
  background: transparent !important;
  min-height: 0 !important;
  padding: 18px 0 0 !important;
}
.single-post .wd-page-title.title-blog .wd-page-title-bg { display: none !important; }
.single-post .wd-page-title.title-blog .entry-title { display: none !important; }
/* breadcrumb colors: links = brand blue, delimiters = grey, current crumb
   (the post title in .wd-last) = dark grey. WoodMart's light page-title scheme
   rendered the current crumb white (invisible) — force it dark. */
.single-post .wd-page-title.title-blog .wd-breadcrumbs { color: #9aa1ad !important; }
.single-post .wd-page-title.title-blog .wd-breadcrumbs a,
.single-post .wd-page-title.title-blog .wd-breadcrumbs .wd-last a {
  color: #1B4B8C !important;
}
.single-post .wd-page-title.title-blog .wd-breadcrumbs a:hover { color: #163b6f !important; }
.single-post .wd-page-title.title-blog .wd-breadcrumbs .wd-last { color: #4a4a4a !important; }
/* breadcrumb left-aligned: WoodMart makes .container a centered flex column
   (align-items:center) — override to flex-start so the breadcrumb sits at the
   content's left edge instead of centered. */
.single-post .wd-page-title.title-blog,
.single-post .wd-page-title.title-blog .container,
.single-post .wd-page-title.title-blog .wd-breadcrumbs { text-align: left !important; }
.single-post .wd-page-title.title-blog .container { align-items: flex-start !important; }
.single-post .wd-page-title.title-blog .wd-breadcrumbs {
  justify-content: flex-start !important;
  align-self: flex-start !important;
}

.single-post .wd-single-post-header {
  position: relative;
  text-align: left;
  align-items: flex-start;
}
.single-post .wd-single-post-header .wd-post-cat { text-align: left; }
.single-post .wd-single-post-header .wd-post-meta {
  position: absolute;
  top: 2px;
  right: 0;
  margin: 0;
}
.single-post .wd-single-post-header .wd-post-title {
  margin-top: 12px;
  text-align: left;
}
@media (max-width: 575px) {
  .single-post .wd-single-post-header .wd-post-meta {
    position: static;
    margin-top: 8px;
  }
}

.single-post .wd-post-cat.wd-style-with-bg,
.single-post .wd-post-cat {
  background: none !important;
  padding: 0 !important;
  overflow: visible !important; /* WoodMart sets overflow:hidden which clips the pill's rounded edge */
}
.single-post .wd-post-cat a {
  display: inline-block;
  background: #1B4B8C;
  color: #fff !important;
  padding: 5px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: none;
  letter-spacing: 0;
}
.single-post .wd-post-cat a:hover { background: #163b6f; }

.single-post .wd-post-meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.single-post .wd-post-meta .wd-modified-date { display: none !important; }
.single-post .wd-post-meta .wd-post-date {
  color: #6b7280;
  font-size: 13px;
  position: relative;
  padding-left: 20px;
}
.single-post .wd-post-meta .wd-post-date::before {
  content: "" !important;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.single-post .wd-post-meta .wd-post-author,
.single-post .wd-post-meta .wd-meta-author { display: none !important; }

.single-post .wd-single-post-header .wd-post-image { display: none !important; }
.single-post .ndn-single-featured { margin: 0 0 22px; }
.single-post .ndn-single-featured img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.ndn-trust-box {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: #eaf3fb;
  border: 1px solid #d4e6f6;
  border-radius: 12px;
  padding: 18px 20px;
  margin: 18px 0 26px;
}
.ndn-trust-box .ndn-trust-logo {
  flex: 0 0 auto;
  width: 92px;
  height: auto;
  border-radius: 8px;
  background: #fff;
}
.ndn-trust-box .ndn-trust-body {
  flex: 1 1 auto;
  min-width: 0;
}
.ndn-trust-box .ndn-trust-name {
  color: #1B4B8C;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .3px;
  margin-bottom: 4px;
}
.ndn-trust-box .ndn-trust-line {
  margin: 0;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
}
.ndn-trust-box .ndn-trust-more { margin-top: 6px; }
.ndn-trust-box .ndn-trust-more > summary {
  color: #1B4B8C;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.ndn-trust-box .ndn-trust-more > summary::-webkit-details-marker { display: none; }
.ndn-trust-box .ndn-trust-more > summary::after {
  content: "\25BE";
  font-size: 12px;
}
.ndn-trust-box .ndn-trust-more[open] > summary::after { content: "\25B4"; }
.ndn-trust-box .ndn-trust-more ul {
  margin: 8px 0 0;
  padding-left: 18px;
}
.ndn-trust-box .ndn-trust-more li {
  color: #444;
  font-size: 13.5px;
  line-height: 1.7;
}

@media (max-width: 575px) {
  .ndn-trust-box {
    gap: 12px;
    padding: 14px;
  }
  .ndn-trust-box .ndn-trust-logo { width: 64px; }
}

/* -------------------------------------------------------------------------- */
/* Single-post sidebar: cream cards with a soft border so each widget block    */
/* ("Bài viết liên quan", "Bài viết mới") reads as a distinct panel, matching  */
/* the homepage cream (#FBF8F1) + tan accent (#E8D7A8). Headings unchanged.    */
/* -------------------------------------------------------------------------- */
.single-post .wd-sidebar .sidebar-widget {
  background: #FBF8F1;
  border: 1px solid #E8D7A8;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 22px;
}

/* Unify the sidebar link text across both blocks: same weight (NOT bold) and
   same size. The "Bài viết mới" latest-posts block renders its titles at 600;
   bring it down to match the plain "Bài viết liên quan" list (400 / 15px). */
.single-post .wd-sidebar .sidebar-widget a,
.single-post .wd-sidebar .sidebar-widget .wp-block-latest-posts__post-title {
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.55;
}
.single-post .wd-sidebar .sidebar-widget li { margin-bottom: 8px; }
.single-post .wd-sidebar .sidebar-widget li:last-child { margin-bottom: 0; }