/* =====================================
    Custom Styles for Taxonomy Archive Titles
    (e.g., mrel_property_type, mrel_property_status, etc.)
    ===================================== */

.page-header .page-title,
.archive-header .archive-title {
    color: #ff9800; /* Màu cam nổi bật cho tiêu đề */
    text-decoration: underline; /* Gạch chân cho tiêu đề */
    text-decoration-color: #ffcc80; /* Màu gạch chân nhạt hơn một chút */
    text-underline-offset: 5px; /* Khoảng cách giữa chữ và đường gạch chân */
    text-decoration-thickness: 2px; /* Độ dày của đường gạch chân */
    font-size: 2.2em; /* Kích thước font lớn hơn một chút */
    font-weight: bold;
    margin-bottom: 20px; /* Khoảng cách dưới tiêu đề */
    padding-bottom: 5px; /* Đệm dưới tiêu đề trước đường gạch chân */
    text-transform: capitalize; /* Chữ cái đầu viết hoa */
    display: block; /* Đảm bảo nó chiếm đủ chiều rộng để gạch chân */
    text-align: center; /* Căn giữa tiêu đề */
}

/* Thêm responsive cho tiêu đề trên thiết bị di động */
@media (max-width: 767px) {
    .page-header .page-title,
    .archive-header .archive-title {
        font-size: 1.8em; /* Giảm kích thước font trên mobile */
        margin-bottom: 15px;
        text-underline-offset: 3px;
        text-align: left; /* Căn trái trên mobile */
        padding-left: 10px; /* Thêm padding trái để không dính lề */
        padding-right: 10px; /* Thêm padding phải */
    }
}