/**
 * VYNE+ "Track your order" lookup page. Design: LOLA/v-purchase "Track Your
 * Order". Scoped under .wyne-track. The lookup itself is WooCommerce's
 * [woocommerce_order_tracking] form, restyled to the design.
 */
.wyne-track{
  --tk-bg:#f4ede0;--tk-bg-3:#e3d8c1;--tk-paper:#faf5e9;
  --tk-line:rgba(38,30,16,0.12);--tk-line-strong:rgba(38,30,16,0.28);
  --tk-gold:#b8924d;--tk-gold-deep:#8a6f33;--tk-green:#1f3522;--tk-green-soft:#2d4d31;
  --tk-ink:#261e10;--tk-ink-soft:#4a3f2a;--tk-ink-mute:#7a6f5a;
  --tk-serif:'Cormorant Garamond',serif;--tk-sans:'Jost',sans-serif;--tk-mono:'JetBrains Mono',ui-monospace,monospace;
  --tk-pad:20px;background:var(--tk-bg);color:var(--tk-ink-soft);font-family:var(--tk-sans);font-weight:300;
}
.wyne-track *{box-sizing:border-box}
.wyne-track h1{font-family:var(--tk-serif);font-weight:500;color:var(--tk-ink);line-height:1.05;margin:0}
.wyne-track em{font-style:italic;color:var(--tk-gold-deep)}
.wyne-track a{color:var(--tk-gold-deep);text-decoration:none;border-bottom:1px solid var(--tk-line-strong)}
.wyne-track a:hover{color:var(--tk-green)}

.wyne-track .page{max-width:560px;margin:0 auto;padding:56px var(--tk-pad) 60px}
.wyne-track .head{text-align:center;margin-bottom:32px}
.wyne-track .kicker{font-family:var(--tk-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--tk-gold-deep)}
.wyne-track .head h1{font-size:clamp(32px,6vw,48px);margin-top:14px}
.wyne-track .head p{font-family:var(--tk-serif);font-size:18px;line-height:1.55;color:var(--tk-ink-mute);margin:14px auto 0;max-width:38ch}

.wyne-track .card{background:var(--tk-paper);border:1px solid var(--tk-line-strong);padding:clamp(24px,4vw,34px)}

/* WooCommerce order-tracking form, restyled */
.wyne-track form.track_order{margin:0}
.wyne-track form.track_order p{margin:0 0 18px}
.wyne-track form.track_order p:first-child{margin-top:0}
/* WooCommerce lays .form-row out as a flex row, which put the label, a 34px
   input and the hint side by side. Here a field is a label, a full-width
   control and the hint under it. */
.wyne-track form.track_order .form-row{display:block;padding:0}
.wyne-track form.track_order .form-row .hint{display:block;font-family:var(--tk-serif);font-style:italic;font-size:13px;color:var(--tk-ink-mute);margin-top:7px}
.wyne-track form.track_order .form-row .woocommerce-input-wrapper{display:block;width:100%}
.wyne-track form.track_order .submit-row{margin-bottom:0}
.wyne-track form.track_order label{display:block;font-family:var(--tk-mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--tk-ink-mute);margin-bottom:8px}
.wyne-track form.track_order input[type="text"],
.wyne-track form.track_order input[type="email"]{width:100%;background:var(--tk-paper);border:1px solid var(--tk-line-strong);padding:15px 16px;color:var(--tk-ink);font-family:var(--tk-sans);font-size:15px;transition:border-color .2s}
.wyne-track form.track_order input:focus{border-color:var(--tk-green);outline:none}
.wyne-track form.track_order .button,
.wyne-track form.track_order button[type="submit"]{width:100%;margin-top:8px;padding:18px 22px;background:var(--tk-green);color:var(--tk-paper);border:none;font-family:var(--tk-sans);font-size:11px;letter-spacing:.34em;text-transform:uppercase;cursor:pointer;transition:background .25s,box-shadow .25s}
.wyne-track form.track_order .button:hover,
.wyne-track form.track_order button[type="submit"]:hover{background:var(--tk-green-soft);box-shadow:0 10px 30px rgba(31,53,34,.25)}

.wyne-track .helper{font-family:var(--tk-serif);font-style:italic;font-size:14px;line-height:1.55;color:var(--tk-ink-mute);margin-top:18px;padding-top:16px;border-top:1px solid var(--tk-line)}
.wyne-track .alt{text-align:center;margin-top:26px;font-family:var(--tk-serif);font-size:15.5px;color:var(--tk-ink-mute)}

/* the returned order status table (WC) */
.wyne-track .woocommerce-table--order-details,
.wyne-track table.shop_table{width:100%;margin-top:22px;border:1px solid var(--tk-line-strong);border-collapse:collapse;background:var(--tk-paper);font-family:var(--tk-serif)}
.wyne-track table.shop_table th,.wyne-track table.shop_table td{padding:12px 14px;border-bottom:1px solid var(--tk-line);text-align:left;font-size:15px;color:var(--tk-ink-soft)}