/* Contact Page Breadcrumb - Override main.css với specificity cao hơn */
section.breadcrumb {
    margin: 15px 15px 0 !important;
    margin-bottom: 0 !important;
    padding: 20px 0 !important;
    opacity: 0 !important;
}

.contact section.breadcrumb {
    background: transparent !important;
    opacity: 1 !important;
    position: relative !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    z-index: 2 !important;
}

/* Remove pseudo elements */
section.breadcrumb::before,
section.breadcrumb::after {
    content: none !important;
    display: none !important;
}

.contact .breadcrumb::before,
.contact .breadcrumb::after {
    content: none !important;
    display: none !important;
}

/* Ẩn hoàn toàn background image banner */
.contact .breadcrumb__bg {
    display: none !important;
}

/* Giảm padding-top của contact container để di chuyển lên */
.contact .container.py-120 {
    padding-top: 30px !important;
}

/* Đảm bảo content hiển thị rõ ràng */
.contact .breadcrumb .container {
    position: relative !important;
    z-index: 2 !important;
}

/* Breadcrumb wrapper - opacity 100% */
.contact .breadcrumb__wrapper {
    opacity: 1 !important;
}

/* Text styling - màu đậm, không trong suốt - FORCE OPACITY 1 */
.contact .breadcrumb .breadcrumb__title,
.contact .breadcrumb__content h2,
.contact .breadcrumb h1,
.contact .breadcrumb__wrapper h1,
h1.breadcrumb__title {
    color: #000000 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

.contact .breadcrumb .breadcrumb__desc,
.contact .breadcrumb__content p,
.contact .breadcrumb__wrapper p,
p.breadcrumb__desc {
    color: #000000 !important;
    opacity: 1 !important;
}

/* Force opacity 1 cho tất cả elements trong breadcrumb */
section.breadcrumb,
section.breadcrumb *,
.contact section.breadcrumb,
.contact section.breadcrumb *,
.contact .breadcrumb__wrapper,
.contact .breadcrumb__wrapper * {
    opacity: 1 !important;
}

/* Override bất kỳ CSS nào từ main.css */
.contact section.breadcrumb .container,
.contact section.breadcrumb .row,
.contact section.breadcrumb .col-lg-8,
.contact section.breadcrumb div,
.contact section.breadcrumb h1,
.contact section.breadcrumb p {
    opacity: 1 !important;
}

/* CRITICAL: Override CSS variables và HSL colors từ main.css */
.contact section.breadcrumb h1,
.contact section.breadcrumb .breadcrumb__title,
.contact .breadcrumb__wrapper h1 {
    color: #000000 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

.contact section.breadcrumb p,
.contact section.breadcrumb .breadcrumb__desc,
.contact .breadcrumb__wrapper p {
    color: #1a1a1a !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

/* Override tất cả HSL color inheritance */
.contact section.breadcrumb,
.contact section.breadcrumb * {
    color: inherit !important;
}