.woocommerce {
width: 100%;
}
.woocommerce-order-received .woocommerce-notice {
color: black;
padding: 16px 20px;
border-radius: 8px;
font-size: 1.6rem;
text-align: center;
margin-bottom: 25px;
font-weight: 600;
line-height: 1.3;
}
.woocommerce-order-received .woocommerce-order-overview {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
list-style: none;
margin: 0 0 30px;
padding: 0;
}
.woocommerce-order-received .woocommerce-order-overview li {
background: #fff;
padding: 15px 20px;
border: 1px solid #e5e7eb;
border-radius: 8px;
font-size: 0.95rem;
}
.woocommerce-order-received .woocommerce-order-overview strong {
display: block;
margin-top: 5px;
font-weight: 600;
color: #111;
}
.woocommerce-order-received .woocommerce-order-details {
margin-bottom: 30px;
}
.woocommerce-order-received .woocommerce-order-details__title {
font-size: 1.3rem;
margin-bottom: 15px;
color: #222;
}
.woocommerce-order-received table.shop_table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: 8px;
overflow: hidden;
}
.woocommerce-order-received table.shop_table th,
.woocommerce-order-received table.shop_table td {
padding: 14px 16px;
text-align: left;
border-bottom: 1px solid #e5e7eb;
font-size: 0.95rem;
}
.woocommerce-order-received table.shop_table th {
background: #f3f4f6;
font-weight: 600;
}
.woocommerce-order-received table.shop_table tfoot th {
text-align: right;
}
.woocommerce-order-received .woocommerce-customer-details {
margin-top: 30px;
}
.woocommerce-order-received .woocommerce-columns--addresses {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.woocommerce-order-received .woocommerce-column {
flex: 1 1 45%;
background: #fff;
padding: 20px;
border: 1px solid #e5e7eb;
border-radius: 8px;
min-width: 280px;
}
.woocommerce-order-received .woocommerce-column__title {
font-size: 1.2rem;
margin-bottom: 10px;
color: #222;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 6px;
}
.woocommerce-order-received address {
font-style: normal;
line-height: 1.6;
}
.woocommerce-order-received .woocommerce-customer-details--phone,
.woocommerce-order-received .woocommerce-customer-details--email {
margin: 5px 0;
font-size: 0.95rem;
color: #444;
}