/* Order Success Page Hyva – Alpine.js + Tailwind compatibility */

/* Order summary table styling */
.aw-osp-block-order-summary .table-wrapper {
    overflow-x: auto;
}

.aw-osp-block-order-summary table {
    width: 100%;
    font-size: 0.875rem;
}

.aw-osp-block-order-summary table thead th {
    text-align: left;
    padding: 0.75rem 0.5rem;
    font-weight: 600;
    color: #111827;
    border-bottom: 1px solid #e5e7eb;
}

.aw-osp-block-order-summary table tbody td {
    padding: 0.75rem 0.5rem;
    border-bottom: 1px solid #f3f4f6;
}

.aw-osp-block-order-summary .product-item-name {
    font-weight: 500;
    color: #111827;
}

.aw-osp-block-order-summary .item-options dt {
    font-weight: 500;
    color: #4b5563;
    display: inline;
}

.aw-osp-block-order-summary .item-options dt::after {
    content: ": ";
}

.aw-osp-block-order-summary .item-options dd {
    display: inline;
    color: #374151;
    margin-bottom: 0.25rem;
}

.aw-osp-block-order-summary table tfoot tr th,
.aw-osp-block-order-summary table tfoot tr td {
    padding: 0.5rem;
    text-align: right;
}

.aw-osp-block-order-summary table tfoot tr.grand_total th,
.aw-osp-block-order-summary table tfoot tr.grand_total td {
    font-weight: 700;
    font-size: 1.125rem;
    padding-top: 1rem;
}

/* Newsletter form styling */
.aw-osp-block-newsletter input:focus {
    outline: none;
}

/* Prose styling for content blocks */
.aw-osp-block-static-block a,
.aw-osp-block-html-block a,
.aw-osp-block-contacts a {
    color: var(--color-primary, #3b82f6);
}

.aw-osp-block-static-block a:hover,
.aw-osp-block-html-block a:hover,
.aw-osp-block-contacts a:hover {
    text-decoration: underline;
}

/* Cross-sell products styling - uses Hyvä category page design via crosssell-items.phtml */
.aw-osp-block-crosssell .block.crosssell {
    float: none;
}

/* Print styles */
@media print {
    .aw-osp-checkout-success .actions-toolbar,
    .aw-osp-block-newsletter,
    .aw-osp-block-registration {
        display: none !important;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .aw-osp-blocks__content {
        grid-template-columns: 1fr;
    }

    .aw-osp-blocks__left,
    .aw-osp-blocks__right {
        grid-column: span 1;
    }
}