/**
 * OneStack v342 – Brand Tech palette.
 * Logo header gốc: wordmark #000730; gold stops #D18B00, #E8991E,
 * #E9AB1A, #F5C31B, #FFF990. Để chữ nhỏ dễ đọc, gold trên nền sáng
 * dùng tông đậm #875904, không dùng màu gold nhạt làm text.
 * Giữ nguyên tất cả ảnh, URL ảnh, nội dung và bố cục v341.
 */
:root {
  --os-brand-gold-glow: #ffd255;
  /* Override prior design tokens, preserving the white/cream rhythm. */
}

/* Header/logo are shared sitewide. Do not recolor industry-themed content pages. */
body[class*="oneweb-template"] .oneweb-shared-header .os-v9-nav a::after {
  background: linear-gradient(90deg,var(--os-brand-gold-deep),var(--os-brand-gold-bright)) !important;
}
body[class*="oneweb-template"] .oneweb-shared-header .os-v9-icon-btn,
body[class*="oneweb-template"] .oneweb-shared-header .os-v228-auth-btn:not(.os-v228-login-btn):not(.os-v228-register-btn) {
  border-color: #dbe3ed !important;
  color: var(--os-brand-ink) !important;
  background: #fff !important;
}
body[class*="oneweb-template"] .oneweb-shared-header :is(a,button):focus-visible {
  outline: 3px solid var(--os-brand-gold-deep);
  outline-offset: 3px;
}

/* Homepage: better hierarchy and technology blue WITHOUT an all-dark page. */
body.oneweb-template-home,
body.oneweb-template-home .os-home-v9 {
  color: var(--os-brand-ink) !important;
}
body.oneweb-template-home::before {
  background: linear-gradient(180deg,#fff 0%,#f4f7fb 53%,#fff 100%) !important;
}
body.oneweb-template-home .os-home-v9 {
  --os-line: rgba(209,139,0,.34);
  background: #fff !important;
}
.os-home-v9 .os-v9-title {
  color: var(--os-brand-ink) !important;
  font-weight: 700 !important;
  letter-spacing: -.03em;
}
.os-home-v9 .os-v9-title::before {
  width: 56px;
}
.os-home-v9 .os-v9-btn--gold,
.os-home-v9 .os-v9-promo .os-v9-btn--gold,
.os-home-v9 .os-v9-btn--gold-dark {
  border: 1px solid var(--os-brand-gold-deep) !important;
  color: var(--os-brand-ink) !important;
  background: linear-gradient(125deg,#ffd255 0%,#f5c31b 54%,#e9ab1a 100%) !important;
  box-shadow: 0 10px 25px rgba(209,139,0,.21) !important;
}
.os-home-v9 .os-v9-btn--gold:hover,
.os-home-v9 .os-v9-btn--gold:focus-visible {
  background: #f5c31b !important;
  box-shadow: 0 12px 28px rgba(209,139,0,.27) !important;
}
.os-home-v9 .os-v9-btn--outline {
  border-color: rgba(245,195,27,.72) !important;
  background: rgba(17,24,39,.22) !important;
  color: #fff !important;
}
.os-home-v9 .os-v9-btn--outline:hover {
  border-color: #f5c31b !important;
  background: rgba(245,195,27,.12) !important;
}

/* Crisp cards and visible accents instead of washed-out gold. */
.os-home-v9 .os-v9-services,
.os-home-v9 .os-v9-website,
.os-home-v9 .os-v9-news { background: #fff !important; }
.os-home-v9 .os-v9-about { background: linear-gradient(125deg,#fcf8ef 0%,#f6f8fb 100%) !important; }
.os-home-v9 .os-v9-dual { background: #f4f7fb !important; }
.os-home-v9 .os-v9-service-card,
.os-home-v9 .os-v9-web-card,
.os-home-v9 .os-v9-more-card,
.os-home-v9 .os-v9-wide-card,
.os-home-v9 .os-v9-feature-card,
.os-home-v9 .os-v9-news-card {
  border-color: #dce4ee !important;
  box-shadow: 0 10px 26px rgba(16,35,63,.07) !important;
}
.os-home-v9 .os-v9-service-card:hover,
.os-home-v9 .os-v9-web-card:hover,
.os-home-v9 .os-v9-wide-card:hover,
.os-home-v9 .os-v9-news-card:hover {
  border-color: rgba(209,139,0,.7) !important;
  box-shadow: 0 16px 35px rgba(16,35,63,.125) !important;
}
.os-home-v9 .os-v9-card-icon {
  border: 1px solid rgba(209,139,0,.24);
  background: #fff3d5 !important;
  color: #b27800 !important;
}
.os-home-v9 .os-v9-service-card strong,
.os-home-v9 .os-v9-web-card > span,
.os-home-v9 .os-v9-wide-card h3,
.os-home-v9 .os-v9-feature-card h2,
.os-home-v9 .os-v9-news-card h3 {
  color: var(--os-brand-ink) !important;
}
.os-home-v9 .os-v9-service-card p,
.os-home-v9 .os-v9-wide-card p,
.os-home-v9 .os-v9-feature-card li,
.os-home-v9 .os-v9-about__content p {
  color: var(--os-brand-muted) !important;
}
.os-home-v9 .os-v9-stats .os-v9-stat {
  box-shadow: 0 8px 25px rgba(16,35,63,.055) !important;
}
.os-home-v9 .os-v9-stat small { color: #536278 !important; }
.os-home-v9 .os-v9-about__image figcaption {
  border: 1px solid #e5cf98 !important;
  box-shadow: 0 6px 20px rgba(16,35,63,.12);
}
.os-home-v9 .os-v9-more-card > span {
  color: var(--os-brand-gold-deep) !important;
  background: #fff3d5 !important;
}
.os-home-v9 .os-v9-feature-card em {
  color: var(--os-brand-gold-text) !important;
  background: #fff3d5 !important;
}

/* Promo and footer: dense navy provides contrast, gold is an accent, not noise. */
.os-home-v9 .os-v9-promo p { color: #e9eef6 !important; }
.os-home-v9 .os-v9-tabs button,
.os-home-v9 .os-v9-tabs span {
  border-color: #dce4ee !important;
  color: #0c1646 !important;
  background: #fff !important;
}
.os-home-v9 .os-v9-tabs button:hover,
.os-home-v9 .os-v9-tabs button:focus-visible {
  border-color: #d18b00 !important;
  color: var(--os-brand-ink) !important;
}
.os-home-v9 .os-v9-tabs button.is-active,
.os-home-v9 .os-v9-tabs span.is-active {
  border-color: #d18b00 !important;
  color: #000730 !important;
  background: linear-gradient(110deg,#ffd255,#f5c31b) !important;
  box-shadow: 0 6px 17px rgba(209,139,0,.23) !important;
}
.os-home-v9 .os-v9-news-meta strong {
  color: #875904 !important;
  background: #fff3d5 !important;
}
.os-home-v9 .os-v9-news-meta time { color: #526278 !important; }

/* Bring app/hospital in line with gold from the SVG; no image swaps. */
.os-home-v9 .os-v339-app__eyebrow,
.os-home-v9 .os-v339-app__section-label,
.os-home-v9 .os-v340-hospital__eyebrow,
.os-home-v9 .os-v340-hospital__section-label {
  color: #875904 !important;
}
.os-home-v9 .os-v339-app__feature-icon,
.os-home-v9 .os-v340-hospital__feature-icon {
  background: #fff3d5 !important;
  border-color: #ead5a4 !important;
  color: #ac7100 !important;
}
.os-home-v9 .os-v339-app__content h3 span,
.os-home-v9 .os-v340-hospital__content h3 span { color: #ad7200 !important; }
.os-home-v9 .os-v339-app__button--primary,
.os-home-v9 .os-v340-hospital__button--primary {
  background: linear-gradient(125deg,#ffd255,#f5c31b,#e9ab1a) !important;
  border-color: #d18b00 !important;
  color: #000730 !important;
}
.os-home-v9 .os-v339-app__button--secondary:hover,
.os-home-v9 .os-v340-hospital__button--secondary:hover { border-color: #d18b00 !important; }
.os-home-v9 .os-v340-hospital {
  background: linear-gradient(125deg,#fcf8ef 0%,#f6f8fb 100%) !important;
}
body[class*="oneweb-template"] .oneweb-shared-footer :is(a,button):focus-visible,
.os-home-v9 :is(a,button):focus-visible {
  outline: 3px solid #d18b00;
  outline-offset: 3px;
}
@media (hover:hover) {
  .os-home-v9 :is(.os-v9-service-card,.os-v9-web-card,.os-v9-wide-card,.os-v9-news-card) {
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  }
}
@media (max-width:760px) {
  .os-home-v9 .os-v9-title::before { width: 42px; height: 3px; }
  .os-home-v9 .os-v9-service-card { box-shadow: 0 6px 18px rgba(16,35,63,.06) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .os-home-v9 :is(.os-v9-service-card,.os-v9-web-card,.os-v9-wide-card,.os-v9-news-card) {
    transition: none !important;
  }
}