/*
Theme Name: Viện Nghiên Cứu Đào Tạo Bồi Dưỡng Cán Bộ
Theme URI: https://viendaotaocanbo.edu.vn
Author: Nguyễn Tiệp
Author URI: https://viendaotaocanbo.edu.vn
Description: Theme WordPress được thiết kế riêng dành cho tổ chức Viện Nghiên Cứu Đào Tạo Bồi Dưỡng Cán Bộ.
Version: 1.0.0
Text Domain: vdt-training-theme
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
*/

/* CSS giao diện chính được enqueue từ assets/css để giữ nguyên bản thiết kế HTML gốc. */

html {
  scrollbar-gutter: stable;
}

.vdt-site-header {
  z-index: 4000;
  transform: translateZ(0);
}

.vdt-site-header.vdt-has-open-mega {
  z-index: 4100;
}

body.admin-bar .vdt-site-header,
body.admin-bar .vdt-header {
  top: 32px;
}

body.vdt-nav-open {
  overflow: hidden;
  width: 100%;
}

body.admin-bar .vdt-post-progress {
  top: 32px;
}

body.admin-bar .vdt-blog-sidebar,
body.admin-bar .vdt-post-bg-heritage .vdt-post-sidebar {
  top: 144px;
}

.vdt-post-hero__image,
.vdt-post-hero__media .wp-post-image,
.vdt-blog-card__image,
.vdt-blog-featured-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vdt-entry-content img,
.vdt-post-content img {
  max-width: 100%;
  height: auto;
}

.vdt-post-content .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.vdt-post-content .alignwide,
.vdt-post-content .alignfull {
  max-width: 100%;
}

.vdt-pagination .page-numbers.current {
  border-color: transparent;
  background: linear-gradient(135deg, #1E5BFF, #00B8D9);
  color: #fff;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 782px) {
  body.admin-bar .vdt-site-header,
  body.admin-bar .vdt-header {
    top: 46px;
  }

  body.admin-bar .vdt-post-progress {
    top: 46px;
  }

  body.admin-bar .vdt-blog-sidebar,
  body.admin-bar .vdt-post-bg-heritage .vdt-post-sidebar {
    top: 118px;
  }
}

/* Contrast guardrails for dark hero, CTA and navy sections.
   style.css is enqueued after main/responsive CSS, so these rules protect
   page-specific dark surfaces from the global body.vdt-page heading color. */
body.vdt-page :is(
  .vdt-hero,
  .vdt-section--dark,
  .vdt-pm-section--dark,
  .vdt-estimate-section--dark,
  .vdt-construction-section--dark,
  .vdt-schedule-section--dark,
  .vdt-contact-section--dark,
  .vdt-cert-section--dark,
  .vdt-egp-course-section--dark,
  .vdt-onsite-bid-section--blue,
  .vdt-ebid-section--blue,
  .vdt-refund-section--blue,
  .vdt-cta-band,
  .vdt-footer-cta--image,
  .vdt-blog-sidebox--cta,
  .vdt-blog-final-cta__inner,
  .vdt-post-sidebox--cta,
  .vdt-post-final-cta,
  .vdt-refund-final,
  .vdt-privacy-final-cta,
  .vdt-re-final,
  .vdt-estimate-final,
  .vdt-construction-final,
  .vdt-pm-final,
  .vdt-schedule-final,
  .vdt-contact-final,
  .vdt-register-final,
  .vdt-about-final-cta,
  .vdt-valuation-final,
  .vdt-cert-final,
  .vdt-bidexam-final,
  .vdt-bds-final-cta,
  .vdt-xd-final-cta,
  .vdt-dt-final-cta,
  .vdt-bid-dossier-final,
  .vdt-egp-final,
  .vdt-egp-course-final-cta,
  .vdt-ebid-final,
  .vdt-ebid-mid-cta,
  .vdt-onsite-bid-final,
  .vdt-onsite-final-cta,
  .vdt-supervision-final-cta,
  .vdt-broker-final-cta,
  .vdt-team-final-cta,
  .vdt-pm-price-card,
  .vdt-register-support__card,
  .vdt-valuation-schedule,
  .vdt-bidexam-schedule-card
) :where(h1, h2, h3, h4, h5, h6) {
  color: #ffffff !important;
}

body.vdt-page :is(
  .vdt-course-hero__content,
  .vdt-onsite-hero__content,
  .vdt-broker-hero__content,
  .vdt-supervision-hero__content,
  .vdt-estimate-hero__content,
  .vdt-construction-hero__content,
  .vdt-pm-hero__content,
  .vdt-schedule-hero__content,
  .vdt-contact-hero__content,
  .vdt-register-hero__content,
  .vdt-valuation-hero__content,
  .vdt-cert-hero__content,
  .vdt-bidexam-hero__content,
  .vdt-bds-hero__content,
  .vdt-xd-hero__content,
  .vdt-dt-hero__content,
  .vdt-bid-dossier-hero__content,
  .vdt-egp-hero__content,
  .vdt-egp-course-hero__content,
  .vdt-ebid-hero__content,
  .vdt-onsite-bid-hero__content,
  .vdt-team-hero__content,
  .vdt-privacy-hero__content
) :where(h1, h2, h3, h4, h5, h6) {
  color: #ffffff !important;
}

body.vdt-page :is(
  .vdt-section--dark,
  .vdt-pm-section--dark,
  .vdt-estimate-section--dark,
  .vdt-construction-section--dark,
  .vdt-schedule-section--dark,
  .vdt-contact-section--dark,
  .vdt-cert-section--dark,
  .vdt-egp-course-section--dark,
  .vdt-onsite-bid-section--blue,
  .vdt-ebid-section--blue,
  .vdt-refund-section--blue,
  .vdt-cta-band,
  .vdt-footer-cta--image,
  .vdt-blog-sidebox--cta,
  .vdt-blog-final-cta__inner,
  .vdt-post-sidebox--cta,
  .vdt-post-final-cta,
  .vdt-refund-final,
  .vdt-privacy-final-cta,
  .vdt-re-final,
  .vdt-estimate-final,
  .vdt-construction-final,
  .vdt-pm-final,
  .vdt-schedule-final,
  .vdt-contact-final,
  .vdt-register-final,
  .vdt-about-final-cta,
  .vdt-valuation-final,
  .vdt-cert-final,
  .vdt-bidexam-final,
  .vdt-bds-final-cta,
  .vdt-xd-final-cta,
  .vdt-dt-final-cta,
  .vdt-bid-dossier-final,
  .vdt-egp-final,
  .vdt-egp-course-final-cta,
  .vdt-ebid-final,
  .vdt-ebid-mid-cta,
  .vdt-onsite-bid-final,
  .vdt-onsite-final-cta,
  .vdt-supervision-final-cta,
  .vdt-broker-final-cta,
  .vdt-team-final-cta,
  .vdt-pm-price-card,
  .vdt-register-support__card,
  .vdt-valuation-schedule,
  .vdt-bidexam-schedule-card
) :where(p, li, dd, dt, figcaption) {
  color: rgba(255, 255, 255, 0.88) !important;
}

body.vdt-page :is(
  .vdt-course-hero__content,
  .vdt-onsite-hero__content,
  .vdt-broker-hero__content,
  .vdt-supervision-hero__content,
  .vdt-estimate-hero__content,
  .vdt-construction-hero__content,
  .vdt-pm-hero__content,
  .vdt-schedule-hero__content,
  .vdt-contact-hero__content,
  .vdt-register-hero__content,
  .vdt-valuation-hero__content,
  .vdt-cert-hero__content,
  .vdt-bidexam-hero__content,
  .vdt-bds-hero__content,
  .vdt-xd-hero__content,
  .vdt-dt-hero__content,
  .vdt-bid-dossier-hero__content,
  .vdt-egp-hero__content,
  .vdt-egp-course-hero__content,
  .vdt-ebid-hero__content,
  .vdt-onsite-bid-hero__content,
  .vdt-team-hero__content,
  .vdt-privacy-hero__content
) :where(p, li) {
  color: rgba(255, 255, 255, 0.88) !important;
}

body.vdt-page :is(
  .vdt-hero,
  .vdt-section--dark,
  .vdt-pm-section--dark,
  .vdt-estimate-section--dark,
  .vdt-construction-section--dark,
  .vdt-schedule-section--dark,
  .vdt-contact-section--dark,
  .vdt-cert-section--dark,
  .vdt-egp-course-section--dark,
  .vdt-cta-band,
  .vdt-footer-cta--image,
  .vdt-bid-dossier-hero,
  .vdt-bid-dossier-final,
  .vdt-egp-course-hero,
  .vdt-egp-course-final-cta,
  .vdt-ebid-hero,
  .vdt-ebid-final,
  .vdt-onsite-bid-hero,
  .vdt-onsite-bid-final
) :where(.vdt-btn--secondary) {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

body.vdt-page :is(
  .vdt-bid-dossier-hero,
  .vdt-bid-dossier-final,
  .vdt-cert-hero,
  .vdt-cert-final,
  .vdt-ebid-hero,
  .vdt-ebid-final,
  .vdt-egp-hero,
  .vdt-egp-final,
  .vdt-egp-course-hero,
  .vdt-egp-course-final-cta,
  .vdt-onsite-bid-hero,
  .vdt-onsite-bid-final
) :where(.vdt-bid-dossier-kicker, .vdt-cert-kicker, .vdt-ebid-badge, .vdt-ebid-kicker, .vdt-egp-kicker, .vdt-onsite-bid-kicker) {
  color: #f5d58a !important;
  border-color: rgba(245, 184, 66, 0.36) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

body.vdt-page .vdt-bid-dossier-hero :where(.vdt-bid-dossier-tags span, .vdt-bid-dossier-hotline),
body.vdt-page .vdt-bid-dossier-hero :where(.vdt-bid-dossier-tags span, .vdt-bid-dossier-hotline) strong {
  color: #ffffff !important;
}

body.vdt-page .vdt-bid-dossier-hero .vdt-bid-dossier-hotline strong,
body.vdt-page .vdt-bid-dossier-final strong {
  color: #ffe5a3 !important;
}

body.vdt-page :is(.vdt-xd-final-cta, .vdt-dt-final-cta) :where(.vdt-xd-section__kicker, .vdt-dt-section__kicker) {
  color: #f5d58a !important;
  border-color: rgba(245, 184, 66, 0.42) !important;
}