/* css/tuyendung.css — style rieng cho module Tuyen dung (/tuyen-dung), chi
   chua phan CHUA CO component tuong duong san co tren site. Danh sach dung
   lai gan nhu toan bo .nb-*/.ivd-breadcrumb (css/inan-news-blog.css,
   css/inan.css); chi tiet dung lai .bp-main/.bp-breadcrumb-band/
   .bp-article-header (css/inan-layout-blogpost.css). */

/* ====== Danh sach vi tri (2 cot lon, moi the co icon rieng + luoi 2x3 thong
   tin) — thay the hoan toan cho .nb-grid/.nb-card cu cua module inan, vi
   thiet ke moi khac han (khong con la card nho compact nua). ====== */
.td-list-section{padding-top:8px}
.td-list-heading{font-size:1.5rem;font-weight:700;margin:0 0 24px;letter-spacing:-0.029em}
.td-list-subtitle{color:#4a4f63;font-size:1rem;margin:0 0 32px}
.td-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px; padding-bottom: 48px}
.td-list-card{display:block;background:#fff;border:1px solid #D8E2E6;border-radius:12px;padding:28px;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.td-list-card:hover{box-shadow:0 12px 28px rgba(16,24,40,.08);transform:translateY(-2px);color:inherit;text-decoration:none}
.td-list-card__head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.td-list-card__title{font-size:1rem;font-weight:700;margin:0;min-width:0}
.td-list-card__icon{flex:0 0 auto;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;overflow:hidden}
.td-list-card__icon img{width:100%;height:100%;object-fit:cover}
.td-list-card__icon svg{width:45px;height:45px}
.td-list-card__divider{width:40px;height:3px;background:var(--ivd-brand,#005EDB);border-radius:2px;margin-bottom:16px}
.td-list-card__location{display:flex;align-items:flex-start;gap:8px;color:#4a4f63;font-size:0.875rem;margin-bottom:20px}
.td-list-card__location i{flex:0 0 auto;color:var(--ivd-brand,#005EDB);margin-top:3px}
.td-list-card__specs{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;padding-top:20px;border-top:1px solid #eef1f5;margin-bottom:20px}
.td-list-spec{display:flex;align-items:center;gap:12px;min-width:0}
.td-list-spec__icon{flex:0 0 auto;width:36px;height:36px;border-radius:8px;background:#eef3fd;color:var(--ivd-brand,#005EDB);display:flex;align-items:center;justify-content:center;font-size:1.125rem}
.td-list-spec__label{font-size:0.875rem;color:#657384;margin:0 0 2px}
.td-list-spec__value{font-size:0.875rem;font-weight:600;margin:0}
.td-list-card__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #eef1f5}
.td-list-card__viewlink{display:inline-flex;align-items:center;gap:6px;font-size:0.875rem;color:#657384}
.td-list-card__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--ivd-brand,#005EDB);background:#eef3fd;font-size:1rem;transition:background .2s,color .2s}
.td-list-card:hover .td-list-card__arrow{background:var(--ivd-brand,#005EDB);color:#fff}

/* ====== Trang chi tiet: dung chung khung .bp-main/.bp-breadcrumb-band voi
   trang Tu van In an (module inan). #link_br{padding:24px 0} da co san toan
   cuc (css/style.css) nhung nen trang trang (#main_content:has(.bp-main))
   va nen gradient cua band nam trong css/inan-layout-blogpost.css — module
   nay KHONG nap ca file do (tranh keo theo .bp-article-header/.bp-meta-*
   khong dung toi), chi copy dung 2 rule can thiet. ====== */
#main_content:has(.bp-main){background:#fff}
.bp-breadcrumb-band{background:linear-gradient(rgba(234,239,250,.996) 0%,rgb(255,255,255) 100%)}
.td-detail-title{font-size:2rem;font-weight:700;letter-spacing:-0.029em;margin:16px 0 8px}
.td-detail-location{display:flex;align-items:center;gap:8px;color:#4a4f63;font-size:0.875rem;margin:0 0 24px}
.td-detail-location i{color:var(--ivd-brand,#005EDB)}

/* ====== Luoi thong so (3 cot, tu wrap them hang neu co Cap bac/Hoc van),
   moi o/box vien rieng (khac voi .td-list-spec phang khong vien tren the
   danh sach) ====== */
.td-detail-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.td-detail-spec{display:flex;align-items:center;gap:12px;min-width:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px}

/* ====== Bo cuc 2 cot: noi dung chinh + sidebar ====== */
.td-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
/* top: var(--ivd-header-h) — CSS var do header-sticky.js cap nhat LIEN TUC
   moi lan scroll theo dung chieu cao THAT cua .ivd-header (header tu thu
   gon khi scroll qua .is-scrolled, xem header-redesign.css). Truoc day dung
   top:24px co dinh nen header (fixed, cao ~72px, z-index 999) de len tren
   noi dung dau sidebar khi sticky kich hoat — dung y het pattern da fix cho
   .blogpost-toc-sticky (toc.css) khi gap loi tuong tu. ====== */
.td-detail-sidebar{position:sticky;top:var(--ivd-header-h, 60px);display:flex;flex-direction:column;gap:20px}

/* ====== Noi dung (rich text tu TinyMCE) — h2 dung dung style + counter cua
   #news_detail .blogpost-article-body h2 (css/toc.css), moi .td-content-block
   la 1 muc trong danh sach nen counter-reset dat o .td-detail-main (cha
   chung), khong dat rieng tung block. ====== */
.td-detail-main{counter-reset:td-h2-counter; padding-bottom: 20px}
.td-related-card .title_box { padding: 48px 0 20px; }
.td-content-block{margin-bottom:32px}
.td-content-block h2{scroll-margin-top:100px;margin-bottom:20px;font-size:1.5rem;font-weight:700;counter-increment:td-h2-counter;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.td-content-block h2::before{content:counter(td-h2-counter,decimal-leading-zero) ".";font-size:2.5rem;font-weight:800;line-height:1;color:#ccc}
.td-content-block ul,.td-content-block ol{margin:0 0 12px;padding-left:20px}
.td-content-block li{margin-bottom:12px}
.td-content-block img{max-width:100%;height:auto;border-radius:8px}
.td-content-block strong{color:#1a1a2e}

/* ====== Chia se — tai su dung .ivd-social-row/.ivd-social-btn (dinh nghia
   trong css/footer-redesign.css, da nap toan cuc qua footer) dung y het
   trang chi tiet Tin tuc (layout_blogpost.php). Rieng .bp-copy-link-btn chi
   reset default style cua <button> (nam trong css/inan-layout-blogpost.css,
   KHONG nap ca file do — chi copy dung 1 rule can thiet nay). ====== */
.bp-copy-link-btn{background:none;padding:0;cursor:pointer;font-family:inherit}
.td-detail-share{display:flex;align-items:center;gap:14px;padding-top:24px;margin-top:8px;border-top:1px solid #eef1f5}
.td-detail-share__label{font-size:0.875rem;}

/* ====== Sidebar: the "Ung tuyen ngay" ====== */
.td-apply-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center}
.td-apply-card__title{font-size:1rem;font-weight:700;margin:0 0 16px}
.td-apply-card__illustration{margin:0 auto 16px;color:var(--ivd-brand,#005EDB);display:flex;align-items:center;justify-content:center;font-size:2rem}
.td-apply-card__illustration-img{width:100px;object-fit:contain}
.td-apply-card__text{font-size:0.875rem;margin:0 0 18px}
.td-apply-card__btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ivd-brand,#005EDB);color:#fff;font-weight:600;font-size:0.875rem;padding:13px 20px;border-radius:50px;text-decoration:none;word-break:break-all}
.td-apply-card__btn:hover{color:#fff;text-decoration:none;opacity:.9}
.td-apply-card__divider{height:1px;background:#eef1f5;margin:20px 0}
.td-apply-card__hotline{display:flex;align-items:center;gap:12px;text-align:left;color:inherit;text-decoration:none}
.td-apply-card__hotline:hover{color:inherit;text-decoration:none}
.td-apply-card__hotline:hover .td-apply-card__hotline-title{color:var(--ivd-brand,#005EDB)}
.td-apply-card__hotline-icon{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#eef3fd;color:var(--ivd-brand,#005EDB);display:flex;align-items:center;justify-content:center;font-size:1.25rem}
.td-apply-card__hotline-title{font-size:0.875rem;font-weight:600;margin:0}
.td-apply-card__hotline-sub{font-size:1rem;color:var(--ivd-brand,#005EDB);margin:2px 0 4px; font-weight: 700}
.td-apply-card__hotline-value{font-size:1rem;font-weight:700;color:var(--ivd-brand,#005EDB);text-decoration:none}
.td-apply-card__zalo-row{margin-top:24px}
.td-apply-card__zalo-icon svg{width:100%;height:100%;display:block}

/* ====== Viec lam khac (tin tuyen dung lien quan) — full-width ngay duoi
   .td-detail-grid, dung dung .title_box/h2.cufon (tieu de chuan toan site,
   xem .bp-related trong inan-layout-blogpost.css) va tai su dung nguyen
   card.php + .td-list-grid cua trang danh sach Tuyen dung — khong tao
   component/style rieng, khong boc khung trang/vien nhu truoc. ====== */

@media(max-width:991px){
.td-detail-grid{grid-template-columns:1fr}
.td-detail-sidebar{position:static}
}
@media(max-width:767px){
.td-detail-specs{grid-template-columns:1fr 1fr}
.td-list-grid{grid-template-columns:1fr;gap:12px}
.td-list-card__specs{grid-template-columns:1fr}
.td-detail-title{font-size:1.5rem}
}
@media(max-width:575px){
.td-list-card{padding:20px}
.td-list-heading{font-size:1.5rem}
.td-detail-specs{grid-template-columns:1fr}
}

/* ====== .ivd-hero-section (mang nguyen tu css/about.css, trang Gioi thieu
   id=143) — chi copy DUNG cac rule can cho khoi nay, KHONG nap ca file
   about.css (tranh keo theo hang tram rule khong lien quan cua cac section
   khac o trang About: timeline, capacity, HR mosaic, policy, vision/mission...).
   Neu sau nay chinh style khoi nay o trang Gioi thieu, nho doi ca o day vi
   day la 1 ban sao doc lap, khong dung chung nguon voi about.css.
   (.ivd-vm-section da bi bo khoi trang Tuyen dung — xem list.php.) ====== */
.ivd-about-page{--ivd-c:#005EDB}
.ivd-about-page .container{max-width:1280px;margin:0 auto;padding:0 20px}
.ivd-about-page .ivd-hero-section{padding:48px 0}
.ivd-about-page .ivd-eyebrow{display:inline-block;font-size:0.75rem;font-weight:600;color:#fff;background:var(--ivd-c);padding:6px 14px;border-radius:50px;margin-bottom:14px;text-transform:uppercase}

.ivd-hero{display:flex;flex-wrap:wrap;align-items:center;gap:32px;padding:8px 0 0}
.ivd-hero__img-col{flex:0 0 auto;width:50%;position:relative}
.ivd-hero__primary{position:relative;box-shadow:0 12px 30px rgba(18,80,220,.14);border-radius:16px}
.ivd-hero__primary img{width:100%;height:390px;object-fit:cover;display:block;border-radius:16px}
.ivd-hero__badge{position:absolute;left:-16px;bottom:-16px;background:var(--ivd-c);border-radius:12px;padding:20px 28px;box-shadow:0 16px 32px rgba(18,80,220,.35);text-align:center}
.ivd-hero__badge strong{display:block;font-size:1.75rem;font-weight:700;color:#fff;line-height:1}
.ivd-hero__badge span{display:block;font-size:0.875rem;color:#fff;margin-top:6px;opacity:.92}
.ivd-hero__grid{display:flex;gap:16px;margin-top:16px}
.ivd-hero__grid img{width:calc(50% - 8px);object-fit:cover;border-radius:10px;display:block}
.ivd-hero__content-col{flex:1 1 320px;min-width:280px}
.ivd-hero__content-col h1,.ivd-hero__content-col h2{font-size:1.5rem;font-weight:700;letter-spacing:-0.029em;margin:0 0 14px;line-height:1.25}
.ivd-achv-list{display:flex;flex-direction:column;gap:16px;margin-top:32px}
.ivd-achv{display:flex;align-items:flex-start;gap:16px}
.ivd-achv__icon{flex:0 0 auto;width:60px;height:60px;border-radius:12px;background:#eef3fd;color:var(--ivd-c);display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.ivd-achv__desc{color:#4a4f63;font-size:0.875rem;margin:0}
p.ivd-achv__title{font-weight:600;margin:0 0 5px;font-size:1rem}

@media(max-width:991px){
.ivd-hero__img-col{width:100%}
}
@media(max-width:767px){
.ivd-hero{gap:12px}
.ivd-hero__grid{gap:12px}
.ivd-achv-list{gap:12px}
.ivd-achv{gap:12px}
}
@media(max-width:575px){
.ivd-about-page .ivd-hero-section{padding:36px 0}
.ivd-hero__content-col h1,.ivd-hero__content-col h2{font-size:1.5rem}
}