/* ===================================================================
   Nen xanh thuong hieu = DUNG mau logo #45BA76.
   Sheet nay xu ly hai he qua cua viec dung mot mau SANG lam mau nen:

   1. Chu/icon nam TREN nen do phai doi sang muc dam. Chu trang chi dat
      2,46 tren #45BA76 (can 4,5); muc #0C1922 dat 7,25.
   2. Vien/outline dung chinh token do chi dat 2,46 so voi nen trang,
      duoi chuan 3,0 cua WCAG 1.4.11 cho ranh gioi thanh phan va trang
      thai (vien :focus cua form, tab aria-selected...). Doi sang
      #3EA76A — dat 3,03, mat thuong gan nhu khong phan biet duoc.

   Moi selector co tien to 'body': Bricks nap CSS cua trang SAU wp_head
   nen cung do dac hieu se thua. 'body' la +1 element, du de thang ma
   khong phai dung !important.
   =================================================================== */

/* --- 1. noi dung tren nen xanh --- */
body #brxe-agf001 .agf-q[aria-expanded="true"] .agf-ico,
body #brxe-ags001 .ags-tab[aria-selected="true"] .ags-tab-num,
body #brxe-caq001 .caq-q[aria-expanded="true"] .caq-ico,
body #brxe-dcj001 .dcj-prose li::before,
body #brxe-dcz001 .dcz-mark,
body #brxe-dpf001 button.dpq[aria-expanded="true"] .dpq-ico,
body #brxe-dpm001 .dp-flag,
body #brxe-dqf001 .dq-formbox .bricks-button,
body #brxe-e4eh001 form.e4-search button,
body #brxe-e4vh001 form.e4-search button,
body #brxe-eco004 .eco-chip--solid-green,
body #brxe-faq001 .faq-cta__btn,
body #brxe-fxl001 .fxa li::before,
body #brxe-fxl001 .fxq[aria-expanded="true"] .fxq-ico,
body #brxe-gph000 .faq-item.is-open .faq-icon,
body #brxe-gph000 .gph-num::after,
body #brxe-gph000 a.gph-btn--primary,
body #brxe-gtq001 button.gtq[aria-expanded="true"] .gtq-ico,
body #brxe-gtt001 .gt-ini,
body #brxe-int001 .int-badge--ready .int-badge__icon,
body #brxe-int001 .int-cta__btn,
body #brxe-int001 .int-cta__icon,
body #brxe-int001 .int-legend__icon--ready,
body #brxe-isc001 .isec-badge,
body #brxe-isc001 .isec-card__icon,
body #brxe-lhf001 .lh-formbox .bricks-button,
body #brxe-prc001 .prc-check__mark,
body #brxe-prc001 .prc-step::before,
body #brxe-prc001 .prc-steps > li.is-open .prc-step__num,
body #brxe-pza001 .pz-flag,
body #brxe-pzb001 .pz-flag,
body #brxe-pzc001 .pz-flag,
body #brxe-pzf001 button.pzq[aria-expanded="true"] .pzq-ico,
body #brxe-pzo001 button.pz-term[aria-pressed="true"],
body #brxe-scq001 .scq-q[aria-expanded="true"] .scq-ico,
body #brxe-sty001 .story-tab[aria-selected="true"],
body #brxe-tw001 .tw-eyebrow::after,
body .brxe-block.incard-tvl-flow::before,
body .incard-sol-caseprose li::before,
body body.brx-body.page-id-271 .incard-ind-flow::before {
  color: var(--ag-on-green, #0c1922);
}

/* --- 2. vien / outline --- */
body #brxe-agf001 .agf-q:hover .agf-ico,
body #brxe-agf001 .agf-q[aria-expanded="true"] .agf-ico,
body #brxe-ags001 .ags-tab:hover,
body #brxe-ags001 .ags-tab[aria-selected="true"],
body #brxe-bab001 .ba-prose blockquote,
body #brxe-bab001 .ba-toc a[aria-current="true"],
body #brxe-bar001 .incard-pg-card:hover,
body #brxe-cai001 .cai-card:hover,
body #brxe-caq001 .caq-q:hover .caq-ico,
body #brxe-caq001 .caq-q[aria-expanded="true"] .caq-ico,
body #brxe-dpf001 .dpa,
body #brxe-dpm001 .dp-mod--pho,
body #brxe-dqf001 .dq-award__card,
body #brxe-dqf001 .dq-formbox .bricks-button,
body #brxe-dqf001 .dq-formbox .form-group input:focus,
body #brxe-dqf001 .dq-formbox .form-group select:focus,
body #brxe-dqf001 .dq-formbox .form-group textarea:focus,
body #brxe-dqz001 a.dq-case:hover,
body #brxe-e4eg001 a.e4-card:hover,
body #brxe-e4eh001 form.e4-search button,
body #brxe-e4eh001 form.e4-search input[type="search"]:focus,
body #brxe-e4vg001 a.e4-card:hover,
body #brxe-e4vh001 form.e4-search button,
body #brxe-e4vh001 form.e4-search input[type="search"]:focus,
body #brxe-fxl001 .fxa,
body #brxe-fxl001 .fxq:hover .fxq-ico,
body #brxe-fxl001 .fxq[aria-expanded="true"] .fxq-ico,
body #brxe-gph000 .faq-panel__inner,
body #brxe-gph000 .gph-fit,
body #brxe-gph000 a.gph-btn--ghost:hover,
body #brxe-gph000 a.gph-btn--primary,
body #brxe-lhf001 .lh-award__card,
body #brxe-lhf001 .lh-formbox .bricks-button,
body #brxe-lhf001 .lh-formbox .form-group input:focus,
body #brxe-lhf001 .lh-formbox .form-group select:focus,
body #brxe-lhf001 .lh-formbox .form-group textarea:focus,
body #brxe-lhp001 a.lh-case:hover,
body #brxe-lvg001 a.lv-card:hover,
body #brxe-pqd001 a.pq-doc:hover,
body #brxe-pza001 .pz-note,
body #brxe-pza001 .pz-tier--pho,
body #brxe-pzb001 .pz-note,
body #brxe-pzb001 .pz-tier--pho,
body #brxe-pzc001 .pz-note,
body #brxe-pzc001 .pz-tier--pho,
body #brxe-pzd001 .pz-note,
body #brxe-pzd001 .pz-quote,
body #brxe-pze001 .pz-note,
body #brxe-pzf001 .pza,
body #brxe-pznav a:hover,
body #brxe-pzo001 .pz-note,
body #brxe-pzo001 a.pz-pcard:hover,
body #brxe-qsg001 .qsg-card:hover,
body #brxe-scq001 .scq-q:hover .scq-ico,
body #brxe-scq001 .scq-q[aria-expanded="true"] .scq-ico,
body #brxe-scs001 .scs-card:hover,
body .brxe-block.incard-tvl-factbox,
body body.brx-body.page-id-271 .incard-ind-summary {
  border-color: var(--ag-green-edge, #3ea76a);
}

/* --- 3. nut chinh dung gradient preset cua WordPress --- */
/* Gradient nay ghi gia tri truc tiep trong incard-design-presets.css nen
   khong theo token; da doi rieng sang mau logo. Chu cung phai doi. */
body .has-button-green-gradient-background,
body .wp-block-button.is-style-fill .wp-block-button__link.has-button-green-gradient-background {
  color: var(--ag-on-green, #0c1922);
}

/* --- 4. nut chinh: mau chu duoc dat o rule KHAC (lop .ag-btn co so,
   khong phai lop --primary) nen phep quet theo "khoi co nen xanh" khong bat
   duoc. Liet ke tuong minh. Bricks boc nhan nut trong <span class="text">
   nen phai neo ca con. */
body .ag-btn--primary,
body .ag-btn--primary .text,
body .incard-btn-primary,
body .incard-btn-primary .text,
body .incard-btn-gradient,
body .incard-btn-gradient .text,
body .incard-sol-btn-primary,
body .incard-sol-btn-primary .text,
body #brxe-ftform .bricks-button,
body #brxe-ftform .bricks-button .text,
body .lh-formbox .bricks-button .text,
body .dq-formbox .bricks-button .text {
  color: var(--ag-on-green, #0c1922);
}

/* Vien cua nut CTA lay currentColor. Doi mau chu sang muc dam lam vien cung
   dam theo, trong nhu mot duong outline nang. Chi dinh mau vien tuong minh —
   #3EA76A dat 3,03 so voi nen trang nen van du chuan ranh gioi. */
body .ag-btn--primary,
body .incard-btn-primary,
body .incard-btn-gradient,
body .incard-sol-btn-primary,
body #brxe-ftform .bricks-button {
  border-color: var(--ag-green-edge, #3ea76a);
}

/* Nut CTA header co rule rieng 'header a.brxe-button.incard-btn-gradient'
   dat 'border: 0' o (0,2,1) — cao hon rule vien o tren nen no khong co vien
   nao, ranh gioi voi nen trang chi 2,46. Neo (0,2,2) de them lai vien. */
body header a.brxe-button.incard-btn-gradient {
  border: 1px solid var(--ag-green-edge, #3ea76a);
}