/* Order received: shop-receipt ticket, centered order number, recipient card, WhatsApp action. RTL first. */
.hj-thanks,
.hj-track-page {
    --hj-ink: #24171e;
    --hj-muted: #6d5a63;
    --hj-rose: #d94f7c;
    --hj-rose-deep: #a83258;
    --hj-blush: #fff4f8;
    --hj-paper: #fffdfb;
    --hj-line: #eadce1;
    --hj-ok: #2e9d62;
    --hj-wa: #15803d;
    color: var(--hj-ink);
}
/* Only the order-received wrapper is a narrow column; .hj-track-page is the <body> and must never be padded or narrowed. */
.hj-thanks { max-width: 560px; margin: 0 auto; padding: 28px 16px 40px; }
.hj-thanks > * + * { margin-block-start: 18px; }

/* Hero: drawn tick, title, one calm sentence. */
.hj-thanks__hero { text-align: center; }
.hj-thanks__tick { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; border-radius: 50%; background: #eaf7f0; }
.hj-thanks__tick svg { width: 44px; height: 44px; overflow: visible; }
.hj-thanks__ring, .hj-thanks__check { stroke: var(--hj-ok); }
.hj-thanks__ring { stroke-dasharray: 145; stroke-dashoffset: 145; animation: hj-draw .7s ease-out .1s forwards; }
.hj-thanks__check { stroke-dasharray: 40; stroke-dashoffset: 40; animation: hj-draw .45s ease-out .65s forwards; }
.hj-thanks__hero h1 { margin: 14px 0 6px; font-size: 26px; line-height: 1.3; font-weight: 800; color: var(--hj-ink); }
.hj-thanks__lead { margin: 0; font-size: 15px; line-height: 1.8; color: var(--hj-muted); }

/* Ticket: the order number is the signature. */
.hj-ticket {
    position: relative;
    background: var(--hj-paper);
    border: 1px solid var(--hj-line);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(168, 50, 88, .08);
    animation: hj-rise .5s ease-out .2s both;
}
.hj-ticket__top { padding: 26px 20px 22px; text-align: center; background: linear-gradient(180deg, var(--hj-blush), var(--hj-paper)); border-radius: 18px 18px 0 0; }
.hj-ticket__label { margin: 0 0 4px; font-size: 13px; font-weight: 700; letter-spacing: .02em; color: var(--hj-muted); }
.hj-ticket__number {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 4px;
    font-size: clamp(64px, 24vw, 104px);
    line-height: 1.05;
    font-weight: 800;
    color: var(--hj-rose-deep);
    font-variant-numeric: tabular-nums;
}
.hj-ticket__hash { font-size: .42em; font-weight: 700; color: var(--hj-rose); }
.hj-ticket__tear { position: relative; height: 0; border-top: 2px dashed var(--hj-line); margin-inline: 22px; }
.hj-ticket__tear::before, .hj-ticket__tear::after {
    content: "";
    position: absolute;
    top: -13px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--hj-line);
}
.hj-ticket__tear::before { inset-inline-start: -35px; border-inline-start-color: transparent; border-block-end-color: transparent; transform: rotate(-45deg); }
.hj-ticket__tear::after { inset-inline-end: -35px; border-inline-end-color: transparent; border-block-end-color: transparent; transform: rotate(45deg); }
.hj-ticket__meta { margin: 0; padding: 8px 20px 18px; }
.hj-ticket__meta > div, .hj-recipient dl > div { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; padding: 11px 0; }
.hj-ticket__meta > div + div, .hj-recipient dl > div + div { border-top: 1px solid var(--hj-line); }
.hj-ticket__meta dt, .hj-recipient dt { margin: 0; font-size: 13px; font-weight: 700; color: var(--hj-muted); white-space: nowrap; }
.hj-ticket__meta dd, .hj-recipient dd { margin: 0; font-size: 16px; font-weight: 700; color: var(--hj-ink); text-align: end; overflow-wrap: anywhere; }

/* WhatsApp action. */
.hj-wa-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 12px 18px;
    border-radius: 14px;
    background: var(--hj-wa);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(21, 128, 61, .22);
    transition: transform .15s ease, box-shadow .15s ease;
}
.hj-wa-btn:hover, .hj-wa-btn:focus-visible { color: #fff; transform: translateY(-1px); box-shadow: 0 12px 24px rgba(21, 128, 61, .28); }
.hj-wa-btn:focus-visible { outline: 3px solid rgba(21, 128, 61, .35); outline-offset: 3px; }
.hj-wa-btn svg { flex: none; }
.hj-thanks__shot { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 10px 14px; border: 1px dashed var(--hj-line); border-radius: 12px; background: var(--hj-blush); color: var(--hj-ink); font-size: 14px; font-weight: 700; line-height: 1.7; text-align: start; }
.hj-thanks__shot .hj-icon { flex: none; width: 22px; height: 22px; color: var(--hj-rose-deep); }
.hj-thanks__next { margin: 0; text-align: center; font-size: 14px; line-height: 1.8; color: var(--hj-muted); }

/* Recipient card. */
.hj-recipient { padding: 6px 20px 8px; background: #fff; border: 1px solid var(--hj-line); border-radius: 18px; }
.hj-recipient h2 { margin: 14px 0 2px; font-size: 17px; font-weight: 800; color: var(--hj-ink); }
.hj-recipient dl { margin: 0; }

/* Items table from WooCommerce (kept, restyled). The customer-address block is replaced by the card above. */
.hj-thanks .woocommerce-order-details { margin-block-start: 26px; }
.hj-thanks .woocommerce-order-details__title { margin: 0 0 10px; font-size: 17px; font-weight: 800; }
.hj-thanks .woocommerce-table--order-details { width: 100%; border: 1px solid var(--hj-line); border-radius: 18px; border-collapse: separate; border-spacing: 0; overflow: hidden; background: #fff; }
.hj-thanks .woocommerce-table--order-details th, .hj-thanks .woocommerce-table--order-details td { padding: 12px 16px; border: 0; border-bottom: 1px solid var(--hj-line); font-size: 14px; text-align: start; vertical-align: top; }
.hj-thanks .woocommerce-table--order-details thead th { background: var(--hj-blush); color: var(--hj-muted); font-weight: 700; }
.hj-thanks .woocommerce-table--order-details td:last-child, .hj-thanks .woocommerce-table--order-details th:last-child { text-align: end; }
.hj-thanks .woocommerce-table--order-details tfoot tr:last-child th, .hj-thanks .woocommerce-table--order-details tfoot tr:last-child td { border-bottom: 0; }
.hj-thanks .woocommerce-table--order-details a { color: var(--hj-rose-deep); font-weight: 700; text-decoration: none; }
.hj-thanks .woocommerce-table--order-details .product-quantity { color: var(--hj-muted); font-weight: 700; }

@media (max-width: 380px) {
    .hj-thanks { padding-inline: 12px; }
    .hj-ticket__meta > div, .hj-recipient dl > div { flex-direction: column; gap: 2px; }
    .hj-ticket__meta dd, .hj-recipient dd { text-align: start; }
}
@keyframes hj-draw { to { stroke-dashoffset: 0; } }
@keyframes hj-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .hj-thanks__ring, .hj-thanks__check { animation: none; stroke-dashoffset: 0; }
    .hj-ticket { animation: none; }
    .hj-wa-btn { transition: none; }
}

/* Order tracking page (WooCommerce native shortcode, restyled to match) and account guidance. */
.hj-track-page .entry-content,.hj-track-page .page-inner{max-width:760px;margin-inline:auto}
.hj-track-page .entry-content{padding:20px 0 32px;color:#24171e}
.hj-track{padding:22px 20px;background:#fff;border:1px solid #eadce1;border-radius:18px;box-shadow:0 10px 28px rgba(168,50,88,.08)}
.hj-track__title{margin:0 0 6px;font-size:22px;font-weight:800}
.hj-track__lead{margin:0 0 16px;font-size:14px;line-height:1.8;color:#6d5a63}
.hj-track .form-row{margin:0 0 14px;padding:0;width:100%;float:none}
.hj-track label{display:block;margin:0 0 5px;font-size:13px;font-weight:700;color:#6d5a63}
.hj-track input.input-text{width:100%;height:50px;margin:0;padding:8px 14px;border:1px solid #dcc9d1;border-radius:12px;background:#fff;font-size:16px;box-shadow:none}
.hj-track input.input-text:focus{border-color:#a83258;outline:2px solid rgba(168,50,88,.2)}
.hj-track .button{width:100%;min-height:52px;margin:0;border-radius:12px;background:#a83258;color:#fff;font-size:16px;font-weight:800;text-transform:none;letter-spacing:0}
.hj-track__limited{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#fdecef;color:#8a2442;font-weight:700;font-size:14px}
.hj-track-page .woocommerce-error,.hj-track-page .woocommerce-message{margin:0 0 16px;border-radius:12px}
.hj-track-page .woocommerce-order-details__title,.hj-track-page .woocommerce-column__title{font-size:17px;font-weight:800;margin:20px 0 10px}
.hj-track-page .woocommerce-table--order-details{width:100%;border:1px solid #eadce1;border-radius:18px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff}
.hj-track-page .woocommerce-table--order-details th,.hj-track-page .woocommerce-table--order-details td{padding:12px 16px;border:0;border-bottom:1px solid #eadce1;font-size:14px;text-align:start;vertical-align:top}
.hj-track-page .woocommerce-table--order-details thead th{background:#fff4f8;color:#6d5a63;font-weight:700}
.hj-track-page .woocommerce-table--order-details td:last-child,.hj-track-page .woocommerce-table--order-details th:last-child{text-align:end}
.hj-track-page .woocommerce-table--order-details a{color:#a83258;font-weight:700;text-decoration:none}
.hj-account-note{margin:0 0 18px;padding:12px 16px;background:#fff4f8;border:1px solid #eadce1;border-radius:14px;font-size:14px;line-height:1.9;color:#4a3640}
.hj-account-note a{color:#a83258;font-weight:800;text-decoration:underline}
.hj-thanks__track{margin:0;text-align:center;font-size:14px;line-height:1.8;color:#6d5a63}
.hj-thanks__track a{color:#a83258;font-weight:800;text-decoration:underline}

/* Tracking result reuses the ticket and recipient card; bill lines get a small product photo. */
.hj-track-page .hj-ticket,.hj-track-page .hj-recipient{margin-block-end:18px}
.hj-status{display:inline-block;margin:10px 0 0;padding:4px 14px;border-radius:999px;background:#fff0f5;color:var(--hj-rose-deep,#a83258);font-size:13px;font-weight:800}
.hj-oi{display:flex;align-items:center;gap:10px}
.hj-oi__img{flex:none;width:46px!important;height:46px!important;border-radius:8px;object-fit:cover;background:#fbedf1}
.hj-oi__name{min-width:0;overflow-wrap:anywhere}