/* EduVietNam: phần bổ sung của hệ thống mới (chép từ site.css của giao diện Xanh) */
.list-warning-note {
    color: red;
    font-family: inherit;
    font-size: 0.875rem;
}

    .list-warning-note ul {
        list-style-type: '- ';
    }
/* Thanh tin cố định khi cuộn (chi tiết tin): nút "Đã lưu công việc" / "Tạo hồ sơ để ứng tuyển" dài hơn nhãn gốc
   → rộng cột phải hơn, nút ứng tuyển rộng hơn nút lưu, chữ không xuống dòng */
@media (min-width: 992px) {
  .job-heading .job-heading-content.is-fixed .box-job-heading .job-content .job-content-left { width: calc(100% - 480px); }
  .job-heading .job-heading-content.is-fixed .box-job-heading .job-content .job-content-right { width: 480px; }
  .job-heading .job-heading-content.is-fixed .box-job-heading .job-content .job-content-right ._right { gap: 10px; }
  .job-heading .job-heading-content.is-fixed .box-job-heading .job-content .job-content-right ._right form:first-child { width: 42%; flex: 0 0 42%; }
  .job-heading .job-heading-content.is-fixed .box-job-heading .job-content .job-content-right ._right form:last-child { width: auto; flex: 1 1 auto; min-width: 0; }
  .job-heading .job-heading-content.is-fixed .box-job-heading .job-content .job-content-right ._right .btn { white-space: nowrap; padding: 0 12px; font-size: 14px; gap: 8px; overflow: hidden; text-overflow: ellipsis; }
  .job-heading .job-heading-content.is-fixed .box-job-heading .job-content .job-content-right ._right .btn-save-job span { overflow: hidden; text-overflow: ellipsis; }
  .job-heading .job-heading-content.is-fixed .box-job-heading .job-content .job-content-right ._right .btn-save-job i { flex: none; }
}
@media (max-width: 991px) {
  .job-heading .job-heading-content.is-fixed .job-content-right ._right .btn { white-space: normal; font-size: 12px; line-height: 1.2; padding: 4px 8px; gap: 6px; }
  .job-heading .job-heading-content.is-fixed .job-content-right ._right .btn-save-job i { flex: none; width: 1.75rem; height: 1.75rem; font-size: 1rem; }
  .job-heading .job-heading-content.is-fixed .job-content-right ._right .btn-save-job span { text-align: left; }
}
/* Nút ứng tuyển ở đầu tin (chưa cuộn): nhãn dài 2 dòng nằm gọn trong nút cao 60px */
.box-job-heading .job-content-right ._right .btn-apply { line-height: 1.25; display: inline-flex; align-items: center; justify-content: center; text-align: center; white-space: normal; }
/* Thanh trên: menu tài khoản (bấm tên → vào trang quản lý) */
.jk-user-menu { position: relative; display: inline-block; }
.jk-user-menu > summary { list-style: none; cursor: pointer; user-select: none; }
.jk-user-menu > summary::-webkit-details-marker { display: none; }
.jk-user-menu .jk-um-caret { width: 18px; height: 18px; margin-left: 4px; flex: none; vertical-align: middle; transition: transform .15s; }
.jk-user-menu[open] .jk-um-caret { transform: rotate(180deg); }
.jk-um-pop { position: absolute; right: 0; top: calc(100% + 6px); z-index: 1050; min-width: 250px; background: #fff; border-radius: 10px; box-shadow: 0 12px 32px rgba(15, 35, 70, .18), 0 0 0 1px rgba(15, 35, 70, .06); padding: 6px; text-align: left; }
.jk-um-pop::before { content: ""; position: absolute; top: -6px; right: 22px; width: 12px; height: 12px; background: #fff; transform: rotate(45deg); box-shadow: -1px -1px 0 rgba(15, 35, 70, .06); }
.jk-um-head { padding: 10px 12px 8px; border-bottom: 1px solid #eef1f5; margin-bottom: 4px; }
.jk-um-head b { display: block; color: #1f2937; font-size: 15px; line-height: 1.3; }
.jk-um-head small { color: #f7941d; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: .3px; }
.jk-um-pop a, .jk-um-pop button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 12px; border: 0; background: none; border-radius: 6px; color: #374151; font-size: 14px; line-height: 1.3; text-decoration: none; text-align: left; cursor: pointer; }
.jk-um-pop a i, .jk-um-pop button i { width: 18px; color: #2b7bb9; font-size: 16px; flex: none; }
.jk-um-pop a:hover, .jk-um-pop button:hover, .jk-um-pop a:focus-visible, .jk-um-pop button:focus-visible { background: #f1f6fb; color: #1d6fa5; outline: none; }
.jk-um-pop form { margin: 4px 0 0; padding-top: 4px; border-top: 1px solid #eef1f5; }
.jk-um-pop form button { color: #dc3545; }
.jk-um-pop form button i { color: #dc3545; }
@media (max-width: 575px) { .jk-um-pop { position: fixed; left: 12px; right: 12px; top: 56px; min-width: 0; } .jk-um-pop::before { display: none; } }
/* Header (đã đăng nhập): nút tên tài khoản trong .header-action có dạng nút sáng như "Đăng ký"/"Đăng nhập" của gốc */
.header .header-action .jk-user-menu { margin-right: .5rem; }
.header .header-action .jk-user-menu > summary.btn, .header .header-action .jk-user-menu > summary.btn:hover { background: #f8f9fa; border-color: #f8f9fa; color: #001744 !important; height: 44px; display: inline-flex; align-items: center; gap: 6px; }
.header .header-action .jk-user-menu > summary.btn i { font-size: 18px; }

/* Thẻ <style> nội tuyến trong <head> của vieclamdanang43.vn (chép nguyên) */
.box-job-md.job-hot .job-content .job-info .job-name a{color:#fc5830}.tab-simple a.active{color:#fc5830;border-bottom:#fc5830}.section-heading .section-title{color:#fc5830}.featured-employer-box .employer-content .employer-content-box .employer-info ._content ._content-list-job li{width:100%}.featured-employer-box .employer-content .employer-content-box .employer-info ._content ._content-list-job li a{color:#fc5830}.box-company-heading .company-content .company-name a:hover{color:#fc5830}.box-job-heading .job-content .job-name .job-name-title:hover{color:#fc5830}.section-header.bg-orange{background-color:#fc5830}.box-job-md .job-content .job-info .job-company{line-height:1.5;height:2lh}.detail-content .entry-content.active{height:200px}.detail-content .entry-content{height:auto}

/* Trang 404 (thẻ <style> riêng của trang 404 gốc) */
.container-error { min-height: calc(100vh - 170px); }
.error-title { font-size: 18px; margin: 20px 0; font-weight: bold; }
@media (max-width: 768px) { .container-error { min-height: calc(100vh - 272px); } }

/* Thanh menu gọn hơn (cao 64px), logo rõ & cân đối, chữ menu nhỏ lại; viền dưới mảnh thay bóng đậm */
.header .header-menu { height: 64px; border-bottom: 1px solid #edf0f5; }
.header .navbar-header { height: 64px; }
.header .navbar-header .logo { align-items: center; height: 64px; margin-right: 1.75rem; }
.header .navbar-header .logo img { max-height: 46px; max-width: 230px; width: auto; height: auto; object-fit: contain; display: block; }
.header .header-action .btn, .header .header-action .action-button { height: 40px; min-height: 40px; padding-top: 0; padding-bottom: 0; font-size: .92rem; border-radius: 8px; }
.header .header-action .btn-link-menu { padding: 0 14px; font-weight: 600; }
.header .header-action .action-button { padding-left: 1.1rem; padding-right: 1.1rem; }
@media (min-width: 992px) {
  .header .navbar-header .header-menu-right .main-menu > li > a { font-size: .96rem; font-weight: 600; padding-top: 0; padding-bottom: 0; line-height: 64px; color: #1a2540; }
  .header .navbar-header .header-menu-right .main-menu > li > a:hover, .header .navbar-header .header-menu-right .main-menu > li.current-menu-item > a { color: #FE7B05; }
}
@media (max-width: 991px) {
  .header .navbar-header .logo img { max-height: 40px; max-width: 190px; }
  .header .navbar-toggler { width: 42px; height: 42px; }
}

/* Khung tìm kiếm đầu trang (việc làm, nhà tuyển dụng…): ảnh minh hoạ tuyển dụng tông navy – cam như trang liên hệ */
.search-slider { background: url(../images/heading-banner.svg) center / cover no-repeat, #001744; }
.search-slider .search-container { background: linear-gradient(90deg, rgba(0, 23, 68, .25), rgba(0, 23, 68, .55) 50%, rgba(0, 23, 68, .25)); }
.search-slider .button-search { background: linear-gradient(135deg, #ff9a3c, #FE7B05 55%, #ef5e00) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 6px 16px rgba(254, 123, 5, .35); }
.search-slider .button-search:hover { filter: brightness(1.05); }

/* Chi tiết tin – thẻ công ty: logo khung cố định (ảnh lỗi / ảnh to không đẩy tên công ty tràn ra ngoài) */
.card-company-info .flex-shrink-0 ._logo { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; overflow: hidden; border: 1px solid #e8edf4; border-radius: 10px; background: #fff; }
.card-company-info .flex-shrink-0 ._logo img { max-width: 90%; max-height: 90%; object-fit: contain; }
.card-company-info .flex-grow-1 { min-width: 0; }
.card-company-info .flex-grow-1 .title-text { overflow-wrap: anywhere; }
/* Ảnh không tải được: không để chữ thay thế làm vỡ khung logo */
img { max-width: 100%; }

/* Menu điện thoại: nút theo tông website (trước: xanh dương lệch tông) */
.header .navbar-mobile .sign-in-up { display: flex; gap: 8px; padding: 0 12px; }
.header .navbar-mobile .sign-in-up .btn { flex: 1; border-radius: 10px !important; height: 44px; }
.header .navbar-mobile .sign-in-up .btn-yellow { background: #fff !important; color: #001744 !important; border: 0; }
.header .navbar-mobile .sign-in-up .btn-primary-dark { background: transparent !important; color: #fff !important; border: 1.5px solid rgba(255,255,255,.55) !important; }
.header .navbar-mobile .action-button { margin: 0 12px; width: calc(100% - 24px) !important; border-radius: 10px !important; height: 46px; border: 0; background: linear-gradient(135deg, #ff9a3c, #FE7B05) !important; color: #fff !important; }
