/* Complete Provisions - Order Confirmation / Thank You Page Styles */

.woocommerce-order-received {
    padding: var(--spacing-xl) 0;
}

.woocommerce-order-received .container {
    max-width: var(--container-max-width);
}

/* Order Received Header */
.woocommerce-order-received h1 {
    font-size: var(--font-size-2xl);
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    border-bottom: var(--border-width) solid var(--color-border);
}

.woocommerce-order-received .order-received-title {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-success);
    margin: 0 0 var(--spacing-md);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.woocommerce-order-received .order-received-title::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2'%3E%3Cpath d='M20 6L9 17l-5-5'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
}

.woocommerce-order-received .order-received-message {
    font-size: var(--font-size-lg);
    color: var(--color-text-muted);
    margin-bottom: var(--spacing-xl);
    line-height: var(--line-height-base);
}

/* Order Details */
.woocommerce-order-received .order-details {
    background-color: var(--color-surface);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
}

.woocommerce-order-received .order-details h2 {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    margin: 0 0 var(--spacing-lg);
    padding-bottom: var(--spacing-md);
    border-bottom: var(--border-width) solid var(--color-border);
}

.woocommerce-order-received .order-details-table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-order-received .order-details-table th,
.woocommerce-order-received .order-details-table td {
    padding: var(--spacing-sm) 0;
    border-bottom: var(--border-width) solid var(--color-border);
    text-align: left;
}

.woocommerce-order-received .order-details-table th {
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    width: 30%;
}

.woocommerce-order-received .order-details-table td {
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-heading);
}

.woocommerce-order-received .order-details-table tr:last-child th,
.woocommerce-order-received .order-details-table tr:last-child td {
    border-bottom: none;
}

.woocommerce-order-received .order-details-table .order-total th,
.woocommerce-order-received .order-details-table .order-total td {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-heading);
    padding-top: var(--spacing-md);
    border-top: var(--border-width-thick) solid var(--color-border);
}

/* Customer Details */
.woocommerce-order-received .customer-details {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
}

@media (min-width: 768px) {
    .woocommerce-order-received .customer-details {
        grid-template-columns: 1fr 1fr;
    }
}

.woocommerce-order-received .customer-details h3 {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    margin: 0 0 var(--spacing-md);
    padding-bottom: var(--spacing-sm);
    border-bottom: var(--border-width) solid var(--color-border);
}

.woocommerce-order-received .customer-details address {
    font-style: normal;
    line-height: var(--line-height-base);
    color: var(--color-text);
}

.woocommerce-order-received .customer-details p {
    margin: 0 0 var(--spacing-xs);
}

/* Order Items Table */
.woocommerce-order-received .order-items-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--spacing-xl);
}

.woocommerce-order-received .order-items-table th,
.woocommerce-order-received .order-items-table td {
    padding: var(--spacing-md);
    text-align: left;
    border-bottom: var(--border-width) solid var(--color-border);
}

.woocommerce-order-received .order-items-table th {
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-heading);
    background-color: var(--color-background-alt);
    white-space: nowrap;
}

.woocommerce-order-received .order-items-table td {
    color: var(--color-text);
}

.woocommerce-order-received .order-items-table tr:last-child th,
.woocommerce-order-received .order-items-table tr:last-child td {
    border-bottom: none;
}

.woocommerce-order-received .order-items-table .product-name {
    font-weight: var(--font-weight-medium);
}

.woocommerce-order-received .order-items-table .product-name a {
    color: var(--color-text-heading);
    transition: color var(--transition-fast);
}

.woocommerce-order-received .order-items-table .product-name a:hover {
    color: var(--color-primary);
}

.woocommerce-order-received .order-items-table .product-quantity {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.woocommerce-order-received .order-items-table .product-total .amount {
    font-weight: var(--font-weight-bold);
}

/* Order Totals */
.woocommerce-order-received .order-totals {
    background-color: var(--color-background-alt);
    border-radius: var(--radius-md);
    padding: var(--spacing-lg);
}

.woocommerce-order-received .order-totals-table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-order-received .order-totals-table th,
.woocommerce-order-received .order-totals-table td {
    padding: var(--spacing-sm) 0;
    text-align: left;
    border-bottom: var(--border-width) solid var(--color-border);
}

.woocommerce-order-received .order-totals-table th {
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    width: 60%;
}

.woocommerce-order-received .order-totals-table td {
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-heading);
    text-align: right;
}

.woocommerce-order-received .order-totals-table tr:last-child th,
.woocommerce-order-received .order-totals-table tr:last-child td {
    border-bottom: none;
}

.woocommerce-order-received .order-totals-table .order-total th,
.woocommerce-order-received .order-totals-table .order-total td {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-heading);
    padding-top: var(--spacing-md);
    border-top: var(--border-width-thick) solid var(--color-border);
}

/* Payment Method */
.woocommerce-order-received .payment-method {
    margin-top: var(--spacing-lg);
    padding-top: var(--spacing-lg);
    border-top: var(--border-width) solid var(--color-border);
}

.woocommerce-order-received .payment-method h3 {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    margin: 0 0 var(--spacing-sm);
}

/* Next Steps */
.woocommerce-order-received .next-steps {
    background-color: var(--color-primary-light);
    border: var(--border-width) solid var(--color-primary);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
}

.woocommerce-order-received .next-steps h2 {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary);
    margin: 0 0 var(--spacing-md);
}

.woocommerce-order-received .next-steps ul {
    margin: 0;
    padding-left: var(--spacing-lg);
}

.woocommerce-order-received .next-steps li {
    margin-bottom: var(--spacing-sm);
    color: var(--color-text);
    line-height: var(--line-height-base);
}

.woocommerce-order-received .next-steps li:last-child {
    margin-bottom: 0;
}

.woocommerce-order-received .next-steps a {
    color: var(--color-primary);
    font-weight: var(--font-weight-medium);
    text-decoration: underline;
}

.woocommerce-order-received .next-steps a:hover {
    color: var(--color-primary-hover);
}

/* Downloads (for downloadable products) */
.woocommerce-order-received .downloads {
    margin-top: var(--spacing-xl);
}

.woocommerce-order-received .downloads h2 {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    margin: 0 0 var(--spacing-md);
    padding-bottom: var(--spacing-md);
    border-bottom: var(--border-width) solid var(--color-border);
}

.woocommerce-order-received .downloads table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-order-received .downloads th,
.woocommerce-order-received .downloads td {
    padding: var(--spacing-md);
    text-align: left;
    border-bottom: var(--border-width) solid var(--color-border);
}

.woocommerce-order-received .downloads th {
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-heading);
    background-color: var(--color-background-alt);
}

.woocommerce-order-received .downloads td {
    color: var(--color-text);
}

.woocommerce-order-received .downloads .button {
    font-size: var(--font-size-sm);
    padding: var(--spacing-xs) var(--spacing-md);
}

/* Print Styles for Order Confirmation */
@media print {
    .site-header,
    .site-footer,
    .site-cart,
    .menu-toggle,
    .mini-cart-drawer,
    .mini-cart-overlay,
    .woocommerce-order-received .next-steps,
    .woocommerce-order-received .button {
        display: none !important;
    }
    
    .woocommerce-order-received .order-details,
    .woocommerce-order-received .customer-details {
        border: none;
        box-shadow: none;
        page-break-inside: avoid;
    }
    
    .woocommerce-order-received .order-received-title {
        color: #16A34A !important;
    }
}

/* Responsive */
@media (max-width: 767px) {
    .woocommerce-order-received {
        padding: var(--spacing-lg) 0;
    }
    
    .woocommerce-order-received h1 {
        font-size: var(--font-size-xl);
    }
    
    .woocommerce-order-received .order-details,
    .woocommerce-order-received .next-steps {
        padding: var(--spacing-lg);
    }
    
    .woocommerce-order-received .order-items-table {
        display: block;
        overflow-x: auto;
    }
    
    .woocommerce-order-received .order-items-table th,
    .woocommerce-order-received .order-items-table td {
        padding: var(--spacing-sm);
        white-space: nowrap;
    }
    
    .woocommerce-order-received .order-totals-table th,
    .woocommerce-order-received .order-totals-table td {
        padding: var(--spacing-xs) 0;
    }
}

@media (max-width: 414px) {
    .woocommerce-order-received .order-received-title {
        font-size: var(--font-size-lg);
        flex-direction: column;
        gap: var(--spacing-xs);
    }
    
    .woocommerce-order-received .order-received-message {
        font-size: var(--font-size-base);
    }
}