/* ============================================
   Giao diện 2 nút ở header phải
============================================ */
.wpr-header-buttons {
    display: inline-flex;       /* ✅ Hiển thị ngang */
    gap: 10px;                  /* ✅ Khoảng cách giữa 2 nút */
    align-items: center;        /* ✅ Căn giữa theo chiều dọc */
    margin-left: 0px;          /* ✅ Cách nhẹ nút giỏ hàng */
    position: relative;
    justify-content: flex-end;  /* ✅ Căn cụm nút về bên phải */
}

/* ============================================
   Nút Đăng tin & Quản lý tin
============================================ */
.wpr-header-buttons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;               /* ✅ Bằng chiều cao icon giỏ hàng */
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
    background-color: #0073aa;
    transition: all 0.3s ease;
    line-height: 1;
}

/* Hover */
.wpr-header-buttons a:hover {
    background-color: #005f8c;
}

/* ============================================
   Responsive (ẩn trên mobile)
============================================ */
@media (max-width: 768px) {
    .wpr-header-buttons {
        display: none; /* Ẩn trên mobile nếu muốn */
    }
}


/* ============================================
   Giao diện nút Đăng tin / Quản lý tin
============================================ */
.wpr-header-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 50%;
    right: 10px; /* ✅ sát mép phải, gần giỏ hàng */
    transform: translateY(-50%); /* ✅ căn giữa theo chiều dọc với giỏ hàng */
    z-index: 50;
}

/* ============================================
   Nút chung (Đăng tin / Quản lý tin)
============================================ */
.wpr-header-buttons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
    background-color: #0073aa;
    transition: all 0.3s ease;
    line-height: 1;
}

/* Hover */
.wpr-header-buttons a:hover {
    background-color: #005f8c;
}

/* ============================================
   Responsive (ẩn trên mobile nếu muốn)
============================================ */
@media (max-width: 768px) {
    .wpr-header-buttons {
        display: none;
    }
}