/* 1. HIDE NATIVE TABLES BUT KEEP GATEWAY TEXT */
.woocommerce-order > .woocommerce-notice,
.woocommerce-order-details,
.woocommerce-customer-details {
    display: none !important;
}

.box-ty-gateway-instructions {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #E5E5E5;
    font-family: var(--e-global-typography-primary-font-family), "AeonikPro", Sans-serif;
    font-size: 16px;
    color: #000;
}

/* 2. THE GRID */
.box-thankyou-container {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr !important;
    gap: 100px;
    background: transparent;
    font-family: var(--e-global-typography-primary-font-family), "AeonikPro", Sans-serif;
    color: #000;
    min-height:100vh;
    width: 100%;
}

.box-ty-main-title { font-size: 50px; text-transform: uppercase; line-height: 1.1; margin: 0 0 40px 0; font-weight: 400; border: none; }
.box-ty-label { font-size: 22px; text-transform: uppercase; font-weight: 500; margin: 0 0 10px 0; color: #000; }
.box-ty-desc { font-size: 14px; color: #444; line-height: 1.4; margin: 0 0 40px 0; text-transform: uppercase; }

.box-ty-sublabel { font-size: 20px; text-transform: uppercase; margin: 0 0 20px 0; font-weight: 400; color: #000; }
.box-ty-mini-label { font-size: 18px; font-weight: 400; text-transform: uppercase; margin: 0 0 10px 0; color: #000; }
.box-ty-value { font-size: 14px; line-height: 1.5; text-transform: uppercase; font-style: normal; color: #444; margin: 0;}

.box-ty-address-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px; padding-top: 40px; }

/* 3. ITEMS (4-Column Layout | 1:1 Image locked) */
.box-ty-items-list { border-bottom: 1px solid #E5E5E5; }
.box-ty-item-row { display: grid; grid-template-columns: auto 1fr auto auto; gap: 30px; border-top: 1px solid #E5E5E5; align-items: center; }

.box-ty-item-img img { 
    width: 100px; /* Overridden by Elementor */
    max-width: 150px; 
    height: auto; 
    aspect-ratio: 1 / 1; 
    object-fit: cover; 
    background: #F4F4F4; 
    border: 1px solid #eee; 
    display: block; 
}

.box-ty-item-name { font-size: 14px; text-transform: uppercase; color: #444; }
.box-ty-item-date { font-size: 14px; text-transform: uppercase; color: #444; text-align: right; }
.box-status-tag { font-size: 14px; font-weight: 400; color: #000; text-transform: uppercase; text-align: right; min-width: 80px; }

/* 4. TOTALS & ACTIONS */
.box-ty-totals { margin-top: 30px; }
.box-ty-total-line { display: flex; justify-content: space-between; padding: 15px 0; font-size: 14px; text-transform: uppercase; color: #444; }
.total-grand { color: #000; font-weight: 500;}

.box-ty-actions { 
    margin-top: 50px; 
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px; 
}

.box-ty-coupon-trigger.showcoupon { color: #000; text-decoration: none; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; }
.box-ty-coupon-trigger.showcoupon:hover { text-decoration: underline; }

.box-ty-actions .box-btn-black {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 15px 40px;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #000;
}
.box-ty-actions .box-btn-black:hover { background-color: #fff; color: #000; }

@media (max-width: 1024px) {
    .box-thankyou-container { grid-template-columns: 1fr !important; gap: 50px; }
    .box-ty-item-row { grid-template-columns: auto 1fr; }
    .box-ty-item-date, .box-status-tag { text-align: left; grid-column: span 2;}
}