/* ==========================================================================
   PRODUCT SUMMARY COMPONENT - FULL STYLES
   ========================================================================== */

.product-summary { 
    flex: 1; 
    min-width: 0; 
    width: 100%; 
    padding-top: 10px; 
    box-sizing: border-box;
}

/* 1. Danh mục sản phẩm */
.product-summary__categories { 
    color: var(--text-grey, #777777); 
    margin-bottom: 10px; 
    font-family: var(--font-secondary, sans-serif);
    font-size: 14px;
}
.product-summary__categories a { 
    color: var(--text-grey, #777777); 
    text-decoration: none; 
    transition: color 0.2s ease;
}
.product-summary__categories a:hover {
    color: var(--color-accent-2, #6b4423);
}

/* 2. Tên sản phẩm */
.product-summary__title { 
    color: var(--text-heading, #222222); 
    margin: 0 0 15px 0; 
    font-family: var(--font-primary, serif);
    font-size: 32px;
    line-height: 1.3;
    font-weight: 600;
}

/* 3. Đường phân cách */
.product-summary__divider { 
    border: none;
    border-top: 1px solid var(--color-neutral, #e5e5e5); 
    margin: 18px 0; 
}        

/* 4. Mô tả ngắn & Icon check màu nâu (Ảnh 3) */
.product-summary__desc { 
    color: var(--text-body, #444444); 
    font-family: var(--font-secondary, sans-serif);
    font-size: 15px;
    margin-bottom: 25px; 
    line-height: 1.9;
}

.product-summary__desc p {
    margin: 0 0 8px 0;
}

/* Gán màu nâu mặc định cho icon check (✔, ✓) */
.product-summary__desc .desc-check-icon {
    color: var(--color-accent-2, #6b4423) !important; /* Màu nâu chủ đạo */
    font-size: 16px;
    font-weight: bold;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
}

/* 5. Giá tiền / Báo giá */
.product-summary__price .price, 
.product-summary__price .amount,
.product-summary__price .price-contact { 
    font-family: var(--font-secondary, sans-serif); 
    font-weight: 600; 
    font-size: 26px; 
    color: var(--color-accent-1, #E06640) !important; /* Màu đỏ / cam nổi bật */
    display: block; 
    margin-bottom: 20px; 
}

/* ==========================================================================
   6. FORM MUA HÀNG & KHỐI CHỌN SỐ LƯỢNG [- 1 +] (Ảnh 1 & 2)
   ========================================================================== */
.product-summary__action { 
    width: 100%; 
}

.product-summary__action form.cart { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 15px; 
    margin: 0; 
    width: 100%; 
    align-items: start;
}        

/* Khung viền bọc [- 1 +] */
.product-summary__action div.quantity { 
    grid-column: 1 / -1; 
    display: inline-flex !important; 
    flex-direction: row !important;
    align-items: stretch !important; 
    margin: 0 0 10px 0 !important; 
    border: 1px solid var(--color-accent-2, #4a673b) !important; /* Viền theo theme */
    border-radius: 2px !important; 
    overflow: hidden !important;
    height: 42px !important; 
    width: fit-content !important; 
    background: #ffffff !important;
    box-sizing: border-box !important;
}

/* Hai nút Trừ (-) và Cộng (+) */
.product-summary__qty-btn { 
    width: 42px !important; 
    min-width: 42px !important;
    height: 100% !important; 
    background: #ffffff !important; 
    border: none !important; 
    color: #333333 !important; 
    font-size: 20px !important; 
    font-weight: 500 !important;
    line-height: 1 !important;
    cursor: pointer !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    padding: 0 !important;
    margin: 0 !important;
    user-select: none;
    transition: background-color 0.2s ease;
}

.product-summary__qty-btn:hover { 
    background-color: #f0f0f0 !important; 
}

/* Ô hiển thị số lượng ở giữa */
.product-summary__action form.cart div.quantity input.qty,
.woocommerce .product-summary__action div.quantity input.qty,
.product-summary__action div.quantity input[name="quantity"] { 
    width: 48px !important; 
    min-width: 48px !important; 
    max-width: 48px !important; 
    flex: 0 0 48px !important; 
    display: block !important; 
    visibility: visible !important;
    opacity: 1 !important;
    background-color: var(--color-accent-2, #4a673b) !important; /* Nền xanh / nâu đậm */
    color: #ffffff !important; /* Chữ số màu trắng */
    border: none !important; 
    border-radius: 0 !important;
    text-align: center !important; 
    font-size: 18px !important; 
    font-weight: 600 !important;
    height: 100% !important; 
    padding: 0 !important; 
    margin: 0 !important; 
    outline: none !important;
    box-shadow: none !important;
    -moz-appearance: textfield !important; 
}

/* Ẩn mũi tên tăng giảm mặc định của trình duyệt */
.product-summary__action div.quantity input.qty::-webkit-outer-spin-button, 
.product-summary__action div.quantity input.qty::-webkit-inner-spin-button { 
    -webkit-appearance: none !important; 
    margin: 0 !important; 
}

/* ==========================================================================
   7. CÁC NÚT HÀNH ĐỘNG (THÊM VÀO GIỎ & BÁO GIÁ)
   ========================================================================== */

/* Nút Thêm vào giỏ hàng */
.product-summary__action button.single_add_to_cart_button { 
    height: 46px; 
    width: 100%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    box-sizing: border-box; 
    background-color: var(--color-accent-2, #4a673b) !important; 
    color: #ffffff !important; 
    border-radius: 4px !important; 
    padding: 0 15px !important; 
    border: 1px solid var(--color-accent-2, #4a673b) !important; 
    font-family: var(--font-secondary, sans-serif); 
    font-weight: 600; 
    font-size: 14px; 
    cursor: pointer; 
    transition: all 0.2s ease;
    white-space: nowrap; 
}

.product-summary__action button.single_add_to_cart_button:hover {
    background-color: var(--color-accent-1, #E06640) !important; 
    border-color: var(--color-accent-1, #E06640) !important;
}

/* Nút Báo giá chi tiết */
.product-summary__action .esight-quote-btn {
    height: 46px; 
    width: 100%; 
    background-color: transparent !important; 
    color: var(--color-accent-2, #4a673b) !important; 
    border: 1px solid var(--color-accent-2, #4a673b) !important; 
    padding: 0 15px !important; 
    border-radius: 4px !important; 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    gap: 8px;
    text-decoration: none; 
    font-weight: 600; 
    font-family: var(--font-secondary, sans-serif); 
    font-size: 14px; 
    transition: all 0.2s ease; 
    cursor: pointer; 
    box-sizing: border-box; 
    white-space: nowrap; 
}

.product-summary__action .esight-quote-btn:hover {
    background-color: var(--color-accent-2, #4a673b) !important;
    color: #ffffff !important;
}

.product-summary__action .esight-quote-btn svg { 
    width: 18px; 
    height: 18px; 
}

/* ==========================================================================
   8. RESPONSIVE GIAO DIỆN ĐIỆN THOẠI
   ========================================================================== */
@media (max-width: 768px) {
    .product-summary__title {
        font-size: 26px;
    }

    .product-summary__action form.cart { 
        grid-template-columns: 1fr; /* Xếp dọc 1 cột trên mobile */
        gap: 12px;
    }
}


/* Khung bọc [- 1 +] */
div.quantity {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    height: 42px !important;
    border: 1px solid var(--color-accent-2, #6b4423) !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    margin: 0 0 15px 0 !important;
}

/* Định dạng 2 nút [+] và [-] */
button.custom-qty-btn {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 100% !important;
    background: #ffffff !important;
    color: #333333 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: background-color 0.2s ease !important;
    user-select: none !important;
}

button.custom-qty-btn:hover {
    background-color: #f0f0f0 !important;
}

/* Định dạng ô số màu nâu ở giữa */
div.quantity input.qty,
div.quantity input[name="quantity"] {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 100% !important;
    background-color: var(--color-accent-2, #6b4423) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    -moz-appearance: textfield !important;
}

/* Ẩn mũi tên cuộn mặc định */
div.quantity input.qty::-webkit-outer-spin-button,
div.quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}