/* KGVH visual/daily patch: phụ trợ, KHÔNG thay thế style.css cũ. */
/* 1 — Hero: hai dòng phủ đều vùng chữ, khoảng chữ hẹp và khoảng dòng cân. */
body.home .home-hero-v2 .hero-copy { width:100%; max-width:1100px !important; }
body.home .home-hero-v2 .home-hero-title-main.kgvh-vdf-ready {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:clamp(14px,2.2vw,28px)!important;
  width:var(--kgvh-vdf-width,100%)!important;
  max-width:100%!important;
  margin:0 0 clamp(20px,3vw,36px)!important;
  padding:0!important;
  color:#f0cf7a!important;
  font-weight:750!important;
  font-size:clamp(27px,4.15vw,70px)!important;
  line-height:1.04!important;
  letter-spacing:-.048em!important;
  text-transform:uppercase!important;
  text-wrap:nowrap!important;
}
body.home .home-hero-v2 .home-hero-title-main.kgvh-vdf-ready .kgvh-b16-line1,
body.home .home-hero-v2 .home-hero-title-main.kgvh-vdf-ready .kgvh-b16-line2 {
  display:block!important;
  flex:none!important;
  white-space:nowrap!important;
  width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  line-height:1.05!important;
  letter-spacing:-.048em!important;
  transform-origin:0 50%!important;
}
body.home .home-hero-v2 .home-hero-title-main.kgvh-vdf-ready .kgvh-b16-line1 {
  font-size:1em!important;
}
body.home .home-hero-v2 .home-hero-title-main.kgvh-vdf-ready .kgvh-b16-line2 {
  font-size:1.40em!important;
  color:#f0cf7a!important;
}
@media (max-width:740px) {
  body.home .home-hero-v2 .home-hero-title-main.kgvh-vdf-ready {
    font-size:clamp(17px,4.9vw,36px)!important;
    gap:clamp(10px,2.8vw,20px)!important;
  }
  body.home .home-hero-v2 .home-hero-title-main.kgvh-vdf-ready .kgvh-b16-line1,
  body.home .home-hero-v2 .home-hero-title-main.kgvh-vdf-ready .kgvh-b16-line2 {
    letter-spacing:-.052em!important;
  }
}
/* 2 — Dải lời dạy: date và link tương phản, phân cách rõ. */
body.home .home-quote-band .home-quote-meta {
  color:rgba(255,255,255,.90)!important;
  font-size:14px!important;
  font-weight:550!important;
  gap:12px!important;
  flex-wrap:wrap;
}
body.home .home-quote-band .home-quote-meta > span+span::before {
  content:'•'; margin-right:12px;color:#f0cf7a;
}
body.home .home-quote-inner blockquote {text-wrap:balance;}
/* 3 — Thanh breadcrumb trên trang bài viết: hiện rõ và gọn hơn. */
body.single-kgvh_article .breadcrumb {
  background:#fbf7f1!important;
  border-top:1px solid #eadfd7!important;
  border-bottom:1px solid #e5d5ca!important;
  color:#72575d!important;
  box-shadow:0 3px 12px rgba(63,17,29,.045)!important;
  font-size:13px!important;
}
body.single-kgvh_article .breadcrumb .container {
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  padding-block:16px!important;
  line-height:1.5!important;
}
body.single-kgvh_article .breadcrumb a {
  color:#712033!important;
  font-weight:700!important;
  text-decoration:none!important;
  transition:color .2s;
}
body.single-kgvh_article .breadcrumb a:hover {color:#a2334d!important;text-decoration:underline!important;}
body.single-kgvh_article .breadcrumb .container > span:not(:last-child) {
  color:#bc9da1!important;
  font-weight:650!important;
}
body.single-kgvh_article .breadcrumb .container > span:last-child {
  color:#5c2635!important;
  background:#f3e4e5!important;
  border:1px solid #ecd4d9!important;
  border-radius:9px!important;
  padding:7px 12px!important;
  font-weight:650!important;
  max-width:100%;
  overflow-wrap:anywhere;
}
body.single-kgvh_article .article-tag {
  padding:8px 14px!important;
  background:#f8e5e9!important;
  color:#8c1030!important;
  border:1px solid #f0d0d9!important;
  border-radius:9px!important;
  font-weight:800!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
}
@media (max-width:640px) {
  body.single-kgvh_article .breadcrumb .container{gap:6px!important;padding-block:12px!important;}
  body.single-kgvh_article .breadcrumb .container > span:last-child{flex-basis:100%;}
}


/* ================================================================
  Brand/quote correction v1.2.0 (applies AFTER theme and old overrides)
  - Keep UEH50 color logo at the top
  - Smaller on desktop/tablet/mobile, without altering header height
  - Footer: white UEH50 logo with an actually transparent background
  - Remove only the decorative quotation mark; preserve quote content
================================================================ */
body.home .home-quote-band::after,
.home-quote-band::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
}

.site-header .brand {
  gap: 12px !important;
}
.site-header .brand-mark.brand-mark-image {
  height: 52px !important;
  max-height: 52px !important;
  width: auto !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}
.site-header .brand-mark.brand-mark-image img {
  display:block !important;
  height: 52px !important;
  max-height: 52px !important;
  max-width: 155px !important;
  width: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

/* Monochrome image is a separate asset; the header still uses its colorful logo. */
.site-footer-v2 .footer-brand .footer-brand-logo.brand-mark-image {
  background-color: transparent !important;
  background-image: url('ueh50-white-transparent.png') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  width: 104px !important;
  height: 44px !important;
  flex: 0 0 104px !important;
  max-width: 104px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.site-footer-v2 .footer-brand .footer-brand-logo.brand-mark-image img {
  opacity: 0 !important;
  visibility: hidden !important;
}
@media (min-width: 701px) and (max-width: 1320px) {
  .site-header .brand-mark.brand-mark-image,
  .site-header .brand-mark.brand-mark-image img {
    height: 46px !important;
    max-height: 46px !important;
  }
  .site-header .brand-mark.brand-mark-image img { max-width: 140px !important; }
}
@media (max-width: 700px) {
  .site-header .brand { gap: 9px !important; }
  .site-header .brand-mark.brand-mark-image,
  .site-header .brand-mark.brand-mark-image img {
    height: 38px !important;
    max-height: 38px !important;
  }
  .site-header .brand-mark.brand-mark-image img { max-width: 112px !important; }
  .site-footer-v2 .footer-brand .footer-brand-logo.brand-mark-image {
    width: 96px !important;
    max-width: 96px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
  }
}