/*
 * =========================================================
 * Hardware Parts Direct
 * hpd-commerce.css
 * HPD COMMERCE — CLEAN MASTER
 *
 * CART:
 * - LOCKED / approved
 * - One authoritative WooCommerce Cart Block layout
 * - Desktop: wide product area + 24px gap + 360px totals
 * - Tablet: flexible product area + 20px gap + 300px totals
 * - Mobile: stacked layout
 *
 * CHECKOUT:
 * - LOCKED / approved
 * - Existing Checkout styling preserved below
 *
 * PRODUCT PAGE:
 * - High-end Add-to-Cart success bar
 * - HPD New Blue: #4772FE
 * - Orange View Cart CTA: #ff8a00
 *
 * Does not modify BridgeSync.
 * =========================================================
 */


/* =========================================================
   HPD CART — PAGE SHELL
   ========================================================= */

body.woocommerce-cart #main-content .container {
    width: 88% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 34px !important;
    padding-bottom: 48px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart #main-content .container:before {
    display: none !important;
}

body.woocommerce-cart #content-area,
body.woocommerce-cart #left-area,
body.woocommerce-cart article.page,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .wp-block-woocommerce-cart {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart #left-area {
    float: none !important;
}

body.woocommerce-cart #sidebar {
    display: none !important;
}


/* =========================================================
   CART TITLE
   ========================================================= */

body.woocommerce-cart .entry-title,
body.woocommerce-cart h1 {
    margin-left: 0 !important;
    color: #0e2a47 !important;
    font-weight: 700 !important;
}


/* =========================================================
   WOOCOMMERCE CART BLOCK
   IMPORTANT:
   The Filled Cart wrapper is the ONLY two-column controller.
   ========================================================= */

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

body.woocommerce-cart .wp-block-woocommerce-filled-cart-block {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    column-gap: 24px !important;
    row-gap: 0 !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* Product-side wrapper */
body.woocommerce-cart .wp-block-woocommerce-cart-items-block {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* Totals-side wrapper */
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block {
    grid-column: 2 !important;
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/*
 * Runtime WooCommerce classes live inside the block wrappers.
 * They fill their parent only; they DO NOT create another layout.
 */
body.woocommerce-cart .wc-block-cart {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-cart__sidebar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart .wc-block-cart__main {
    padding: 0 !important;
}

body.woocommerce-cart .wc-block-cart__sidebar {
    padding: 20px !important;
}


/* =========================================================
   PRODUCT TABLE / PRODUCT AREA
   ========================================================= */

body.woocommerce-cart .wp-block-woocommerce-cart-line-items-block,
body.woocommerce-cart .wc-block-cart-items {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart .wc-block-cart-items {
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

body.woocommerce-cart .wc-block-cart-items thead {
    background: #f7f9fc !important;
}

body.woocommerce-cart .wc-block-cart-items th {
    padding: 13px 14px !important;
    border-bottom: 1px solid #d9e2ec !important;
    color: #0e2a47 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
}

body.woocommerce-cart .wc-block-cart-items td {
    padding: 16px 14px !important;
    vertical-align: middle !important;
}

body.woocommerce-cart .wc-block-cart-items__row {
    border-bottom: 1px solid #edf1f5 !important;
}

body.woocommerce-cart .wc-block-cart-items__row:last-child {
    border-bottom: 0 !important;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

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

body.woocommerce-cart .wc-block-cart-item__image img {
    width: 72px !important;
    height: 72px !important;
    max-width: 72px !important;
    object-fit: contain !important;
    padding: 4px !important;
    border: 1px solid #e2e8ef !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}


/* =========================================================
   PRODUCT NAME
   ========================================================= */

body.woocommerce-cart .wc-block-components-product-name {
    color: #0e2a47 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body.woocommerce-cart .wc-block-components-product-name:hover,
body.woocommerce-cart .wc-block-components-product-name:focus {
    color: #ff8a00 !important;
}


/* =========================================================
   PRODUCT META / VARIATION
   ========================================================= */

body.woocommerce-cart .wc-block-components-product-details,
body.woocommerce-cart .wc-block-components-product-details li,
body.woocommerce-cart .wc-block-cart-item__prices {
    color: #5a6877 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

body.woocommerce-cart .wc-block-components-product-details__name {
    color: #0e2a47 !important;
    font-weight: 700 !important;
}


/* =========================================================
   PRODUCT PRICE / LINE TOTAL
   ========================================================= */

body.woocommerce-cart .wc-block-components-product-price,
body.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper,
body.woocommerce-cart .wc-block-cart-item__total .wc-block-formatted-money-amount {
    color: #0e2a47 !important;
    font-weight: 700 !important;
}

body.woocommerce-cart .wc-block-cart-item__total .wc-block-formatted-money-amount {
    color: #1f5ebe !important;
}


/* =========================================================
   QUANTITY SELECTOR
   ========================================================= */

body.woocommerce-cart .wc-block-components-quantity-selector {
    min-height: 38px !important;
    border: 1px solid #cbd7e3 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector input {
    color: #0e2a47 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    background: #ffffff !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector__button {
    color: #0e2a47 !important;
    background: #f7f9fc !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector__button:hover,
body.woocommerce-cart .wc-block-components-quantity-selector__button:focus {
    color: #ffffff !important;
    background: #0e2a47 !important;
}


/* =========================================================
   REMOVE ITEM
   ========================================================= */

body.woocommerce-cart .wc-block-cart-item__remove-link {
    color: #6d7a88 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body.woocommerce-cart .wc-block-cart-item__remove-link:hover,
body.woocommerce-cart .wc-block-cart-item__remove-link:focus {
    color: #ff8a00 !important;
}


/* =========================================================
   CART TOTALS
   ========================================================= */

body.woocommerce-cart .wc-block-cart__sidebar {
    border: 1px solid #d9e2ec !important;
    border-radius: 7px !important;
    background: #ffffff !important;
}

body.woocommerce-cart .wc-block-cart__totals-title {
    margin: 0 0 12px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #d9e2ec !important;
    color: #0e2a47 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

body.woocommerce-cart .wc-block-components-totals-wrapper {
    padding: 12px 0 !important;
    border-top: 1px solid #edf1f5 !important;
}

body.woocommerce-cart .wc-block-components-totals-wrapper:first-of-type {
    border-top: 0 !important;
}

body.woocommerce-cart .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-item__value {
    color: #0e2a47 !important;
    font-weight: 700 !important;
}

body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #0e2a47 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #1f5ebe !important;
}

body.woocommerce-cart .wc-block-components-totals-shipping__via,
body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-item__description {
    color: #5a6877 !important;
    font-size: 12px !important;
}


/* =========================================================
   PROCEED TO CHECKOUT BUTTON
   ========================================================= */

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

body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-cart__submit-button.wc-block-components-button,
body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 13px 18px !important;
    border: 1px solid #ff8a00 !important;
    border-radius: 5px !important;
    background: #ff7900 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-block-cart__submit-button:focus {
    border-color: #e77800 !important;
    background: #e86e00 !important;
    color: #ffffff !important;
}

body.woocommerce-cart .wc-block-components-button:not(.wc-block-cart__submit-button) {
    border-radius: 5px !important;
}


/* =========================================================
   CLASSIC WOOCOMMERCE CART FALLBACK
   ========================================================= */

body.woocommerce-cart table.shop_table.cart {
    width: 100% !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 7px !important;
    background: #ffffff !important;
}

body.woocommerce-cart table.shop_table.cart th {
    color: #0e2a47 !important;
    font-weight: 700 !important;
}

body.woocommerce-cart table.shop_table.cart td.product-name a {
    color: #0e2a47 !important;
    font-weight: 700 !important;
}

body.woocommerce-cart .cart_totals {
    border: 1px solid #d9e2ec !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    padding: 20px !important;
}

body.woocommerce-cart .cart_totals h2 {
    color: #0e2a47 !important;
    font-weight: 700 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    border: 1px solid #ff8a00 !important;
    border-radius: 5px !important;
    background: #ff7900 !important;
    color: #ffffff !important;
}


/* =========================================================
   CART RESPONSIVE — TABLET
   ========================================================= */

@media only screen and (max-width: 900px) {

    body.woocommerce-cart #main-content .container {
        width: 92% !important;
        max-width: none !important;
    }

    body.woocommerce-cart .wp-block-woocommerce-filled-cart-block {
        grid-template-columns: minmax(0, 1fr) 300px !important;
        column-gap: 20px !important;
    }

    body.woocommerce-cart .wp-block-woocommerce-cart-totals-block {
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
    }

    body.woocommerce-cart .wc-block-cart__sidebar {
        padding: 16px !important;
    }
}


/* =========================================================
   CART RESPONSIVE — MOBILE
   ========================================================= */

@media only screen and (max-width: 720px) {

    body.woocommerce-cart #main-content .container {
        width: 94% !important;
        max-width: none !important;
        padding-top: 24px !important;
        padding-bottom: 36px !important;
    }

    body.woocommerce-cart .wp-block-woocommerce-filled-cart-block {
        display: block !important;
        width: 100% !important;
    }

    body.woocommerce-cart .wp-block-woocommerce-cart-items-block,
    body.woocommerce-cart .wp-block-woocommerce-cart-totals-block {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.woocommerce-cart .wp-block-woocommerce-cart-totals-block {
        margin-top: 22px !important;
    }

    body.woocommerce-cart .wc-block-cart__sidebar {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 16px !important;
    }

    body.woocommerce-cart .wc-block-cart-item__image img {
        width: 64px !important;
        height: 64px !important;
        max-width: 64px !important;
    }

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


/* =========================================================
   CHECKOUT — LOCKED
   Existing Checkout CSS preserved exactly from previous file.
   ========================================================= */

/* =========================================================
   HPD CHECKOUT — STYLE ONLY
   IMPORTANT:
   Divi handles Fullwidth / No Sidebar.
   WooCommerce handles all Checkout columns and widths.
   No custom checkout grid, no custom column widths,
   no widget/sidebar layout, no forced positioning.
   ========================================================= */


/* Checkout heading */
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout h1 {
    color: #0e2a47 !important;
    font-weight: 700 !important;
}


/* Checkout section cards */
body.woocommerce-checkout .wc-block-components-checkout-step {
    margin-bottom: 16px !important;
    padding: 16px !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

/* Reduce ONLY Contact Information → Shipping Address gap */
body.woocommerce-checkout
.wp-block-woocommerce-checkout-shipping-address-block {
    margin-top: -50px !important;
}






body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout .wc-block-components-title,
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title {
    color: #0e2a47 !important;
    font-weight: 700 !important;
}


/* Inputs */
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-text-input textarea,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
body.woocommerce-checkout .wc-block-components-address-form select {
    min-height: 42px !important;
    border: 1px solid #cbd7e3 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    color: #0e2a47 !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-text-input textarea:focus,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus {
    border-color: #0e2a47 !important;
    box-shadow: 0 0 0 1px #0e2a47 !important;
}


/* Order summary */
body.woocommerce-checkout .wc-block-checkout__sidebar {
    border: 1px solid #d9e2ec !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

body.woocommerce-checkout .wc-block-components-sidebar {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.woocommerce-checkout .wc-block-components-order-summary-item {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #edf1f5 !important;
}

body.woocommerce-checkout .wc-block-components-product-name {
    color: #0e2a47 !important;
    font-weight: 700 !important;
}

body.woocommerce-checkout .wc-block-components-product-details,
body.woocommerce-checkout .wc-block-components-product-details li {
    color: #5a6877 !important;
    font-size: 12px !important;
}

body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #0e2a47 !important;
    font-weight: 800 !important;
}

body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #1f5ebe !important;
}


/* Payment */
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option {
    border: 1px solid #d9e2ec !important;
    border-radius: 6px !important;
    background: #ffffff !important;
}

body.woocommerce-checkout .wc-block-components-radio-control-accordion-content {
    background: #f7f9fc !important;
}


/* Place Order */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button.wc-block-components-button {
    width: 100% !important;
    min-height: 50px !important;
    border: 1px solid #ff8a00 !important;
    border-radius: 5px !important;
    background: #ff7900 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus {
    border-color: #e77800 !important;
    background: #e86e00 !important;
    color: #ffffff !important;
}


/* Old HPD trust panel stays disabled if functions.php still outputs it */
body.woocommerce-checkout .hpd-checkout-trust-panel {
    display: none !important;
}

/* =========================================================
   HPD PRODUCT — ADD-TO-CART SUCCESS BAR
   REFINED / PROFESSIONAL VERSION
   Background: #3d6afc
   Slimmer height, lighter typography, cleaner icons
   ========================================================= */

body.single-product .woocommerce-notices-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product .woocommerce-message {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #3d6afc !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(14, 42, 71, 0.10) !important;
}

body.single-product .woocommerce-message::before,
body.single-product .woocommerce-message::after {
    display: none !important;
    content: none !important;
}

body.single-product .hpd-add-success {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 1px auto auto !important;
    align-items: center !important;
    column-gap: 24px !important;
    width: 100% !important;
    min-height: 66px !important;
    padding: 6px 34px !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
}

body.single-product .hpd-add-success__confirmation,
body.single-product .hpd-add-success__summary {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

body.single-product .hpd-add-success__confirmation {
    gap: 16px !important;
}

/* Professional check icon */
body.single-product .hpd-add-success__check {
    position: relative !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: 0 1px 3px rgba(14, 42, 71, 0.08) !important;
}

body.single-product .hpd-add-success__check::before {
    content: "" !important;
    width: 9px !important;
    height: 17px !important;
    border-right: 3px solid #3d6afc !important;
    border-bottom: 3px solid #3d6afc !important;
    transform: rotate(45deg) translate(-1px, -1px) !important;
    box-sizing: border-box !important;
}

body.single-product .hpd-add-success__copy,
body.single-product .hpd-add-success__subtotal-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
}

body.single-product .hpd-add-success__title {
    display: block !important;
    margin: 0 0 3px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

body.single-product .hpd-add-success__product {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: rgba(255,255,255,0.92) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.single-product .hpd-add-success__divider {
    display: block !important;
    width: 1px !important;
    height: 46px !important;
    background: rgba(255,255,255,0.48) !important;
}

/* Cart icon circle */
body.single-product .hpd-add-success__summary {
    gap: 14px !important;
    min-width: 245px !important;
}

body.single-product .hpd-add-success__cart-icon {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #3d6afc !important;
    box-shadow: 0 1px 3px rgba(14, 42, 71, 0.08) !important;
    box-sizing: border-box !important;
}

body.single-product .hpd-add-success__cart-icon svg {
    width: 23px !important;
    height: 23px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    overflow: visible !important;
}

body.single-product .hpd-add-success__subtotal-label {
    display: block !important;
    margin-bottom: 1px !important;
    color: rgba(255,255,255,0.90) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

body.single-product .hpd-add-success__subtotal {
    display: block !important;
    color: #ffffff !important;
    font-size: 23px !important;
    line-height: 1.05 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

body.single-product .hpd-add-success__subtotal .woocommerce-Price-amount,
body.single-product .hpd-add-success__subtotal .woocommerce-Price-currencySymbol {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Orange CTA */
body.single-product .hpd-add-success__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    min-width: 190px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 6px 20px !important;
    border: 1px solid rgba(255,255,255,0.85) !important;
    border-radius: 5px !important;
    background: #ff7900 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(14, 42, 71, 0.08) !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

body.single-product .hpd-add-success__button:hover,
body.single-product .hpd-add-success__button:focus {
    border-color: #ffffff !important;
    background: #e86e00 !important;
    color: #ffffff !important;
}

body.single-product .hpd-add-success__arrow {
    display: inline-block !important;
    margin-top: -1px !important;
    font-size: 25px !important;
    line-height: 0.8 !important;
    font-weight: 300 !important;
}


/* =========================================================
   PRODUCT SUCCESS BAR — TABLET
   ========================================================= */

@media only screen and (max-width: 1100px) {

    body.single-product .hpd-add-success {
        grid-template-columns: minmax(0, 1fr) 1px auto auto !important;
        column-gap: 16px !important;
        min-height: 62px !important;
        padding: 6px 20px !important;
    }

    body.single-product .hpd-add-success__confirmation {
        gap: 12px !important;
    }

    body.single-product .hpd-add-success__check,
    body.single-product .hpd-add-success__cart-icon {
        width: 40px !important;
        height: 40px !important;
    }

    body.single-product .hpd-add-success__title {
        font-size: 17px !important;
    }

    body.single-product .hpd-add-success__product {
        font-size: 13px !important;
    }

    body.single-product .hpd-add-success__divider {
        height: 42px !important;
    }

    body.single-product .hpd-add-success__summary {
        gap: 10px !important;
        min-width: 200px !important;
    }

    body.single-product .hpd-add-success__subtotal-label {
        font-size: 12px !important;
    }

    body.single-product .hpd-add-success__subtotal {
        font-size: 21px !important;
    }

    body.single-product .hpd-add-success__button {
        min-width: 158px !important;
        min-height: 44px !important;
        padding: 10px 16px !important;
        font-size: 14px !important;
    }
}


/* =========================================================
   PRODUCT SUCCESS BAR — MOBILE
   ========================================================= */

@media only screen and (max-width: 760px) {

    body.single-product .hpd-add-success {
        display: grid !important;
        grid-template-columns: 1fr !important;
        row-gap: 13px !important;
        min-height: 0 !important;
        padding: 15px !important;
    }

    body.single-product .hpd-add-success__confirmation {
        gap: 12px !important;
        align-items: flex-start !important;
    }

    body.single-product .hpd-add-success__check,
    body.single-product .hpd-add-success__cart-icon {
        width: 38px !important;
        height: 38px !important;
    }

    body.single-product .hpd-add-success__check::before {
        width: 8px !important;
        height: 15px !important;
        border-right-width: 2px !important;
        border-bottom-width: 2px !important;
    }

    body.single-product .hpd-add-success__title {
        margin-bottom: 3px !important;
        font-size: 17px !important;
        font-weight: 500 !important;
    }

    body.single-product .hpd-add-success__product {
        overflow: visible !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }

    body.single-product .hpd-add-success__divider {
        width: 100% !important;
        height: 1px !important;
        background: rgba(255,255,255,0.38) !important;
    }

    body.single-product .hpd-add-success__summary {
        gap: 12px !important;
        min-width: 0 !important;
    }

    body.single-product .hpd-add-success__cart-icon svg {
        width: 21px !important;
        height: 21px !important;
    }

    body.single-product .hpd-add-success__subtotal-label {
        font-size: 12px !important;
    }

    body.single-product .hpd-add-success__subtotal {
        font-size: 21px !important;
    }

    body.single-product .hpd-add-success__button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        padding: 10px 16px !important;
        font-size: 14px !important;
    }
}

/* Express Checkout — match bottom spacing to top spacing */
body.woocommerce-checkout
.wc-block-components-express-payment--checkout
.wc-block-components-express-payment__content {
    padding-bottom: 2px !important;
}