/* Generic WordPress content and career detail pages. */
.sunlandsg-wp-primary-menu { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sunlandsg-page-content { max-width: 1100px; margin: 120px auto 80px; padding: 0 24px; font-family: Arial, sans-serif; line-height: 1.6; }
.sunlandsg-page-content h1 { margin-bottom: 24px; font-size: 42px; line-height: 1.28; }
.sunlandsg-featured-image { margin-bottom: 24px; }
.sunlandsg-featured-image img { max-width: 100%; height: auto; }

/*
 * Khôi phục hiển thị các section trang chủ.
 * Layout gốc ẩn .section-wrapper (display:none) để JS "reveal khi cuộn" bật lên.
 * Buộc hiển thị để trang dài đúng; hiệu ứng fade khi cuộn (AOS) vẫn hoạt động bình thường.
 */
.section-wrapper { display: block !important; }

/*
 * Trang chủ dùng nền trắng theo thiết kế đã chốt.
 * Các trang nội dung khác phải dùng màu chữ tối để bảo đảm độ tương phản trên nền sáng.
 * Chỉ tác động vùng nội dung chính; không ghi đè header, footer, nút CTA hoặc section nền tối.
 */
body:not(.home) .sunlandsg-page-content,
body:not(.home) .sunlandsg-page-content h1,
body:not(.home) .sunlandsg-page-content h2,
body:not(.home) .sunlandsg-page-content h3,
body:not(.home) .sunlandsg-page-content h4,
body:not(.home) .sunlandsg-page-content h5,
body:not(.home) .sunlandsg-page-content h6,
body:not(.home) .sunlandsg-page-content p,
body:not(.home) .sunlandsg-page-content li,
body:not(.home) .sunlandsg-page-content label,
body:not(.home) .sunlandsg-page-content blockquote,
body:not(.home) .sunlandsg-page-content td,
body:not(.home) .sunlandsg-page-content th {
    color: #111111;
}

body:not(.home) .sunlandsg-page-content a:not(.button):not(.btn):not([class*="cta"]) {
    color: #012B2E;
}

/* =========================================================================
   TUYỂN DỤNG — trang chi tiết vị trí (template Chi tiết tuyển dụng)
   ========================================================================= */
.career-detail-wrapper {
    max-width: 900px;
    margin: 40px auto 90px;
    padding: 0 24px;
}
.career-detail-heading {
    font-family: var(--sl-font-body);
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--sl-teal, #00bfb3) !important;
}
.career-detail-heading div {
    font-family: var(--sl-font-heading);
    font-size: 44px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--sl-gold-light, #e2af81) !important;
    border-left: 4px solid var(--sl-gold, #e2af81);
    padding-left: 16px;
    margin: 8px 0 30px;
}
.career-detail-body { font-size: 17px; line-height: 1.75; }
.career-detail-body h2 {
    font-family: var(--sl-font-heading);
    font-size: 26px;
    color: var(--sl-gold-light, #e2af81) !important;
    margin: 34px 0 14px;
}
.career-detail-body ul { padding-left: 22px; }
.career-detail-body li { margin-bottom: 8px; }
.career-detail-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    margin-top: 46px;
    padding-top: 28px;
    border-top: 1px solid rgba(212, 175, 55, .3);
}
.career-apply-btn {
    display: inline-block;
    background: var(--sl-gold, #e2af81);
    color: #00332f !important;
    font-family: var(--sl-font-body);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 14px 34px;
    border-radius: 3px;
    text-decoration: none;
    transition: background .2s ease;
}
.career-apply-btn:hover { background: var(--sl-gold-light, #e2af81); color: #00332f !important; }
.career-back-link { color: var(--sl-gold, #e2af81) !important; font-family: var(--sl-font-body); text-decoration: none; }
.career-back-link:hover { color: var(--sl-gold-light, #e2af81) !important; }