/* mmsp-global-css */

        /* ---------- Màu giá ---------- */
        .price, .price .amount, .woocommerce-Price-amount,
        ul.products li.product .price, ul.products li.product .price .amount,
        .woocommerce div.product .summary .price, .woocommerce div.product .summary .price .amount,
        .woocommerce div.product .summary .price ins .amount,
        .product-small .price, .product-small .price .amount {
            color: var(--nhatdx-primary, #C67930) !important;
        }
        /* Giá gạch bỏ để xám, nếu cùng màu thì mất luôn ý nghĩa của việc gạch giá */
        .price del, .price del .amount, .price del .woocommerce-Price-amount,
        ul.products li.product .price del .amount {
            color: #B0A69C !important; font-weight: 400 !important;
        }

        /* ---------- Khoảng trống DƯỚI hàng đường dẫn ----------
           Giữ nguyên đệm phía trên (khoảng thở dưới thanh menu), chỉ cắt phần dưới và phần đệm trên
           của khối nội dung ngay sau nó. */
        .page-title.shop-page-title,
        .page-title.category-page-title,
        .page-title.product-page-title,
        .shop-page-title, .product-page-title { padding-bottom: 0 !important; }

        .shop-page-title .page-title-inner,
        .product-page-title .page-title-inner,
        .page-title .page-title-inner { padding-bottom: 0 !important; min-height: 0 !important; }

        /* Khoảng trống thật nằm ở #content.content-area.page-wrapper — theme đặt padding 30px trên
           và dưới. Bản trước tôi viết "#main > .page-wrapper", giả định nó là con trực tiếp của
           #main; thực tế không phải vậy nên quy tắc không khớp phần tử nào.
           Giờ bắt thẳng theo lớp .page-wrapper, chỉ giới hạn bằng lớp của thẻ body. */
        .single-product .page-wrapper,
        .tax-product_cat .page-wrapper,
        .post-type-archive-product .page-wrapper,
        .woocommerce-shop .page-wrapper { padding-top: 12px !important; }

        .single-product .product-main { padding-top: 0 !important; }

        /* Trang chi tiết sản phẩm: thu hẹp khoảng trống giữa thanh menu, hàng đường dẫn và cụm ảnh/tên sản phẩm.
           Chỉ khoá theo lớp .single-product của thẻ body để không đổi khoảng cách ở trang cửa hàng, danh mục,
           giỏ hàng, thanh toán, tài khoản và các trang khác. */
        .single-product .page-title-inner { padding-top: 10px !important; }
        @media (min-width: 850px) {
            body.single-product #main { padding-top: 0 !important; }
        }
        .category-page-row { padding-top: 5px !important; }

        /* Nút trượt của slide sản phẩm liên quan: đổi khối chữ nhật dọc thành nút tròn như trang chủ */

        /* Ô số lượng ở trang chi tiết: ẩn với mọi bố cục, kể cả bố cục cũ */
        .single-product form.cart .quantity,
        .single-product .woocommerce-variation-add-to-cart .quantity { display: none !important; }

        /* Dòng "Hết hàng" của WooCommerce ở trang chi tiết */
        .single-product .stock.out-of-stock {
            display: inline-flex; align-items: center; gap: 8px;
            margin: 0 0 14px !important; padding: 9px 16px;
            background: linear-gradient(135deg, #FDFAF6, #FAF5EE);
            border: 1px solid #E4D5C3; border-left: 4px solid #d63638; border-radius: 10px;
            color: #793F22 !important; font-size: 14px; font-weight: 700;
        }
        .single-product .stock.out-of-stock::before {
            content: ''; width: 18px; height: 18px; flex: 0 0 auto; border-radius: 50%;
            background: #d63638 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center / 10px no-repeat;
        }
        .single-product .stock.in-stock { display: none !important; }

        /* ---------- Thông báo ở trang thanh toán ----------
           Dùng chung kiểu với trang đăng nhập, đăng ký và trang tài khoản.
           Bỏ qua những thông báo đã được module khác dựng sẵn thành thẻ (vnacc-notice, thẻ "Bạn đã có tài khoản?" /
           "Có mã ưu đãi?" của trang thanh toán — vnchk-toggle-card), tránh khung lồng khung. */
        .woocommerce-checkout .woocommerce-error:not(:has(.vnacc-notice, .vnchk-toggle-card)),
        .woocommerce-checkout .woocommerce-message:not(:has(.vnacc-notice, .vnchk-toggle-card)),
        .woocommerce-checkout .woocommerce-info:not(:has(.vnacc-notice, .vnchk-toggle-card)) {
            position: relative !important; display: block !important; list-style: none !important;
            width: 100% !important; margin: 0 0 16px !important; box-sizing: border-box !important;
            padding: 15px 18px 15px 56px !important;
            border-radius: 12px !important; font-size: 13.8px !important; line-height: 1.6 !important;
            text-align: left !important; min-height: 0 !important;
        }
        .woocommerce-checkout .woocommerce-error:not(:has(.vnacc-notice, .vnchk-toggle-card))::before,
        .woocommerce-checkout .woocommerce-message:not(:has(.vnacc-notice, .vnchk-toggle-card))::before,
        .woocommerce-checkout .woocommerce-info:not(:has(.vnacc-notice, .vnchk-toggle-card))::before {
            content: '' !important; position: absolute !important; left: 16px !important; top: 15px !important;
            width: 26px !important; height: 26px !important; border-radius: 50% !important;
            margin: 0 !important; padding: 0 !important; font-size: 0 !important;
            background-position: center !important; background-repeat: no-repeat !important; background-size: 14px !important;
        }
        .woocommerce-checkout .woocommerce-error li,
        .woocommerce-checkout .woocommerce-message li,
        .woocommerce-checkout .woocommerce-info li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
        .woocommerce-checkout .woocommerce-error li + li { margin-top: 5px !important; }
        .woocommerce-checkout .woocommerce-error a,
        .woocommerce-checkout .woocommerce-info a { color: inherit; text-decoration: underline; }

        .woocommerce-checkout .woocommerce-error:not(:has(.vnacc-notice, .vnchk-toggle-card)) {
            background: linear-gradient(135deg, #FCF9F5, #F8F2E9) !important;
            border: 1px solid #E4D5C3 !important; border-left: 5px solid #9A502B !important;
            color: #773E22 !important; box-shadow: 0 6px 18px rgba(154, 80, 43, .10) !important;
        }
        .woocommerce-checkout .woocommerce-error:not(:has(.vnacc-notice, .vnchk-toggle-card))::before {
            background-color: #9A502B !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M12 6.5v7'/%3E%3Cpath d='M12 17.4h.01'/%3E%3C/svg%3E") !important;
            box-shadow: 0 0 0 5px rgba(154, 80, 43, .13) !important;
        }
        .woocommerce-checkout .woocommerce-message:not(:has(.vnacc-notice, .vnchk-toggle-card)) {
            background: linear-gradient(135deg, #f0fbf4, #e2f5e9) !important;
            border: 1px solid #bfe6cf !important; border-left: 5px solid #1e9e5a !important;
            color: #146c3e !important; box-shadow: 0 6px 18px rgba(30, 158, 90, .10) !important;
        }
        .woocommerce-checkout .woocommerce-message:not(:has(.vnacc-notice, .vnchk-toggle-card))::before {
            background-color: #1e9e5a !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") !important;
            box-shadow: 0 0 0 5px rgba(30, 158, 90, .13) !important;
        }
        .woocommerce-checkout .woocommerce-info:not(:has(.vnacc-notice, .vnchk-toggle-card)) {
            background: linear-gradient(135deg, #FCFAF7, #F8F3ED) !important;
            border: 1px solid #EDE0CE !important; border-left: 5px solid var(--nhatdx-primary, #C67930) !important;
            color: #604531 !important; box-shadow: 0 6px 18px rgba(198, 121, 48, .10) !important;
        }
        .woocommerce-checkout .woocommerce-info:not(:has(.vnacc-notice, .vnchk-toggle-card))::before {
            background-color: var(--nhatdx-primary, #C67930) !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M12 11v6'/%3E%3Cpath d='M12 7.4h.01'/%3E%3C/svg%3E") !important;
            box-shadow: 0 0 0 5px rgba(198, 121, 48, .13) !important;
        }

                /* ---------- Logo chèn lên ảnh sản phẩm ----------
           Lớp phủ vẽ bằng CSS, không ghi vào file ảnh gốc. Tắt đi là ảnh trở lại nguyên trạng. */
        .single-product .wcgp-main::before,
        .single-product .woocommerce-product-gallery__wrapper::before,
        .archive .product-small .box-image::before,
        .search-results .product-small .box-image::before,
        .single-product .related .product-small .box-image::before,
        .single-product .up-sells .product-small .box-image::before,
        .single-product .product-section .product-small .box-image::before,
        .home .product-small .box-image::before,
        .page .product-small .box-image::before,
        .nhatdx-hs-thumb::before,
        .nxps-thumb::before {
            content: ''; position: absolute; pointer-events: none; z-index: 4;
            top: 4%;
            right: 4%;
            height: auto; opacity: 1;
                        aspect-ratio: 1 / 1; border-radius: 50%;
            background: url('https://duongsinhannhien.com/wp-content/uploads/2026/10/2-icon-512-trong-suot-1.webp') center / 70% auto no-repeat, rgba(255,253,249,0.9);
            box-shadow: 0 2px 10px rgba(0, 0, 0, .16), 0 0 0 1px rgba(255, 255, 255, .5) inset;
                    }
        .single-product .wcgp-main::before,
        .single-product .woocommerce-product-gallery__wrapper::before { width: 12%; }
        .archive .product-small .box-image::before,
        .search-results .product-small .box-image::before,
        .single-product .related .product-small .box-image::before,
        .single-product .up-sells .product-small .box-image::before,
        .single-product .product-section .product-small .box-image::before,
        .home .product-small .box-image::before,
        .page .product-small .box-image::before,
        .nhatdx-hs-thumb::before,
        .nxps-thumb::before { width: 15%; }