/* orders styles */
.orders-dashboard { margin: 0 0 32px; }
.orders-dashboard:empty { display: none; }
.orders-hero-title { font-size: clamp(44px, 7vw, 78px); line-height: 1; }
.order-success { margin-bottom: 16px; padding: 14px 17px; border: 1px solid #356141; border-radius: 10px; background: #0f1d13; color: #72cf8b; font-size: 12px; }
.orders-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.orders-heading p { margin: 0 0 6px; color: var(--gold); font-size: 11px; font-weight: 900; letter-spacing: 1.6px; }
.orders-heading h2 { margin: 0; font-size: 31px; }
.orders-heading a { color: var(--gold); text-decoration: none; font-size: 13px; }
.orders-list { display: grid; gap: 17px; }
.order-card { overflow: hidden; border: 1px solid #3a3125; border-radius: 15px; background: linear-gradient(145deg, #17140f, #0e0d0a); box-shadow: 0 20px 45px #0003; }
.order-card.latest { border-color: #604922; }
.order-card > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 23px; border-bottom: 1px solid #30291f; }
.order-card header span { color: #92703b; font-size: 10px; font-weight: 900; letter-spacing: 1.5px; }
.order-card header h3 { margin: 5px 0; font-size: 19px; }
.order-card header p { margin: 0; color: #756f67; font-size: 12px; }
.order-card header > div:last-child { display: grid; justify-items: end; gap: 8px; }
.order-card header > div:last-child > strong { color: #edb85c; font-size: 20px; }
.order-status { padding: 6px 10px; border: 1px solid #3f6348; border-radius: 20px; background: #102016; color: #75c888; font-size: 11px; }
.order-status.cancelled { border-color: #653a34; background: #21110f; color: #dc7a70; }
.order-product-list { display: grid; padding: 7px 23px; }
.order-product-list > a { display: grid; grid-template-columns: 55px 1fr auto; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid #2d271e; color: #eee; text-decoration: none; }
.order-product-list > a:last-child { border: 0; }
.order-product-image { position: relative; display: grid; width: 55px; height: 55px; place-items: center; border-radius: 8px; background: #1d1913; }
.order-product-image img { width: 51px; height: 51px; object-fit: contain; }
.order-product-image b { position: absolute; top: -5px; right: -5px; display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; background: #c6892a; color: #170e04; font-size: 8px; }
.order-product-list strong, .order-product-list small { display: block; }
.order-product-list strong { font-size: 15px; }
.order-product-list small { margin-top: 4px; color: #756e65; font-size: 11px; }
.order-product-list em { color: #d2a552; font-size: 13px; font-style: normal; }
.order-progress { display: grid; grid-template-columns: repeat(5, 1fr); padding: 18px 23px; border-top: 1px solid #30291f; }
.order-progress > div { position: relative; display: grid; justify-items: center; gap: 7px; color: #5f5a53; font-size: 10px; text-align: center; }
.order-progress > div::before { position: absolute; z-index: 0; top: 11px; right: 50%; width: 100%; height: 1px; background: #373128; content: ''; }
.order-progress > div:first-child::before { display: none; }
.order-progress i { z-index: 1; display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid #40382d; border-radius: 50%; background: #15120e; font-style: normal; }
.order-progress .complete { color: #d4a654; }
.order-progress .complete::before { background: #8e682d; }
.order-progress .complete i { border-color: #b77e28; background: #a76f21; color: #130c04; }
.order-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 23px; border-top: 1px solid #30291f; color: #777169; font-size: 12px; }
.order-card footer div { display: flex; flex-wrap: wrap; gap: 16px; }
.order-card footer a, .order-card footer button { display: grid; min-width: 105px; min-height: 42px; padding: 9px 14px; place-items: center; border: 1px solid #654b26; border-radius: 8px; background: linear-gradient(145deg, rgba(36, 27, 15, .8), rgba(17, 14, 10, .95)); color: #e0ae53; font: inherit; font-size: 12px; font-weight: 700; text-align: center; text-decoration: none; cursor: pointer; box-shadow: 0 0 9px rgba(217, 156, 46, .08); animation: orderActionGlow 2.3s ease-in-out infinite alternate; transition: transform .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease; }
.order-card footer button { animation-delay: -1.15s; }
.order-card footer [data-cancel-order] { border-color: #754039; color: #e69387; animation: none; }
.order-card footer [data-cancel-order]:hover { border-color: #c65e50; color: #ffb1a6; box-shadow: 0 7px 18px rgba(0, 0, 0, .3), 0 0 18px rgba(198, 94, 80, .28); }
.order-card footer [data-delete-order] { min-width: 82px; border-color: #67352f; color: #d87d72; animation: none; }
.order-card footer [data-delete-order]:hover { border-color: #bd4f43; background: #26120f; color: #ff9f94; box-shadow: 0 7px 18px rgba(0, 0, 0, .3), 0 0 18px rgba(189, 79, 67, .3); }
.order-card footer a:hover, .order-card footer button:hover { transform: translateY(-3px); border-color: #d39b3f; color: #ffd27c; box-shadow: 0 7px 18px rgba(0, 0, 0, .3), 0 0 20px rgba(217, 156, 46, .32); }
@keyframes orderActionGlow { from { box-shadow: 0 0 7px rgba(217, 156, 46, .07); } to { box-shadow: 0 0 18px rgba(217, 156, 46, .25); } }
@media (max-width: 600px) { .order-card > header { align-items: flex-start; } .order-product-list > a { grid-template-columns: 50px 1fr; } .order-product-list em { grid-column: 2; } .order-progress { overflow-x: auto; grid-template-columns: repeat(5, minmax(75px, 1fr)); } .order-card > footer { align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .checkout-link, .order-card footer a, .order-card footer button { animation: none; } }