.elementor-1870 .elementor-element.elementor-element-f5e8ad2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:23px;--padding-bottom:23px;--padding-left:15px;--padding-right:15px;}.elementor-1870 .elementor-element.elementor-element-f5e8ad2:not(.elementor-motion-effects-element-type-background), .elementor-1870 .elementor-element.elementor-element-f5e8ad2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1870 .elementor-element.elementor-element-9eef43f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1870 .elementor-element.elementor-element-5a9a055 img{max-width:159px;}.elementor-1870 .elementor-element.elementor-element-b147022{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1870 .elementor-element.elementor-element-87603d6 .navbar-wrap{justify-content:center;}.elementor-1870 .elementor-element.elementor-element-87603d6 .main-menu .navigation > li > a{color:#000000;}.elementor-1870 .elementor-element.elementor-element-87603d6 .header-sticky .navigation > li a{color:#000000;}.elementor-1870 .elementor-element.elementor-element-87603d6 .main-menu .navigation > li:hover > a{color:#FAA432;}.elementor-1870 .elementor-element.elementor-element-87603d6 .main-menu .navigation > li.active > a{color:#FAA432;}.elementor-1870 .elementor-element.elementor-element-87603d6 img{max-width:130px;}.elementor-1870 .elementor-element.elementor-element-f1cf720{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 35px;--row-gap:0px;--column-gap:35px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1870 .elementor-element.elementor-element-8187ac8 .elementor-icon-wrapper{text-align:center;}.elementor-1870 .elementor-element.elementor-element-8187ac8 .elementor-icon{font-size:24px;}.elementor-1870 .elementor-element.elementor-element-8187ac8 .elementor-icon svg{height:24px;}.elementor-1870 .elementor-element.elementor-element-103e432 .header-action-item > a{color:var( --e-global-color-text );}.elementor-1870 .elementor-element.elementor-element-103e432 .offCanvas-btn > a{color:var( --e-global-color-text );}.sticky-menu .elementor-1870 .elementor-element.elementor-element-103e432 .header-action-item > a{color:var( --e-global-color-text );}.sticky-menu .elementor-1870 .elementor-element.elementor-element-103e432 .offCanvas-btn > a{color:var( --e-global-color-text );}.elementor-1870 .elementor-element.elementor-element-103e432 .header-action-item > a:hover{color:var( --e-global-color-primary );}.elementor-1870 .elementor-element.elementor-element-103e432 .offCanvas-btn > a:hover{color:var( --e-global-color-primary );}.elementor-1870 .elementor-element.elementor-element-136dd18 .header-action-item > a{color:var( --e-global-color-text );}.elementor-1870 .elementor-element.elementor-element-136dd18 .offCanvas-btn > a{color:var( --e-global-color-text );}.sticky-menu .elementor-1870 .elementor-element.elementor-element-136dd18 .header-action-item > a{color:var( --e-global-color-text );}.sticky-menu .elementor-1870 .elementor-element.elementor-element-136dd18 .offCanvas-btn > a{color:var( --e-global-color-text );}.elementor-1870 .elementor-element.elementor-element-136dd18 .header-action-item > a:hover{color:var( --e-global-color-primary );}.elementor-1870 .elementor-element.elementor-element-136dd18 .offCanvas-btn > a:hover{color:var( --e-global-color-primary );}.elementor-1870 .elementor-element.elementor-element-25e2b80c{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1870 .elementor-element.elementor-element-f7e4d00{padding:0px 0px 750px 0px;}@media(min-width:768px){.elementor-1870 .elementor-element.elementor-element-f5e8ad2{--content-width:1620px;}.elementor-1870 .elementor-element.elementor-element-9eef43f{--width:15%;}.elementor-1870 .elementor-element.elementor-element-b147022{--width:65%;}.elementor-1870 .elementor-element.elementor-element-f1cf720{--width:20%;}.elementor-1870 .elementor-element.elementor-element-25e2b80c{--width:80%;}}@media(max-width:1366px) and (min-width:768px){.elementor-1870 .elementor-element.elementor-element-f5e8ad2{--content-width:1290px;}}@media(max-width:1200px) and (min-width:768px){.elementor-1870 .elementor-element.elementor-element-f5e8ad2{--content-width:930px;}.elementor-1870 .elementor-element.elementor-element-9eef43f{--width:20%;}.elementor-1870 .elementor-element.elementor-element-b147022{--width:45px;}.elementor-1870 .elementor-element.elementor-element-f1cf720{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1870 .elementor-element.elementor-element-f5e8ad2{--content-width:690px;}}@media(max-width:1366px){.elementor-1870 .elementor-element.elementor-element-f5e8ad2{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1200px){.elementor-1870 .elementor-element.elementor-element-f5e8ad2{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1870 .elementor-element.elementor-element-b147022.e-con{--order:99999 /* order end hack */;}.elementor-1870 .elementor-element.elementor-element-f1cf720{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1870 .elementor-element.elementor-element-f1cf720.e-con{--flex-grow:1;--flex-shrink:0;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-1870 .elementor-element.elementor-element-f5e8ad2{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:nowrap;}.elementor-1870 .elementor-element.elementor-element-9eef43f{--width:50%;}.elementor-1870 .elementor-element.elementor-element-5a9a055 img{max-width:130px;}.elementor-1870 .elementor-element.elementor-element-b147022{--width:45px;}.elementor-1870 .elementor-element.elementor-element-b147022.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1870 .elementor-element.elementor-element-f1cf720{--width:40%;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1870 .elementor-element.elementor-element-f1cf720.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-f7e4d00 *//* ==========================================================================
   Divinity Healthy - Thank You / Order Received Page (Perfect Centering)
   ========================================================================== */

/* 0. Prevent any mobile horizontal scroll/offset */
html, body.woocommerce-order-received {
    overflow-x: hidden !important;
}

/* 1. Center the Elementor Parent Container & Section */
body.woocommerce-order-received:not(.elementor-editor-active) .elementor-element-25e2b80c,
body.woocommerce-order-received:not(.elementor-editor-active) .elementor-element-25e2b80c > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* 2. Main Content Wrapper: Exactly Centered with Equal Margins */
body.woocommerce-order-received:not(.elementor-editor-active) .elementor-widget-text-editor {
    width: 100% !important;
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 10px 16px 40px 16px !important;
    box-sizing: border-box !important;
    align-self: center !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}

/* 3. Center Top "Thank You" Graphic */
body.woocommerce-order-received:not(.elementor-editor-active) .wp-block-image,
body.woocommerce-order-received:not(.elementor-editor-active) .wp-block-image figure {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto 20px auto !important;
    text-align: center !important;
    width: 100% !important;
}

/* 4. Top "Thank you. Your order has been received." Banner */
body.woocommerce-order-received:not(.elementor-editor-active) .woocommerce-notice--success,
body.woocommerce-order-received:not(.elementor-editor-active) .woocommerce-thankyou-order-received {
    background: #fdf8ff !important;
    color: #111111 !important;
    border: 2px solid #d1c4e9 !important;
    padding: 18px 20px !important;
    border-radius: 12px !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin: 0 auto 24px auto !important;
    box-shadow: 0 4px 15px rgba(92, 37, 112, 0.06) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 5. The 4 Order Details Grid (Order #, Date, Total, Payment Method) */
body.woocommerce-order-received:not(.elementor-editor-active) ul.woocommerce-order-overview,
body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 20px auto 25px auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 6. Each Detail Card */
body.woocommerce-order-received:not(.elementor-editor-active) ul.woocommerce-order-overview li,
body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 2px solid #e1bee7 !important;
    border-radius: 12px !important;
    padding: 18px 14px !important;
    text-align: center !important;
    box-shadow: 0 4px 14px rgba(92, 37, 112, 0.07) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    min-height: 90px !important;
    width: 100% !important;
}

/* 7. The Labels (ORDER, DATE, TOTAL, PAYMENT METHOD) */
body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details li .yctpw_label,
body.woocommerce-order-received:not(.elementor-editor-active) ul.woocommerce-order-overview li {
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #555555 !important;
    margin-bottom: 6px !important;
    line-height: 1.2 !important;
}

/* 8. The Values (2323, September 9, 2026, $50.00, Cash on delivery) */
body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details li .yctpw_value,
body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details li strong {
    display: block !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1.3 !important;
}

/* 9. Highlights for Order # and Total */
body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details li.order .yctpw_value {
    color: #5c2570 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details li.total .yctpw_value,
body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details li.total .amount,
body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details li.total bdi {
    color: #5c2570 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details li.method .yctpw_value {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222222 !important;
}

/* 10. Order Note ("Pay with cash upon delivery.") */
body.woocommerce-order-received:not(.elementor-editor-active) .yctpw_order_review_more,
body.woocommerce-order-received:not(.elementor-editor-active) .yctpw_order_review_more p {
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #555555 !important;
    margin: 10px 0 25px 0 !important;
}

/* 11. Order Details Table Card & Image Sizing */
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_order_details {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 24px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 30px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_order_details h2.order_details_title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    text-align: center !important;
    border-bottom: 2px solid #5c2570 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
    letter-spacing: 0.5px !important;
}

/* Product row in a line and gapped */
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_order_details td.product-name {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    vertical-align: middle !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_order_details td.product-name .yith_ctpw_thumb {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_order_details td.product-name .yith_ctpw_thumb img {
    width: 65px !important;
    height: 65px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    display: block !important;
    margin: 0 !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_order_details td.product-name > a:not(.yith_ctpw_thumb) {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #5c2570 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_order_details strong.product-quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f3e5f5 !important;
    color: #5c2570 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_order_details ul.yctpw-item-meta.wc-item-meta {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_order_details ul.yctpw-item-meta.wc-item-meta li {
    display: inline-flex !important;
    align-items: center !important;
    background: #fdf8ff !important;
    border: 1px solid #f0e2f5 !important;
    border-radius: 6px !important;
    padding: 3px 10px !important;
    font-size: 13px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    gap: 5px !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_order_details ul.yctpw-item-meta.wc-item-meta li strong.wc-item-meta-label {
    font-weight: 700 !important;
    color: #222222 !important;
    margin: 0 !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_order_details ul.yctpw-item-meta.wc-item-meta li p {
    display: inline !important;
    margin: 0 0 0 3px !important;
    padding: 0 !important;
    color: #555555 !important;
    font-weight: 600 !important;
}

/* 12. Customer Details Card (Side-by-side if fits, auto-wrap if tight) */
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 24px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 30px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details h2.customer_details {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    text-align: center !important;
    border-bottom: 2px solid #5c2570 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
    letter-spacing: 0.5px !important;
}

body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .woocommerce-customer-details,
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .woocommerce-columns--addresses,
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .col2-set,
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .addresses {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 20px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* Remove old WooCommerce floats */
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .col2-set::before,
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .col2-set::after,
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .addresses::before,
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .addresses::after {
    display: none !important;
}

/* Address Cards: Flexible sizing that fills 100% width when wrapped */
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .woocommerce-column--billing-address,
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .woocommerce-column--shipping-address,
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .col-1,
body.woocommerce-order-received:not(.elementor-editor-active) #yctpw_customer_details .col-2 {
    flex: 1 1 340px !important;
    min-width: 280px !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    background: #fdf8ff !important;
    border: 1.5px solid #f0e2f5 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-sizing: border-box !important;
}

/* 13. Responsive Breakpoints */
@media (max-width: 860px) {
    /* 4 Summary boxes become 2x2 grid on tablets */
    body.woocommerce-order-received:not(.elementor-editor-active) ul.woocommerce-order-overview,
    body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

@media (max-width: 480px) {
    /* 4 Summary boxes stack on phones, perfectly centered with equal padding */
    body.woocommerce-order-received:not(.elementor-editor-active) ul.woocommerce-order-overview,
    body.woocommerce-order-received:not(.elementor-editor-active) ul.order_details {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */