/* ==================================================================
   The Longevity Edge — Order tracking page
   ================================================================== */

body.page-template-page-order-tracking .entry-header,
body.page-template-page-order-tracking .page-title,
body.page-template-page-order-tracking .entry-title { display: none !important; }
body.page-template-page-order-tracking .content-area { margin-top: 0 !important; padding: 0 !important; }
body.page-template-page-order-tracking .entry-content-wrap { padding: 0 !important; }
body.page-template-page-order-tracking main#main { padding: 0 !important; }
body.page-template-page-order-tracking .primary-sidebar { display: none !important; }

.le-tracking { background: var(--canvas); padding: var(--s-9) 0 var(--s-9); width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; min-height: 60vh; }
.le-tracking .container { max-width: 720px; margin: 0 auto; padding: 0 var(--s-5); }
.le-tracking .eyebrow { font-family: var(--font-body); font-size: var(--fs-xs); font-weight: 700; color: var(--gold-600); text-transform: uppercase; letter-spacing: var(--ls-widest); margin: 0 0 var(--s-3); }
.le-tracking h1 { font-family: var(--font-display); font-weight: 700; font-size: var(--fs-3xl); color: var(--navy-900); margin: 0 0 var(--s-3); letter-spacing: var(--ls-tight); line-height: var(--lh-tight); }
.le-tracking-lede { font-size: var(--fs-lg); color: var(--ink-700); margin: 0 0 var(--s-6); line-height: var(--lh-relaxed); }

.le-tracking-form { background: var(--surface); border: 1px solid var(--navy-100); border-radius: var(--r-lg); padding: var(--s-6); box-shadow: var(--shadow-sm); margin: 0 0 var(--s-7); }
.le-tracking-form .woocommerce-order-tracking p { margin: 0 0 var(--s-4); color: var(--ink-700); font-size: var(--fs-sm); line-height: var(--lh-relaxed); }
.le-tracking-form .woocommerce-order-tracking .form-row { display: flex; flex-direction: column; margin: 0 0 var(--s-4); }
.le-tracking-form .woocommerce-order-tracking .form-row label { font-family: var(--font-body); font-size: var(--fs-xs); font-weight: 600; color: var(--ink-700); margin: 0 0 6px; letter-spacing: var(--ls-wide); text-transform: uppercase; }
.le-tracking-form .woocommerce-order-tracking .form-row input { width: 100%; height: 44px; padding: 0 var(--s-3); font-family: var(--font-body); font-size: var(--fs-base); color: var(--navy-900); background: var(--canvas); border: 1.5px solid var(--navy-100); border-radius: var(--r-md); box-sizing: border-box; }
.le-tracking-form .woocommerce-order-tracking .form-row input:focus { outline: none; border-color: var(--gold-600); box-shadow: 0 0 0 3px rgba(196,156,88,0.15); }
.le-tracking-form .woocommerce-order-tracking button[type="submit"],
.le-tracking-form .woocommerce-order-tracking .button { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 var(--s-5); background: var(--cta-600); color: #fff; border: 0; border-radius: var(--r-md); font-family: var(--font-body); font-size: var(--fs-base); font-weight: 700; cursor: pointer; text-transform: none; line-height: 48px; transition: background 180ms var(--ease-out), box-shadow 180ms var(--ease-out), transform 180ms var(--ease-out); box-shadow: 0 4px 12px rgba(168, 38, 50, 0.18); }
.le-tracking-form .woocommerce-order-tracking button[type="submit"]:hover { background: var(--cta-700); box-shadow: 0 8px 20px rgba(168, 38, 50, 0.26); transform: translateY(-1px); }

/* WC's order details table after lookup */
.le-tracking-form .order_details,
.le-tracking-form .shop_table { width: 100%; border-collapse: collapse; margin: var(--s-4) 0 0; }
.le-tracking-form .order_details th,
.le-tracking-form .shop_table th { text-align: left; padding: var(--s-3) var(--s-3); font-family: var(--font-body); font-size: var(--fs-xs); font-weight: 600; color: var(--ink-700); text-transform: uppercase; letter-spacing: var(--ls-wide); border-bottom: 1px solid var(--navy-100); }
.le-tracking-form .order_details td,
.le-tracking-form .shop_table td { padding: var(--s-3) var(--s-3); color: var(--navy-900); border-bottom: 1px solid var(--navy-100); }
.le-tracking-form .order_details strong,
.le-tracking-form .shop_table strong { color: var(--navy-900); }

.le-tracking-help { background: var(--surface); border: 1px solid var(--navy-100); border-radius: var(--r-lg); padding: var(--s-6); }
.le-tracking-help h2 { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-xl); color: var(--navy-900); margin: 0 0 var(--s-4); letter-spacing: var(--ls-tight); }
.le-tracking-help ul { list-style: none; margin: 0 0 var(--s-5); padding: 0; display: flex; flex-direction: column; gap: var(--s-3); }
.le-tracking-help li { display: grid; grid-template-columns: 8px 1fr; gap: var(--s-3); align-items: start; padding-left: 0; font-size: var(--fs-base); color: var(--ink-700); line-height: var(--lh-relaxed); }
.le-tracking-help li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--gold-600); margin-top: 10px; }
.le-tracking-cta { margin: 0; padding: var(--s-4) var(--s-5); background: var(--gold-50); border: 1px solid var(--gold-100); border-left: 4px solid var(--gold-600); border-radius: var(--r-md); font-size: var(--fs-base); color: var(--navy-900); }
.le-tracking-cta a { color: var(--gold-600); font-weight: 700; text-decoration: underline; }
.le-tracking-cta a:hover { color: var(--cta-600); }