/* =================================================================== */
/* === MATKHAU.VN - MODERN PRODUCT PRICE DESIGN                   === */
/* === Thiết kế hiển thị giá sản phẩm 2 hàng chuẩn SaaS đẹp mắt    === */
/* =================================================================== */

.mks-product-price-box {
    margin: 12px 0 16px 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.2;
}

/* --- HÀNG 1: GIÁ GỐC + HUY HIỆU GIẢM GIÁ + TÌNH TRẠNG KHO & NÚT SỬA --- */
.mks-price-top-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

/* Giá gốc gạch ngang có dấu ngoặc đơn: (1.990.000đ) */
.mks-price-original {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-decoration: line-through !important;
    letter-spacing: -0.01em;
}

.mks-price-original .woocommerce-Price-amount,
.mks-price-original bdi,
.mks-price-original .woocommerce-Price-currencySymbol {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-decoration: line-through !important;
}

/* Huy hiệu giảm giá màu hồng đỏ: -10% */
.mks-price-discount-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px !important;
    background: #ffe4e6 !important;
    color: #e11d48 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: .4em !important;
    border: 1px solid #fecdd3 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em;
}

/* Ẩn triệt để khi không có khuyến mãi */
.mks-price-discount-badge.mks-hidden,
.mks-price-discount-badge:empty,
.mks-price-discount-badge[style*="display: none"],
.mks-price-discount-badge[style*="display:none"],
.mks-price-original.mks-hidden,
.mks-price-original:empty,
.mks-price-original[style*="display: none"],
.mks-price-original[style*="display:none"],
.mks-price-saving.mks-hidden,
.mks-price-saving:empty,
.mks-price-saving[style*="display: none"],
.mks-price-saving[style*="display:none"] {
    display: none !important;
}

/* Tình trạng Còn hàng / Hết hàng - Giao diện Badge đồng bộ hoàn toàn với % giảm giá */
.mks-price-stock-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: .4em !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    transition: all 0.2s ease !important;
}

.mks-price-stock-status.in-stock {
    background: #ecfdf5 !important;
    color: #059669 !important; /* Xanh lá còn hàng */
    border: 1px solid #a7f3d0 !important;
}

/* Kho hàng có số lượng cụ thể (Kho hàng: 12): Nền vàng, chữ nâu hổ phách nổi bật */
.mks-price-stock-status.has-stock-qty {
    background: #fef9c3 !important;
    color: #854d0e !important;
    border: 1px solid #fde047 !important;
}

.mks-price-stock-status.out-of-stock {
    background: #fef2f2 !important;
    color: #dc2626 !important; /* Đỏ hết hàng */
    border: 1px solid #fecaca !important;
}

.mks-price-stock-status.on-backorder {
    background: #fffbeb !important;
    color: #d97706 !important; /* Vàng cam chờ hàng */
    border: 1px solid #fde68a !important;
}

/* --- HÀNG 2: GIÁ BÁN TO NỔI BẬT + SỐ TIỀN TIẾT KIỆM --- */
.mks-price-bottom-row,
.mks-price-row-bottom {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

/* Giá bán to nổi bật: 1.791.000đ */
.mks-price-current {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #fb3c59 !important; /* Đỏ cam thương hiệu MatKhau.vn */
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
}

.mks-price-current .woocommerce-Price-amount,
.mks-price-current bdi {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
}

.mks-price-current .woocommerce-Price-currencySymbol {
    font-size: 0.85em !important;
    font-weight: 700 !important;
    margin-left: 2px;
}

/* Số tiền tiết kiệm: (tiết kiệm: 199.000đ) */
.mks-price-saving {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em;
}

.mks-price-saving .woocommerce-Price-amount,
.mks-price-saving bdi,
.mks-price-saving .woocommerce-Price-currencySymbol {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: 600 !important;
}

/* Responsive cho mobile */
@media (max-width: 640px) {
    .mks-price-current {
        font-size: 24px !important;
    }
    .mks-price-original {
        font-size: 13.5px !important;
    }
    .mks-price-saving {
        font-size: 13px !important;
    }
}

/* Nút Sửa nằm cạnh chữ Còn hàng / Hết hàng */
.mks-admin-stock-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #4338ca !important;
    background: #eef2ff !important;
    border: 1px solid #c7d2fe !important;
    border-radius: .4em !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 1px 2px rgba(67, 56, 202, 0.08) !important;
    text-decoration: none !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    outline: none !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 99999 !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.mks-admin-stock-btn:hover {
    background: #4338ca !important;
    color: #ffffff !important;
    border-color: #4338ca !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(67, 56, 202, 0.25) !important;
}

.mks-admin-stock-btn svg {
    width: 12px !important;
    height: 12px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2 !important;
    pointer-events: none !important;
}