/**
 * Baby Salar — Order tracking page (page-tracking.php)
 * Theme shell + a gentle base layer for the tracking plugin output (.bs-track-plugin).
 * Plugin-specific refinements are added in the "plugin" section at the bottom.
 */

.bs-track{
  --tk-ink:#302936;
  --tk-text:#6f6672;
  --tk-muted:#9b919c;
  --tk-accent:#c45975;
  --tk-accent-dark:#a9465f;
  --tk-accent-soft:#fbecf0;
  --tk-line:#efe4ea;
  --tk-field:#fcfafb;
  --tk-band:var(--track-band,#f6e4ea);
  --tk-band-height:var(--track-band-height,170px);
  padding:0 0 56px;
  color:var(--tk-ink);
}

/* title + band ------------------------------------------------------- */
.bs-track-top{padding:14px 0 18px}
.bs-track-breadcrumb{display:flex;gap:8px;align-items:center;color:#8d8490;font-size:12.5px;margin:0 0 10px}
.bs-track-breadcrumb a{color:inherit;transition:color .16s ease}
.bs-track-breadcrumb a:hover{color:var(--tk-accent)}
.bs-track-top h1{margin:0;font-size:22px;font-weight:600;line-height:1.5}
.bs-track-top p{margin:2px 0 0;font-size:13.5px;color:var(--tk-text)}
.bs-track-band{position:relative;height:var(--tk-band-height);background:var(--tk-band);overflow:hidden}
.bs-track-band__curve{position:absolute;top:-1px;left:0;width:100%;height:60px;display:block}
.bs-track-band__curve path{fill:#fff}
.bs-track-band__chevron{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:22px;height:22px;color:var(--tk-accent);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* card --------------------------------------------------------------- */
.bs-track-card{
  position:relative;z-index:2;
  max-width:820px;margin:calc(var(--tk-band-height) * -0.55) auto 0;
  padding:30px 34px;
  background:#fff;border-radius:22px;
  box-shadow:0 10px 35px rgba(76,52,71,.08);
}
.bs-track-intro{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.bs-track-intro__icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--tk-accent-soft);color:var(--tk-accent)}
.bs-track-intro__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bs-track-intro h2{margin:0 0 2px;font-size:16px;font-weight:600;line-height:1.6}
.bs-track-intro p{margin:0;font-size:13.5px;line-height:1.95;color:var(--tk-text)}

.bs-track-help{margin-top:24px;padding-top:18px;border-top:1px solid var(--tk-line);display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bs-track-help ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.bs-track-help li{position:relative;padding-inline-start:14px;font-size:12.5px;line-height:1.9;color:var(--tk-text)}
.bs-track-help li::before{content:"";position:absolute;inset-inline-start:0;top:.8em;width:5px;height:5px;border-radius:50%;background:#e3a6b8}
.bs-track-help__link{display:inline-flex;gap:6px;font-size:13px;font-weight:600;color:var(--tk-accent);white-space:nowrap}
.bs-track-help__link:hover{color:var(--tk-accent-dark)}
.bs-track-extra{margin-top:22px;font-size:14px;line-height:2.05;color:var(--tk-text)}

.bs-track-notice{padding:14px 16px;border-radius:12px;background:#fff7f9;border:1px dashed #ecc3d0;font-size:13.5px;color:#6b4452;line-height:1.9}
.bs-track-notice code{direction:ltr;display:inline-block;background:#fff;padding:1px 6px;border-radius:6px}

/* base layer for plugin output --------------------------------------- */
.bs-track-plugin{font-size:14px;line-height:1.9;color:var(--tk-ink)}
.bs-track-plugin *{box-sizing:border-box}
.bs-track-plugin h1,.bs-track-plugin h2,.bs-track-plugin h3,.bs-track-plugin h4{font-weight:600;line-height:1.6;color:var(--tk-ink);margin:0 0 10px}
.bs-track-plugin h1,.bs-track-plugin h2{font-size:17px}
.bs-track-plugin h3,.bs-track-plugin h4{font-size:15px}
.bs-track-plugin p{margin:0 0 10px;color:var(--tk-text)}
.bs-track-plugin label{display:block;font-size:12.5px;font-weight:600;color:#4d4352;margin-bottom:6px}
.bs-track-plugin input[type="text"],.bs-track-plugin input[type="tel"],.bs-track-plugin input[type="number"],.bs-track-plugin input[type="email"],.bs-track-plugin input[type="search"],.bs-track-plugin select,.bs-track-plugin textarea{
  width:100%;height:46px;padding:0 14px;
  border:1px solid var(--tk-line);border-radius:12px;background:var(--tk-field);
  font:inherit;font-size:14px;color:var(--tk-ink);outline:0;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.bs-track-plugin textarea{height:auto;min-height:110px;padding:12px 14px}
.bs-track-plugin input::placeholder,.bs-track-plugin textarea::placeholder{color:#b3a9b4}
.bs-track-plugin input:focus,.bs-track-plugin select:focus,.bs-track-plugin textarea:focus{background:#fff;border-color:#dba2b3;box-shadow:0 0 0 4px rgba(196,89,117,.08)}
.bs-track-plugin button,.bs-track-plugin input[type="submit"],.bs-track-plugin .button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:0 24px;border:0;border-radius:12px;
  background:var(--tk-accent);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;
  transition:background .18s ease,transform .18s ease;box-shadow:0 8px 20px rgba(196,89,117,.16);
}
.bs-track-plugin button:hover,.bs-track-plugin input[type="submit"]:hover,.bs-track-plugin .button:hover{background:var(--tk-accent-dark);transform:translateY(-1px)}
.bs-track-plugin a{color:var(--tk-accent)}
.bs-track-plugin table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--tk-line);border-radius:14px;overflow:hidden;font-size:13.5px;margin:0 0 14px}
.bs-track-plugin th,.bs-track-plugin td{padding:11px 14px;text-align:right;border-bottom:1px solid var(--tk-line)}
.bs-track-plugin tr:last-child th,.bs-track-plugin tr:last-child td{border-bottom:0}
.bs-track-plugin th{background:#fcf7f9;font-weight:600;color:#4d4352}
.bs-track-plugin img{max-width:100%;height:auto;border-radius:10px}
.bs-track-plugin .woocommerce-error,.bs-track-plugin .woocommerce-message,.bs-track-plugin .woocommerce-info{list-style:none;margin:0 0 14px;padding:12px 16px;border-radius:12px;font-size:13.5px}
.bs-track-plugin .woocommerce-error{background:#fdf0f2;color:#b0405a}
.bs-track-plugin .woocommerce-message{background:#eef8f1;color:#1e6b3a}
.bs-track-plugin .woocommerce-info{background:#f6f3fb;color:#5a4a78}

/* responsive --------------------------------------------------------- */
@media (max-width:767px){
  .bs-track{padding-bottom:40px;--tk-band-height:var(--track-band-height-mobile,120px)}
  .bs-track-top{padding:10px 0 12px}
  .bs-track-top h1{font-size:19px}
  .bs-track-top p{font-size:12.5px}
  .bs-track-band__curve{height:36px}
  .bs-track-band__chevron{top:4px;width:18px;height:18px}
  .bs-track-card{margin-top:calc(var(--tk-band-height) * -0.6);padding:20px 16px;border-radius:18px}
  .bs-track-intro{gap:12px;margin-bottom:18px}
  .bs-track-intro__icon{flex-basis:40px;width:40px;height:40px}
  .bs-track-plugin input,.bs-track-plugin select,.bs-track-plugin textarea{font-size:16px!important}
  .bs-track-plugin button,.bs-track-plugin input[type="submit"]{width:100%}
  .bs-track-plugin table{display:block;overflow-x:auto}
  .bs-track-help{flex-direction:column;align-items:flex-start}
}

/* plugin-specific refinements ([babysala_unified_tracking]) ---------- */
/* Added after inspecting the plugin's real markup. */
.bs-track-plugin .babysala-unified-tracking-box{position:relative;padding:0;margin:0;background:none;border:0;box-shadow:none}
.bs-track-plugin .babysala-unified-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bs-track-plugin .babysala-unified-field{margin:0}
.bs-track-plugin .babysala-unified-field input[dir="ltr"]{text-align:right}
.bs-track-plugin .babysala-unified-field input[dir="ltr"]:placeholder-shown{direction:rtl}
.bs-track-plugin .babysala-unified-submit{width:100%;height:48px;margin-top:16px}
.bs-track-plugin .babysala-unified-note{margin:12px 0 0;font-size:12.5px;line-height:1.9;color:var(--tk-muted);text-align:center}
.bs-track-plugin .babysala-unified-error{margin:16px 0 0;padding:11px 14px;border-radius:12px;background:#fdf0f2;color:#b0405a;font-size:13px;text-align:center}

.bs-track-plugin .babysala-unified-result{margin-top:22px;padding:20px 22px;border:1px solid var(--tk-line);border-radius:16px;background:#fff;animation:bsTrackIn .3s ease}
@keyframes bsTrackIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bs-track-plugin .babysala-unified-result-title{margin:0 0 8px;font-size:16px;font-weight:600}
.bs-track-plugin .babysala-unified-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--tk-line);font-size:13.5px}
.bs-track-plugin .babysala-unified-row:last-of-type{border-bottom:0}
.bs-track-plugin .babysala-unified-row strong{font-weight:500;color:var(--tk-text)}
.bs-track-plugin .babysala-unified-row span{font-weight:600;color:var(--tk-ink);text-align:left}
.bs-track-plugin .babysala-unified-status{padding:3px 12px;border-radius:999px;font-size:12.5px;background:#f3f0f5;color:#5f5663}
.bs-track-plugin .babysala-unified-status--processing,.bs-track-plugin .babysala-unified-status--on-hold{background:#fff4e0;color:#8a5a00}
.bs-track-plugin .babysala-unified-status--completed{background:#e7f5ec;color:#1e6b3a}
.bs-track-plugin .babysala-unified-status--cancelled,.bs-track-plugin .babysala-unified-status--failed,.bs-track-plugin .babysala-unified-status--refunded{background:#fdf0f2;color:#b0405a}
.bs-track-plugin .babysala-unified-result .babysala-unified-note{margin-top:14px;padding:12px 14px;border-radius:12px;background:#faf7fb;color:var(--tk-text);font-size:13px}

.bs-track-plugin .babysala-unified-post-box{margin-top:16px;padding:18px;border-radius:14px;background:linear-gradient(160deg,#fff6f8,#faf5fc);text-align:center}
.bs-track-plugin .babysala-unified-post-box strong{display:block;font-size:13px;font-weight:600;color:var(--tk-text);margin-bottom:8px}
.bs-track-plugin .babysala-unified-post-code{display:block;margin:0 0 14px;padding:12px;border-radius:12px;background:#fff;border:1px solid #f0e2e8;font-family:inherit;font-size:clamp(14px,2.2vw,18px);font-weight:600;letter-spacing:.06em;color:var(--tk-ink);direction:ltr;word-break:break-all;overflow-wrap:anywhere}
.bs-track-plugin .babysala-unified-post-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.bs-track-plugin .babysala-unified-post-button{flex:1 1 200px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:12px;background:var(--tk-accent);color:#fff;font-size:13.5px;font-weight:600;text-decoration:none;box-shadow:0 8px 20px rgba(196,89,117,.16)}
.bs-track-plugin .babysala-unified-post-button:hover{background:var(--tk-accent-dark);color:#fff}
.bs-track-plugin button.babysala-unified-copy{flex:0 0 auto;min-height:44px;padding:0 18px;background:#fff;color:var(--tk-accent);border:1px solid #ecc3d0;box-shadow:none;font-size:13.5px}
.bs-track-plugin button.babysala-unified-copy:hover{background:#fff7f9;color:var(--tk-accent-dark);transform:none}
.bs-track-plugin button.babysala-unified-copy.is-copied{border-color:#9fd3b2;color:#1e6b3a}

@media (max-width:767px){
  .bs-track-plugin .babysala-unified-fields{grid-template-columns:1fr;gap:12px}
  .bs-track-plugin .babysala-unified-result{padding:16px 14px}
  .bs-track-plugin .babysala-unified-post-actions{flex-direction:column-reverse}
  .bs-track-plugin button.babysala-unified-copy{width:100%}
  .bs-track-plugin .babysala-unified-post-button{flex:0 0 auto;width:100%}
}
@media (prefers-reduced-motion:reduce){.bs-track-plugin .babysala-unified-result{animation:none}}