/* =========================================================
   WOOCOMMERCE CART BLOCK
   File: 04-shop.css
   ========================================================= */

.woocommerce-cart {
    --cart-wine: var(--srnk-color-primary, #7b1128);
    --cart-wine-dark: var(--srnk-color-primary-dark, #570b1c);
    --cart-gold: var(--srnk-color-secondary, #c9a34e);
    --cart-text: #332b2e;
    --cart-muted: #756a6d;
    --cart-border: #eadfe1;
    --cart-soft: #fffafa;
}

/* =========================================================
   KHUNG TRANG
   ========================================================= */

.woocommerce-cart .checkout-page-title {
    margin: 0 !important;
    padding: 24px 0 12px !important;
    background: #fff !important;
}

.woocommerce-cart .cart-container {
    max-width: 1240px !important;
    padding-top: 24px !important;
    padding-bottom: 52px !important;
}

.woocommerce-cart .wp-block-woocommerce-cart {
    margin: 0 !important;
}

/* Bố cục hai cột */
.woocommerce-cart .wc-block-components-sidebar-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.75fr) minmax(340px, 0.95fr) !important;
    gap: 54px !important;
    align-items: start !important;
}

/* Reset kích thước mặc định */
.woocommerce-cart .wc-block-components-main,
.woocommerce-cart .wc-block-components-sidebar {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* =========================================================
   TIẾN TRÌNH GIỎ HÀNG
   ========================================================= */

.woocommerce-cart .checkout-breadcrumbs {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin: 0 !important;

    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 500 !important;
    line-height: 1.4;
    text-transform: none !important;
}

.woocommerce-cart .checkout-breadcrumbs a {
    color: #8a7c80 !important;
    font-weight: 500 !important;
}

.woocommerce-cart .checkout-breadcrumbs a.current {
    color: var(--cart-wine) !important;
    font-weight: 700 !important;
}

.woocommerce-cart .checkout-breadcrumbs .divider {
    color: #c8bfc1 !important;
}

/* =========================================================
   BẢNG SẢN PHẨM
   ========================================================= */

.woocommerce-cart .wc-block-cart-items {
    width: 100% !important;
    margin: 0 !important;

    border: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed;
}

/* Độ rộng cột */
.woocommerce-cart .wc-block-cart-items__header-image {
    width: 88px !important;
}

.woocommerce-cart .wc-block-cart-items__header-total,
.woocommerce-cart .wc-block-cart-item__total {
    width: 130px !important;
}

/* Tiêu đề bảng */
.woocommerce-cart .wc-block-cart-items__header th {
    padding: 0 0 13px !important;

    color: #4c4144 !important;
    font-size: var(--srnk-fs-13px, 13px) !important;
    font-weight: 700 !important;
    letter-spacing: 0.25px;
    text-transform: uppercase;

    border: 0 !important;
    border-bottom: 1px solid var(--cart-border) !important;
}

.woocommerce-cart .wc-block-cart-items__header-image {
    text-align: left !important;
}

.woocommerce-cart .wc-block-cart-items__header-product span {
    display: none !important;
}

/* Dùng chữ Sản phẩm cho hai cột đầu */
.woocommerce-cart .wc-block-cart-items__header-image span {
    white-space: nowrap;
}

.woocommerce-cart .wc-block-cart-items__header-total {
    text-align: right !important;
}

/* Từng sản phẩm */
.woocommerce-cart .wc-block-cart-items__row {
    border: 0 !important;
    border-bottom: 1px solid var(--cart-border) !important;
}

.woocommerce-cart .wc-block-cart-items__row td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;

    vertical-align: top !important;
    border: 0 !important;
}

/* =========================================================
   ẢNH SẢN PHẨM
   ========================================================= */

.woocommerce-cart .wc-block-cart-item__image {
    padding-right: 18px !important;
}

.woocommerce-cart .wc-block-cart-item__image a {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 72px;
    height: 92px;

    background: #fff;
    border: 1px solid #eee3e6;
    border-radius: 6px;

    overflow: hidden;
    transition:
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.woocommerce-cart .wc-block-cart-item__image a:hover {
    border-color: var(--cart-gold);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(123, 17, 40, 0.1);
}

.woocommerce-cart .wc-block-cart-item__image img {
    display: block !important;

    width: 62px !important;
    height: 82px !important;
    margin: 0 !important;

    object-fit: contain !important;
}

/* =========================================================
   THÔNG TIN SẢN PHẨM
   ========================================================= */

.woocommerce-cart .wc-block-cart-item__product {
    padding-right: 24px !important;
}

.woocommerce-cart .wc-block-cart-item__wrap {
    position: relative;
    min-height: 94px;
}

/* Tên */
.woocommerce-cart .wc-block-components-product-name {
    display: block !important;
    margin: 1px 0 4px !important;

    color: #26364f !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

.woocommerce-cart .wc-block-components-product-name:hover {
    color: var(--cart-wine) !important;
}

/* Đơn giá */
.woocommerce-cart .wc-block-cart-item__prices {
    margin: 0 0 3px !important;
}

.woocommerce-cart .wc-block-cart-item__prices .price,
.woocommerce-cart .wc-block-cart-item__prices .wc-block-formatted-money-amount {
    color: var(--cart-wine) !important;
    font-size: var(--srnk-fs-13px, 13px) !important;
    font-weight: 600 !important;
}

/* Mô tả */
.woocommerce-cart .wc-block-components-product-metadata {
    margin: 0 0 7px !important;
}

.woocommerce-cart .wc-block-components-product-metadata__description p {
    max-width: 520px;
    margin: 0 !important;

    color: var(--cart-muted) !important;
    font-size: var(--srnk-fs-12px, 12px) !important;
    line-height: 1.45 !important;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* =========================================================
   SỐ LƯỢNG VÀ XÓA
   ========================================================= */

.woocommerce-cart .wc-block-cart-item__quantity {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    margin-top: 7px !important;
}

/* Khung số lượng */
.woocommerce-cart .wc-block-components-quantity-selector {
    display: grid !important;
    grid-template-columns: 34px 40px 34px !important;

    width: 108px !important;
    height: 40px !important;

    background: #fff !important;
    border: 1px solid #dcd1d4 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}

/* Input */
.woocommerce-cart .wc-block-components-quantity-selector__input {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 40px !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #403639 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 600 !important;
    text-align: center !important;

    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Nút trừ/cộng */
.woocommerce-cart .wc-block-components-quantity-selector__button {
    position: static !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 34px !important;
    height: 38px !important;
    min-width: 34px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #817479 !important;
    font-size: 17px !important;
    line-height: 1 !important;

    background: #faf7f7 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.woocommerce-cart
.wc-block-components-quantity-selector__button--minus {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.woocommerce-cart
.wc-block-components-quantity-selector__button--plus {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

.woocommerce-cart
.wc-block-components-quantity-selector__button:hover:not(:disabled) {
    color: #fff !important;
    background: var(--cart-wine) !important;
}

.woocommerce-cart
.wc-block-components-quantity-selector__button:disabled {
    color: #c5bbbe !important;
    opacity: 1 !important;
}

/* Nút xóa */
.woocommerce-cart .wc-block-cart-item__remove-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 30px !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #887b7f !important;
    background: #fff !important;
    border: 1px solid #ddd2d5 !important;
    border-radius: 50% !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.woocommerce-cart .wc-block-cart-item__remove-link svg {
    width: 17px !important;
    height: 17px !important;
    fill: currentColor !important;
}

.woocommerce-cart .wc-block-cart-item__remove-link:hover {
    color: #fff !important;
    background: var(--cart-wine) !important;
    border-color: var(--cart-wine) !important;
    transform: rotate(8deg);
}

/* Thành tiền từng sản phẩm */
.woocommerce-cart .wc-block-cart-item__total {
    padding-left: 12px !important;
    text-align: right !important;
}

.woocommerce-cart .wc-block-cart-item__total .price,
.woocommerce-cart .wc-block-cart-item__total .wc-block-formatted-money-amount {
    color: var(--cart-wine) !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 700 !important;
    white-space: nowrap;
}

/* =========================================================
   CỘT TỔNG CỘNG
   ========================================================= */

.woocommerce-cart .wc-block-components-sidebar {
    position: sticky;
    top: 105px;

    padding: 22px !important;

    background: #fffafa !important;
    border: 1px solid var(--cart-border) !important;
    border-top: 3px solid var(--cart-wine) !important;
    border-radius: 8px !important;

    box-shadow: 0 8px 24px rgba(75, 14, 31, 0.08);
}

/* Tiêu đề */
.woocommerce-cart .wc-block-cart__totals-title {
    margin: 0 0 10px !important;
    padding: 0 0 14px !important;

    color: var(--cart-wine) !important;
    font-size: var(--srnk-fs-16px, 16px) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-transform: uppercase;

}

/* Các hàng tổng */
.woocommerce-cart .wc-block-components-totals-wrapper {
    padding: 0 !important;
}

/* Mã giảm giá */
.woocommerce-cart .wc-block-components-totals-coupon {
    margin: 0 !important;
}

.woocommerce-cart .wc-block-components-panel__button {
    display: flex !important;
    align-items: center;
    justify-content: space-between;

    min-height: 52px;
    padding: 0 !important;

    color: #514649 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 500 !important;
}

.woocommerce-cart .wc-block-components-panel__button-icon {
    order: 2;
    width: 20px !important;
    height: 20px !important;
    fill: var(--cart-wine) !important;
}

/* Vận chuyển và tổng */
.woocommerce-cart .wc-block-components-totals-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px;

    min-height: 56px;
    padding: 13px 0 !important;
}

.woocommerce-cart .wc-block-components-totals-item__label {
    color: #514649 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 500 !important;
}

.woocommerce-cart .wc-block-components-totals-item__value {
    color: var(--cart-wine) !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 700 !important;
    text-align: right;
    text-transform: uppercase;
}

/* Tổng ước tính */
.woocommerce-cart .wc-block-components-totals-footer-item {
    min-height: 72px !important;
    padding: 17px 0 !important;
}

.woocommerce-cart
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label {
    color: #352d30 !important;
    font-size: var(--srnk-fs-18px, 18px) !important;
    font-weight: 600 !important;
}

.woocommerce-cart
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    color: var(--cart-wine) !important;
    font-size: var(--srnk-fs-20px, 20px) !important;
    font-weight: 700 !important;
    text-transform: none;
}

/* =========================================================
   NÚT THANH TOÁN
   ========================================================= */

.woocommerce-cart .wc-block-cart__submit {
    margin-top: 16px !important;
}

.woocommerce-cart .wc-block-cart__submit-button {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    min-height: 54px !important;

    padding: 0 20px !important;

    color: #fff !important;
    font-size: var(--srnk-fs-16px, 16px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    background: var(--cart-wine) !important;
    border: 1px solid var(--cart-wine) !important;
    border-radius: 5px !important;

    box-shadow: 0 5px 14px rgba(123, 17, 40, 0.17) !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

.woocommerce-cart .wc-block-cart__submit-button:hover {
    color: #3c2200 !important;
    background: var(--cart-gold) !important;
    border-color: var(--cart-gold) !important;

    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(201, 163, 78, 0.25) !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {
    .woocommerce-cart .wc-block-components-sidebar-layout {
        grid-template-columns: minmax(0, 1.45fr) minmax(310px, 0.85fr) !important;
        gap: 28px !important;
    }

    .woocommerce-cart .wc-block-components-sidebar {
        padding: 18px !important;
    }

    .woocommerce-cart .wc-block-components-product-metadata__description p {
        max-width: 360px;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 849px) {
    .woocommerce-cart .checkout-page-title {
        padding: 18px 0 8px !important;
    }

    .woocommerce-cart .cart-container {
        padding: 16px 14px 36px !important;
    }

    .woocommerce-cart .wc-block-components-sidebar-layout {
        display: block !important;
    }

    .woocommerce-cart .wc-block-components-sidebar {
        position: static;
        margin-top: 26px !important;
        padding: 18px !important;
    }

    .woocommerce-cart .wc-block-cart-items__header {
        display: none !important;
    }

    .woocommerce-cart .wc-block-cart-items,
    .woocommerce-cart .wc-block-cart-items tbody {
        display: block !important;
    }

    .woocommerce-cart .wc-block-cart-items__row {
        position: relative;
        display: grid !important;
        grid-template-columns: 70px minmax(0, 1fr) !important;

        margin-bottom: 14px;
        padding: 14px !important;

        background: #fff;
        border: 1px solid var(--cart-border) !important;
        border-radius: 8px;

        box-shadow: 0 4px 12px rgba(75, 14, 31, 0.06);
    }

    .woocommerce-cart .wc-block-cart-items__row td {
        display: block !important;
        width: auto !important;
        padding: 0 !important;
    }

    .woocommerce-cart .wc-block-cart-item__image {
        grid-column: 1;
        grid-row: 1 / span 2;

        padding-right: 12px !important;
    }

    .woocommerce-cart .wc-block-cart-item__image a {
        width: 58px;
        height: 76px;
    }

    .woocommerce-cart .wc-block-cart-item__image img {
        width: 50px !important;
        height: 68px !important;
    }

    .woocommerce-cart .wc-block-cart-item__product {
        grid-column: 2;
        padding: 0 !important;
    }

    .woocommerce-cart .wc-block-components-product-name {
        padding-right: 26px;
    }

    .woocommerce-cart .wc-block-components-product-metadata__description {
        display: none;
    }

    .woocommerce-cart .wc-block-cart-item__total {
        grid-column: 1 / -1;

        margin-top: 13px;
        padding-top: 12px !important;

        border-top: 1px solid var(--cart-border) !important;
        text-align: right !important;
    }

    .woocommerce-cart .wc-block-cart-item__quantity {
        flex-wrap: wrap;
    }

    .woocommerce-cart .checkout-breadcrumbs {
        font-size: var(--srnk-fs-12px, 12px) !important;
    }
}

/* =========================================================
   CART BLOCK – TINH CHỈNH CUỐI
   ========================================================= */

.woocommerce-cart .cart-container {
    max-width: 1280px !important;
    padding-top: 18px !important;
    padding-bottom: 42px !important;
}

/* Cân lại 2 cột */
.woocommerce-cart .wc-block-components-sidebar-layout {
    grid-template-columns:
        minmax(0, 1.65fr)
        minmax(360px, 0.85fr) !important;

    gap: 70px !important;
}

/* =========================================================
   DANH SÁCH SẢN PHẨM
   ========================================================= */

.woocommerce-cart .wc-block-cart-items__row td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Ảnh sản phẩm */
.woocommerce-cart .wc-block-cart-item__image a {
    width: 74px !important;
    height: 94px !important;
}

.woocommerce-cart .wc-block-cart-item__image img {
    width: 62px !important;
    height: 82px !important;
}

/* Tên sản phẩm */
.woocommerce-cart .wc-block-components-product-name {
    color: #273650 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

.woocommerce-cart .wc-block-components-product-name:hover {
    color: var(--srnk-color-primary, #7b1128) !important;
}

/* Đơn giá */
.woocommerce-cart .wc-block-cart-item__prices {
    margin-top: 2px !important;
}

.woocommerce-cart
.wc-block-cart-item__prices
.wc-block-formatted-money-amount {
    color: var(--srnk-color-primary, #7b1128) !important;
    font-size: var(--srnk-fs-13px, 13px) !important;
    font-weight: 600 !important;
}

/* Mô tả */
.woocommerce-cart
.wc-block-components-product-metadata__description p {
    max-width: 470px !important;

    color: #776b6f !important;
    font-size: var(--srnk-fs-12px, 12px) !important;
    line-height: 1.45 !important;
}

/* Thành tiền */
.woocommerce-cart
.wc-block-cart-item__total
.wc-block-formatted-money-amount {
    color: var(--srnk-color-primary, #7b1128) !important;
    font-size: var(--srnk-fs-15px, 15px) !important;
    font-weight: 700 !important;
}

/* =========================================================
   TĂNG GIẢM SỐ LƯỢNG
   ========================================================= */

.woocommerce-cart .wc-block-components-quantity-selector {
    width: 108px !important;
    height: 40px !important;

    border-color: #dfd2d5 !important;
    border-radius: 5px !important;
}

.woocommerce-cart
.wc-block-components-quantity-selector__button {
    color: #8b7d81 !important;
    background: #fffafa !important;
}

.woocommerce-cart
.wc-block-components-quantity-selector__button:hover:not(:disabled) {
    color: #fff !important;
    background: var(--srnk-color-primary, #7b1128) !important;
}

/* Nút xóa */
.woocommerce-cart .wc-block-cart-item__remove-link {
    width: 30px !important;
    height: 30px !important;

    color: #998b8f !important;
    background: #fff !important;
    border: 1px solid #ded2d5 !important;
}

.woocommerce-cart .wc-block-cart-item__remove-link:hover {
    color: #fff !important;
    background: var(--srnk-color-primary, #7b1128) !important;
    border-color: var(--srnk-color-primary, #7b1128) !important;
}

/* =========================================================
   CỘT TỔNG CỘNG
   ========================================================= */

.woocommerce-cart .wc-block-components-sidebar {
    top: 95px !important;

    padding: 22px !important;

    background: #fffafa !important;
    border: 1px solid #eadfe1 !important;
    border-top: 3px solid var(--srnk-color-primary, #7b1128) !important;
    border-radius: 8px !important;

    box-shadow: 0 8px 22px rgba(78, 15, 32, 0.07) !important;
}

/* Tiêu đề */
.woocommerce-cart .wc-block-cart__totals-title {
    color: var(--srnk-color-primary, #7b1128) !important;
    font-size: var(--srnk-fs-16px, 16px) !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px;
}

/* Mã giảm giá */
.woocommerce-cart .wc-block-components-panel__button {
    min-height: 54px !important;

    color: #5b5053 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
}

.woocommerce-cart .wc-block-components-panel__button:hover {
    color: var(--srnk-color-primary, #7b1128) !important;
}

/* Miễn phí vận chuyển */
.woocommerce-cart
.wc-block-components-totals-shipping
.wc-block-components-totals-item__value {
    color: var(--srnk-color-primary, #7b1128) !important;
    font-weight: 700 !important;
}

/* Tổng ước tính */
.woocommerce-cart
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label {
    font-size: var(--srnk-fs-18px, 18px) !important;
    font-weight: 600 !important;
}

.woocommerce-cart
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    color: var(--srnk-color-primary, #7b1128) !important;
    font-size: var(--srnk-fs-21px, 21px) !important;
    font-weight: 700 !important;
}

/* =========================================================
   NÚT THANH TOÁN
   ========================================================= */

.woocommerce-cart .wc-block-cart__submit-button {
    min-height: 54px !important;

    color: #fff !important;
    background: var(--srnk-color-primary, #7b1128) !important;
    border-color: var(--srnk-color-primary, #7b1128) !important;

    font-size: var(--srnk-fs-16px, 16px) !important;
    font-weight: 700 !important;

    box-shadow: 0 5px 14px rgba(123, 17, 40, 0.16) !important;
}

.woocommerce-cart .wc-block-cart__submit-button:hover {
    color: #3d2300 !important;
    background: var(--srnk-color-secondary, #c9a34e) !important;
    border-color: var(--srnk-color-secondary, #c9a34e) !important;

    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(201, 163, 78, 0.24) !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1100px) {
    .woocommerce-cart .wc-block-components-sidebar-layout {
        grid-template-columns:
            minmax(0, 1.35fr)
            minmax(320px, 0.85fr) !important;

        gap: 34px !important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 849px) {
    .woocommerce-cart .wc-block-components-sidebar-layout {
        display: block !important;
    }

    .woocommerce-cart .wc-block-components-sidebar {
        margin-top: 24px !important;
        padding: 18px !important;
    }

    .woocommerce-cart .wc-block-cart__submit-button {
        min-height: 50px !important;
        font-size: var(--srnk-fs-15px, 15px) !important;
    }
}

/* Ẩn phần mã giảm giá trong Cart Block */
.woocommerce-cart
.wp-block-woocommerce-cart-order-summary-coupon-form-block,
.woocommerce-cart
.wc-block-components-totals-coupon,
.woocommerce-cart
.wc-block-components-panel {
    display: none !important;
}

.woocommerce-cart
.wp-block-woocommerce-cart-order-summary-coupon-form-block
+ .wp-block-woocommerce-cart-order-summary-totals-block {
    margin-top: 0 !important;
}

.woocommerce-cart
.wc-block-cart__sidebar
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon) {
    display: none !important;
}

.checkout-trust-box {
    margin-top: 18px;
    padding: 16px;
    color: #554a4d;
    font-size: 13px;
    line-height: 1.6;
    background: #fffafa;
    border: 1px solid #eadfe1;
    border-left: 3px solid var(--srnk-color-primary, #7b1128);
    border-radius: 6px;
}

.checkout-trust-box p {
    margin: 0 0 5px;
}

.checkout-trust-box p:first-child {
    color: var(--srnk-color-primary, #7b1128);
    font-size: 14px;
    text-transform: uppercase;
}


/* =========================================================
   TRANG ĐƠN HÀNG HOÀN TẤT – FLATSOME
   File: 09-cart.css
   ========================================================= */

.woocommerce-order-received {
    --thankyou-wine: var(--srnk-color-primary, #7b1128);
    --thankyou-wine-dark: var(--srnk-color-primary-dark, #570b1c);
    --thankyou-gold: var(--srnk-color-secondary, #c9a34e);
    --thankyou-text: #3d3437;
    --thankyou-muted: #72666a;
    --thankyou-border: #eadfe1;
    --thankyou-soft: #fffafa;
}

/* =========================================================
   KHUNG TRANG
   ========================================================= */

.woocommerce-order-received .checkout-page-title {
    margin: 0 !important;
    padding: 24px 0 12px !important;
    background: #fff !important;
}

.woocommerce-order-received .cart-container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding-top: 24px !important;
    padding-bottom: 52px !important;
}

/* =========================================================
   THANH CÁC BƯỚC
   ========================================================= */

.woocommerce-order-received .checkout-breadcrumbs {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin: 0 !important;

    font-size: var(--srnk-fs-13px, 13px) !important;
    font-weight: 500 !important;
    line-height: 1.4;
    text-transform: none !important;
}

.woocommerce-order-received .checkout-breadcrumbs a {
    color: #8a7d81 !important;
}

.woocommerce-order-received .checkout-breadcrumbs a.current {
    color: var(--thankyou-wine) !important;
    font-weight: 700 !important;
}

.woocommerce-order-received .checkout-breadcrumbs .divider {
    color: #cbc1c4 !important;
}

/* =========================================================
   BỐ CỤC HAI CỘT
   ========================================================= */

.woocommerce-order-received .woocommerce-order.row {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(360px, 0.85fr) !important;

    align-items: start !important;
    gap: 42px !important;

    width: 100% !important;
    margin: 0 !important;
}

/* Reset cột Flatsome */
.woocommerce-order-received .woocommerce-order.row > .col {
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   THÔNG BÁO COD
   ========================================================= */

.woocommerce-order-received
.woocommerce-order
> .large-7
> p:first-child {
    margin: 0 0 16px !important;
    padding: 12px 15px !important;

    color: #564a4e !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 500 !important;
    line-height: 1.5;

    background: #fffaf3;
    border: 1px solid #eadbc8;
    border-left: 4px solid var(--thankyou-gold);
    border-radius: 6px;
}

/* =========================================================
   CHI TIẾT ĐƠN HÀNG
   ========================================================= */

.woocommerce-order-received .woocommerce-order-details {
    margin: 0 !important;
    padding: 22px !important;

    background: #fff !important;
    border: 1px solid var(--thankyou-border) !important;
    border-top: 3px solid var(--thankyou-wine) !important;
    border-radius: 8px !important;

    box-shadow: 0 8px 22px rgba(77, 14, 31, 0.07) !important;
}

/* Tiêu đề */
.woocommerce-order-received
.woocommerce-order-details__title {
    margin: 0 0 16px !important;
    padding: 0 0 13px !important;

    color: var(--thankyou-wine) !important;
    font-size: var(--srnk-fs-22px, 22px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    border-bottom: 1px solid var(--thankyou-border);
}

/* Bảng */
.woocommerce-order-received
.woocommerce-table--order-details {
    width: 100% !important;
    margin: 0 !important;

    border: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed;
}

.woocommerce-order-received
.woocommerce-table--order-details th {
    padding: 10px 0 !important;

    color: #4e4346 !important;
    font-size: var(--srnk-fs-13px, 13px) !important;
    font-weight: 700 !important;
    text-transform: uppercase;

    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--thankyou-border) !important;
}

.woocommerce-order-received
.woocommerce-table--order-details td {
    padding: 11px 0 !important;

    color: #5d5255 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    line-height: 1.5 !important;

    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #eee5e7 !important;
}

/* Cột tổng */
.woocommerce-order-received
.woocommerce-table--order-details
.product-total {
    width: 160px;
    padding-left: 18px !important;
    text-align: right !important;
}

/* Tên sản phẩm */
.woocommerce-order-received
.woocommerce-table__product-name a {
    color: #263750 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.woocommerce-order-received
.woocommerce-table__product-name a:hover {
    color: var(--thankyou-wine) !important;
}

.woocommerce-order-received .product-quantity {
    color: var(--thankyou-wine) !important;
    font-weight: 700 !important;
}

/* Giá */
.woocommerce-order-received
.woocommerce-table__product-total,
.woocommerce-order-received
.woocommerce-table--order-details tfoot td {
    color: var(--thankyou-wine) !important;
    font-weight: 700 !important;
    text-align: right !important;
    white-space: nowrap;
}

/* Các dòng tổng */
.woocommerce-order-received
.woocommerce-table--order-details tfoot th {
    padding: 11px 0 !important;

    color: #514649 !important;
    font-weight: 600 !important;
    text-transform: none !important;

    border-bottom: 1px solid #eee5e7 !important;
}

.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child td {
    padding-top: 14px !important;
    padding-bottom: 8px !important;

    color: var(--thankyou-wine) !important;
    font-size: var(--srnk-fs-16px, 16px) !important;
    font-weight: 700 !important;

    border-bottom: 0 !important;
}

/* =========================================================
   KHUNG CẢM ƠN BÊN PHẢI
   ========================================================= */

.woocommerce-order-received
.woocommerce-order
> .large-5
> .is-well {
    position: sticky;
    top: 96px;

    width: 100% !important;
    margin: 0 !important;
    padding: 24px !important;

    background: var(--thankyou-soft) !important;
    border: 1px solid var(--thankyou-border) !important;
    border-top: 3px solid var(--thankyou-wine) !important;
    border-radius: 8px !important;

    box-shadow: 0 10px 28px rgba(77, 14, 31, 0.09) !important;
}

/* Thông báo cảm ơn */
.woocommerce-order-received
.woocommerce-notice--success {
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;

    color: #687832 !important;
    font-size: var(--srnk-fs-17px, 17px) !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;

    border-bottom: 1px solid var(--thankyou-border);
}

/* Danh sách thông tin */
.woocommerce-order-received
.woocommerce-order-overview {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.woocommerce-order-received
.woocommerce-order-overview li {
    display: grid !important;
    grid-template-columns: minmax(125px, 0.85fr) minmax(0, 1.15fr) !important;
    align-items: start !important;
    gap: 14px !important;

    float: none !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 11px 0 !important;

    color: #62575a !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    line-height: 1.45 !important;
    text-transform: none !important;

    border: 0 !important;
    border-bottom: 1px solid #eee4e7 !important;
}

.woocommerce-order-received
.woocommerce-order-overview li:last-child {
    border-bottom: 0 !important;
}

.woocommerce-order-received
.woocommerce-order-overview li strong {
    display: block !important;

    color: var(--thankyou-wine) !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: right !important;

    overflow-wrap: anywhere;
}

/* =========================================================
   ĐỊA CHỈ THANH TOÁN VÀ GIAO HÀNG
   ========================================================= */

.woocommerce-order-received
.woocommerce-customer-details {
    margin: 20px 0 0 !important;
    padding: 0 !important;
}

.woocommerce-order-received
.woocommerce-columns--addresses {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;

    margin: 0 !important;
}

/* Reset Flatsome col-1 / col-2 */
.woocommerce-order-received
.woocommerce-columns--addresses
> .woocommerce-column {
    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 20px !important;

    background: var(--thankyou-soft);
    border: 1px solid var(--thankyou-border);
    border-radius: 8px;
}

/* Tiêu đề địa chỉ */
.woocommerce-order-received
.woocommerce-column__title {
    margin: 0 0 13px !important;
    padding: 0 0 11px !important;

    color: var(--thankyou-wine) !important;
    font-size: var(--srnk-fs-19px, 19px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    border-bottom: 1px solid var(--thankyou-border);
}

/* Nội dung địa chỉ */
.woocommerce-order-received
.woocommerce-customer-details address {
    margin: 0 !important;
    padding: 0 !important;

    color: #5c5154 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-style: normal !important;
    line-height: 1.7 !important;

    background: transparent !important;
    border: 0 !important;
}

/* Điện thoại và email */
.woocommerce-order-received
.woocommerce-customer-details--phone,
.woocommerce-order-received
.woocommerce-customer-details--email {
    margin: 7px 0 0 !important;

    color: var(--thankyou-wine) !important;
    font-weight: 600 !important;
    overflow-wrap: anywhere;
}

/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {
    .woocommerce-order-received .woocommerce-order.row {
        grid-template-columns:
            minmax(0, 1.25fr)
            minmax(320px, 0.8fr) !important;

        gap: 28px !important;
    }

    .woocommerce-order-received
    .woocommerce-order
    > .large-5
    > .is-well {
        padding: 20px !important;
    }

    .woocommerce-order-received
    .woocommerce-order-overview li {
        grid-template-columns: 1fr !important;
        gap: 3px !important;
    }

    .woocommerce-order-received
    .woocommerce-order-overview li strong {
        text-align: left !important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 849px) {
    .woocommerce-order-received .cart-container {
        padding: 18px 14px 38px !important;
    }

    .woocommerce-order-received .woocommerce-order.row {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    /* Đưa khung cảm ơn lên trước */
    .woocommerce-order-received
    .woocommerce-order
    > .large-5 {
        order: 1;
    }

    .woocommerce-order-received
    .woocommerce-order
    > .large-7 {
        order: 2;
    }

    .woocommerce-order-received
    .woocommerce-order
    > .large-5
    > .is-well {
        position: static;
        padding: 18px !important;
    }

    .woocommerce-order-received
    .woocommerce-order-overview li {
        grid-template-columns: 1fr auto !important;
        gap: 12px !important;
    }

    .woocommerce-order-received
    .woocommerce-order-overview li strong {
        text-align: right !important;
    }

    .woocommerce-order-received
    .woocommerce-order-details {
        padding: 17px !important;
    }

    .woocommerce-order-received
    .woocommerce-order-details__title {
        font-size: var(--srnk-fs-20px, 20px) !important;
    }

    .woocommerce-order-received
    .woocommerce-columns--addresses {
        grid-template-columns: 1fr !important;
    }

    .woocommerce-order-received
    .woocommerce-table--order-details
    .product-total {
        width: 120px;
    }
}

/* =========================================================
   FIX FONT TIẾNG VIỆT – ĐƠN HÀNG HOÀN TẤT
   ========================================================= */

.woocommerce-order-received,
.woocommerce-order-received .woocommerce,
.woocommerce-order-received .woocommerce-order,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-order-overview {
    font-family: var(--srnk-font-body, Arial, Helvetica, sans-serif) !important;
}

/* Tiêu đề */
.woocommerce-order-received
.woocommerce-order-details__title,
.woocommerce-order-received
.woocommerce-column__title,
.woocommerce-order-received
.woocommerce-notice--success,
.woocommerce-order-received
.woocommerce-table--order-details th,
.woocommerce-order-received
.woocommerce-order-overview li,
.woocommerce-order-received
.woocommerce-order-overview li strong {
    font-family: var(--srnk-font-body, Arial, Helvetica, sans-serif) !important;
}

/* Dùng font body cho tiêu đề để chắc chắn không lỗi dấu */
.woocommerce-order-received
.woocommerce-order-details__title,
.woocommerce-order-received
.woocommerce-column__title,
.woocommerce-order-received
.woocommerce-notice--success {
    font-family: var(--srnk-font-body, Arial, Helvetica, sans-serif) !important;

    font-style: normal !important;
    letter-spacing: 0 !important;
}

/* Nội dung bảng và địa chỉ */
.woocommerce-order-received
.woocommerce-table--order-details,
.woocommerce-order-received
.woocommerce-table--order-details a,
.woocommerce-order-received
.woocommerce-customer-details address,
.woocommerce-order-received
.woocommerce-customer-details--phone,
.woocommerce-order-received
.woocommerce-customer-details--email {
    font-family: var(--srnk-font-body, Arial, Helvetica, sans-serif) !important;

    font-style: normal !important;
}

/* =========================================================
   FIX TRÀN PHƯƠNG THỨC THANH TOÁN
   ========================================================= */

.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child {
    display: table-row !important;
}

.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child td {
    vertical-align: top !important;
}

/* Cột tiêu đề */
.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child th {
    width: 42% !important;
    padding-right: 16px !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* Cột phương thức thanh toán */
.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child td {
    width: 58% !important;
    max-width: 0 !important;

    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* Giữ bảng nằm gọn trong khung */
.woocommerce-order-received
.woocommerce-table--order-details {
    table-layout: fixed !important;
}

/* Mobile */
@media screen and (max-width: 549px) {
    .woocommerce-order-received
    .woocommerce-table--order-details tfoot tr:last-child th,
    .woocommerce-order-received
    .woocommerce-table--order-details tfoot tr:last-child td {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        padding-right: 0 !important;
        text-align: left !important;
    }

    .woocommerce-order-received
    .woocommerce-table--order-details tfoot tr:last-child td {
        padding-top: 4px !important;
    }
}

/* =========================================================
   FIX FONT TIẾNG VIỆT TRONG BẢNG ĐƠN HÀNG
   ========================================================= */

.woocommerce-order-received
.woocommerce-table--order-details,
.woocommerce-order-received
.woocommerce-table--order-details thead,
.woocommerce-order-received
.woocommerce-table--order-details tbody,
.woocommerce-order-received
.woocommerce-table--order-details tfoot,
.woocommerce-order-received
.woocommerce-table--order-details tr,
.woocommerce-order-received
.woocommerce-table--order-details th,
.woocommerce-order-received
.woocommerce-table--order-details td,
.woocommerce-order-received
.woocommerce-table--order-details a,
.woocommerce-order-received
.woocommerce-table--order-details strong,
.woocommerce-order-received
.woocommerce-table--order-details span {
    font-family: var(--srnk-font-body, Arial, Helvetica, sans-serif) !important;
    font-style: normal !important;
    font-variant: normal !important;
    letter-spacing: 0 !important;
}

/* Riêng phần tổng tiền và phương thức thanh toán */
.woocommerce-order-received
.woocommerce-table--order-details tfoot th,
.woocommerce-order-received
.woocommerce-table--order-details tfoot td {
    font-family: var(--srnk-font-body, Arial, Helvetica, sans-serif) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

/* Dòng phương thức thanh toán */
.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:last-child td {
    font-family: var(--srnk-font-body, Arial, Helvetica, sans-serif) !important;
    font-style: normal !important;
    text-transform: none !important;
}

/* Không cho Flatsome heading-font ghi đè */
.woocommerce-order-received
.woocommerce-table--order-details .heading-font,
.woocommerce-order-received
.woocommerce-table--order-details th {
    font-family: var(--srnk-font-body, Arial, Helvetica, sans-serif) !important;
}

/* =========================================================
   FIX FONT KHUNG THÔNG TIN ĐƠN HÀNG BÊN PHẢI
   ========================================================= */

.woocommerce-order-received
.woocommerce-order
> .large-5,
.woocommerce-order-received
.woocommerce-order
> .large-5 .is-well,
.woocommerce-order-received
.woocommerce-order
> .large-5 .entry-content,
.woocommerce-order-received
.woocommerce-order-overview,
.woocommerce-order-received
.woocommerce-order-overview li,
.woocommerce-order-received
.woocommerce-order-overview li strong,
.woocommerce-order-received
.woocommerce-notice--success,
.woocommerce-order-received
.woocommerce-notice--success strong {
    font-family: var(--srnk-font-body, Arial, Helvetica, sans-serif) !important;
    font-style: normal !important;
    font-variant: normal !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Tiêu đề cảm ơn */
.woocommerce-order-received
.woocommerce-notice--success,
.woocommerce-order-received
.woocommerce-notice--success strong {
    color: #687832 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

/* Nhãn thông tin */
.woocommerce-order-received
.woocommerce-order-overview li {
    color: #62575a !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

/* Giá trị thông tin */
.woocommerce-order-received
.woocommerce-order-overview li strong {
    color: #7b1128 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

/* Tổng cộng giữ màu đậm */
.woocommerce-order-received
.woocommerce-order-overview__total strong {
    color: #332b2e !important;
}

/* Ngăn font heading của Flatsome ghi đè */
.woocommerce-order-received
.is-well .heading-font,
.woocommerce-order-received
.entry-content .heading-font,
.woocommerce-order-received
.order_details,
.woocommerce-order-received
.order_details li,
.woocommerce-order-received
.order_details strong {
    font-family: var(--srnk-font-body, Arial, Helvetica, sans-serif) !important;
}