/* Receipt layout follows the client reference; colours follow Islamic Gifts. */
.ig-receipt {
    display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
    gap:26px; align-items:start; max-width:1240px; margin:36px auto 56px; color:#222;
}
.ig-receipt * { box-sizing:border-box; }
.ig-receipt-main { min-width:0; }
.ig-receipt-heading { display:flex; align-items:center; gap:18px; margin:18px 0 30px; }
.ig-receipt-check { color:#08c88a; width:60px; height:60px; flex:0 0 60px; }
.ig-receipt .ig-receipt-number { margin:0 0 5px; color:#666; font-size:16px; line-height:1.4; }
.ig-receipt .ig-receipt-title { margin:0; font-size:32px; font-weight:700; line-height:1.2; color:#151515; text-transform:none; letter-spacing:normal; }
.ig-receipt .ig-receipt-card { background:#fff; border:1px solid #e8e8e8; border-radius:10px; padding:26px; box-shadow:0 1px 2px rgba(0,0,0,.05); }
.ig-receipt .ig-receipt-confirmation { margin-bottom:32px; }
.ig-receipt .ig-receipt-card h2 { margin:0 0 22px; font-size:24px; line-height:1.3; font-weight:700; color:#222; text-transform:none; letter-spacing:normal; }
.ig-receipt .ig-receipt-confirmation h2 { font-weight:400; margin-bottom:12px; }
.ig-receipt .ig-receipt-confirmation p { font-size:14px; line-height:1.65; margin:0; }
.ig-receipt-customer-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 34px; }
.ig-receipt .ig-receipt-customer-grid h3 { margin:0 0 8px; font-size:16px; font-weight:500; line-height:1.4; text-transform:none; }
.ig-receipt .ig-receipt-customer-grid p,
.ig-receipt .ig-receipt-customer-grid address { margin:0; font-size:14px; line-height:1.7; font-style:normal; overflow-wrap:anywhere; }
.ig-receipt .ig-receipt-summary .woocommerce-order-details { margin:0; padding:0; width:100%; float:none; border:0; }
.ig-receipt .ig-receipt-summary .woocommerce-customer-details { display:none; }
.ig-receipt .ig-receipt-summary .shop_table { display:block; margin:0; border:0; width:100%; border-collapse:collapse; table-layout:auto; }
.ig-receipt .ig-receipt-summary .shop_table tbody { display:table; width:100%; table-layout:fixed; }
.ig-receipt .ig-receipt-summary a { color:inherit; }
.ig-receipt .ig-receipt-summary .ig-receipt-sample-invoice a { text-decoration:underline; }
.ig-receipt .ig-receipt-summary .shop_table thead { display:none; }
.ig-receipt .ig-receipt-summary .shop_table th,
.ig-receipt .ig-receipt-summary .shop_table td { border:0; background:transparent; padding:5px 0; font-size:14px; line-height:1.65; vertical-align:middle; text-align:left; font-weight:400; }
.ig-receipt .ig-receipt-summary .shop_table tbody td { padding:20px 0 28px; border-bottom:1px solid #ddd; }
.ig-receipt .ig-receipt-summary .shop_table .product-name { width:74%; }
.ig-receipt .ig-receipt-summary .shop_table .product-total { width:26%; text-align:right; white-space:nowrap; }
.ig-receipt .ig-receipt-summary .shop_table .product-name > .product-quantity { display:none; }
.ig-receipt-item-image { float:left; position:relative; width:64px; height:68px; margin:0 16px 0 0; }
.ig-receipt-item-image img { width:64px; height:68px; object-fit:cover; border-radius:3px; display:block; }
.ig-receipt-qty { position:absolute; right:-8px; top:-9px; min-width:22px; height:22px; border-radius:50%; background:#aaa; color:#fff; text-align:center; font-size:12px; line-height:22px; }
.ig-receipt-item-name { display:block; overflow:hidden; font-size:14px; line-height:1.65; }
.ig-receipt .ig-receipt-summary .shop_table .wc-item-meta { clear:both; font-size:12px; margin:8px 0 0; padding:0; list-style:none; }
.ig-receipt .ig-receipt-summary .shop_table tfoot tr:first-child > * { padding-top:22px; }
.ig-receipt .ig-receipt-summary .shop_table tfoot { display:block; width:100%; }
.ig-receipt .ig-receipt-summary .shop_table tfoot tr { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.ig-receipt .ig-receipt-summary .shop_table tfoot th,
.ig-receipt .ig-receipt-summary .shop_table tfoot td { display:block; width:auto; }
.ig-receipt .ig-receipt-summary .shop_table tfoot td { text-align:right; max-width:66%; }
.ig-receipt .ig-receipt-summary .shop_table tfoot tr:has(.includes_tax) { margin-top:18px; border-top:1px solid #ddd; }
.ig-receipt .ig-receipt-summary .shop_table tfoot .includes_tax { white-space:nowrap; }
.ig-receipt .ig-receipt-summary .shop_table .amount { font-size:inherit; font-weight:400; }
.ig-receipt .ig-receipt-summary .shop_table tfoot tr:has(.includes_tax) > *,
.ig-receipt .ig-receipt-summary .shop_table tr.ig-receipt-total > * { border-top:0; padding-top:20px; font-size:18px; }
.ig-receipt .ig-receipt-summary .includes_tax { display:block; font-size:11px; line-height:1.5; margin-top:4px; }
.ig-receipt .ig-receipt-summary p { font-size:14px; line-height:1.6; margin:20px 0 0; }
.ig-receipt .ig-receipt-summary .ig-receipt-sample-invoice { color:#666; font-size:12px; }
/* Keep the fallback native receipt message legible as well. */
.woocommerce .woocommerce-order .woocommerce-thankyou-order-received { font-size:clamp(24px,calc(2vw + 8px),32px) !important; font-weight:700 !important; line-height:1.3 !important; }
.ig-thankyou-preview { max-width:1288px; margin:0 auto; padding:16px 24px 40px; background:#fafafa; }
.ig-thankyou-preview-note { margin:0; color:#666; font-size:12px; line-height:1.5; }
@media (max-width:767px) {
    .ig-receipt { grid-template-columns:minmax(0,1fr); gap:24px; margin:24px auto; }
    .ig-receipt-heading { margin-top:0; gap:12px; }
    .ig-receipt-check { width:48px; height:48px; flex-basis:48px; }
    .ig-receipt .ig-receipt-title { font-size:26px; }
    .ig-receipt .ig-receipt-number { font-size:14px; }
    .ig-receipt .ig-receipt-card { padding:22px 18px; }
    .ig-receipt .ig-receipt-card h2 { font-size:22px; }
    .ig-receipt-customer-grid { gap:22px 16px; }
    .ig-thankyou-preview { padding:14px 16px 32px; }
}
@media (max-width:380px) {
    .ig-receipt-customer-grid { grid-template-columns:1fr; }
}