/* file vuoto - tutto il CSS sta nel Customizer */

/* Delato thank-you: force full-bleed black canvas on Woo order-received */
body.woocommerce-order-received,
body.woocommerce-order-received #page,
body.woocommerce-order-received .site,
body.woocommerce-order-received .site-main,
body.woocommerce-order-received .page-content,
body.woocommerce-order-received .entry-content,
body.woocommerce-order-received .woocommerce {
    background: #000 !important;
}

body.woocommerce-order-received .site-main,
body.woocommerce-order-received .page-content,
body.woocommerce-order-received .entry-content,
body.woocommerce-order-received .woocommerce {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-order-received .delato-thankyou-hero,
body.woocommerce-order-received .delato-thankyou-content {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

body.woocommerce-order-received .delato-thankyou-hero {
    min-height: min(68vh, 760px) !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.08), rgba(0,0,0,0.78) 78%, #000), url("https://shop.delato.com/wp-content/uploads/2026/06/delato-thank-you-page-hero-tattoo.png") center center / cover no-repeat !important;
}

/* DELATO PAYMENT BRIDGE */
body.woocommerce-order-pay {
    background: #000 !important;
}

body.woocommerce-order-pay .site-header,
body.woocommerce-order-pay .entry-title {
    display: none !important;
}

body.woocommerce-order-pay .site-main,
body.woocommerce-order-pay .page-content,
body.woocommerce-order-pay .entry-content,
body.woocommerce-order-pay .woocommerce {
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    background: #000 !important;
}

body.woocommerce-order-pay .woocommerce > * {
    opacity: 0 !important;
    pointer-events: none !important;
}

body.woocommerce-order-pay .woocommerce::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 999998;
    background: linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.75) 72%, #000), url("https://shop.delato.com/wp-content/uploads/2026/05/delato-surfing-clothes-shaka-ocean.webp");
    background-size: cover;
    background-position: center;
}

body.woocommerce-order-pay .woocommerce::after {
    content: "ALL SET";
    position: fixed;
    left: 50%;
    bottom: 16vh;
    transform: translateX(-50%);
    z-index: 999999;
    width: min(760px, calc(100vw - 48px));
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-weight: 900;
    font-size: clamp(2.8rem, 8vw, 7rem);
    line-height: 0.95;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-shadow: 0 12px 40px rgba(0,0,0,0.65);
}

body.woocommerce-order-pay::before {
    content: "We are sending you to secure payment";
    position: fixed;
    left: 50%;
    bottom: 11vh;
    transform: translateX(-50%);
    z-index: 999999;
    width: min(760px, calc(100vw - 48px));
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    font-size: clamp(0.85rem, 1.6vw, 1.15rem);
    line-height: 1.35;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-shadow: 0 8px 28px rgba(0,0,0,0.7);
}

/* DELATO CHECKOUT SHIPPING PLACEMENT */
@media (min-width: 769px) {
    #order_review .delato-shipping-in-order {
        width: 100% !important;
        float: none !important;
        margin: 28px 0 28px !important;
        padding: 0 0 28px !important;
        border-bottom: 1px solid #E5E7EB;
        clear: both !important;
    }

    #order_review .delato-shipping-in-order h3,
    #order_review .delato-shipping-in-order #ship-to-different-address {
        margin-top: 0 !important;
    }

    #order_review .delato-shipping-in-order .woocommerce-shipping-fields__field-wrapper {
        margin-top: 20px;
    }

    #order_review .delato-shipping-in-order .woocommerce-additional-fields {
        margin-top: 24px;
    }
}