/*
Theme Name: Socius Child
Theme URI: https://socius.local
Template: socius
Author: Socius
Description: Child theme của Socius. Kích hoạt theme này (không phải theme cha) để tùy biến CSS/PHP không mất khi cập nhật theme cha.
Version: 1.0.0
Text Domain: socius-child
*/

/* Ghi đè CSS của bạn bên dưới. */
/* Cấu hình lại khung chứa cụm cờ */
/* Phá vỡ cấu trúc block của theme cha, ép cụm này thành flex */
.socius-header__actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* Ép cụm cờ nằm ngang và xóa sạch dấu chấm tròn li */
div.socius-header__lang {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important; /* Khoảng cách giữa 2 lá cờ */
    margin-left: 15px !important; /* Khoảng cách từ nút LIÊN HỆ đến cờ đầu tiên */
    padding: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
}

/* Định dạng lại từng item cờ */
div.socius-header__lang li.lang-item {
    display: inline-flex !important;
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Xóa bỏ dấu chấm hoàn toàn nếu theme cha dùng pseudo-element (:before) */
div.socius-header__lang li::before,
div.socius-header__lang li::after {
    content: none !important;
    display: none !important;
}

/* Chỉnh ảnh cờ to rõ và bo góc nhẹ */
div.socius-header__lang li a img {
    width: 26px !important; /* Độ to của cờ, chỉnh tùy ý */
    height: auto !important;
    max-width: none !important;
    display: block !important;
    border-radius: 3px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}