/* WoodMart WooCommerce Order Tracking v1.3.1 - aligned floating button */
:root{--wmot-bg:#EA8327;--wmot-text:#fff;--wmot-bottom:96px;--wmot-brand:#1f6b45}

/* Floating order tracking button: prevent WoodMart/theme styles from clipping it */
.wmot-floating,
body .wmot-floating,
body button.wmot-floating{
  position:fixed!important;bottom:18px!important;z-index:999999!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
  max-width:54px!important;max-height:54px!important;box-sizing:border-box!important;
  padding:0!important;margin:0!important;border:2px solid #fff!important;border-radius:50%!important;
  background:#f58220!important;color:#fff!important;line-height:1!important;text-align:center!important;
  text-indent:0!important;float:none!important;transform:none;overflow:visible!important;
  box-shadow:0 5px 18px rgba(0,0,0,.24)!important;cursor:pointer!important;
  appearance:none!important;-webkit-appearance:none!important;transition:transform .2s ease,box-shadow .2s ease!important;
}
.wmot-floating.right, body .wmot-floating.right, body button.wmot-floating.right{right:18px!important;left:auto!important;top:auto!important}
.wmot-floating.left, body .wmot-floating.left, body button.wmot-floating.left{left:18px!important;right:auto!important;top:auto!important}
.wmot-floating svg{display:block!important;width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;position:static!important;transform:none!important;stroke:currentColor!important;color:#fff!important;pointer-events:none}
.wmot-floating:hover{transform:translateY(-3px)!important;box-shadow:0 8px 22px rgba(0,0,0,.3)!important}
.wmot-floating:focus-visible{outline:3px solid #fff!important;outline-offset:4px!important}
.wmot-floating:after{content:attr(data-label);position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;background:#10231a;color:#fff;font-size:12.5px;font-weight:600;line-height:1;padding:9px 12px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}
.wmot-floating.left:after{left:calc(100% + 12px)}
.wmot-floating.right:after{right:calc(100% + 12px)}
.wmot-floating:hover:after{opacity:1}
@media (prefers-reduced-motion:no-preference){
 .wmot-floating:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #f58220;animation:wmot-pulse 2.6s ease-out infinite;pointer-events:none}
}
@keyframes wmot-pulse{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(1.55);opacity:0}}

/* Modal */
.wmot-overlay{display:none;position:fixed;inset:0;background:rgba(8,24,16,.62);backdrop-filter:blur(3px);z-index:100000;align-items:center;justify-content:center;padding:20px}
.wmot-overlay.is-open{display:flex;animation:wmot-fade .2s ease}
.wmot-modal{position:relative!important;width:min(460px,100%)!important;max-height:92vh;overflow:auto;background:#fff!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.35)!important;animation:wmot-rise .25s ease;isolation:isolate}
@keyframes wmot-fade{from{opacity:0}to{opacity:1}}
@keyframes wmot-rise{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.wmot-close{position:absolute!important;right:12px!important;top:12px!important;left:auto!important;bottom:auto!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:50%!important;background:#fff!important;color:#176641!important;font-family:Arial,sans-serif!important;font-size:24px!important;font-weight:400!important;line-height:1!important;cursor:pointer;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important;appearance:none!important}
.wmot-close:hover{background:#f2fff7!important;color:#e87922!important;transform:rotate(90deg);}

.wmot-box{padding:0 0 26px}
.wmot-heading{display:flex;gap:12px;align-items:center;margin:0!important;padding:24px 58px 22px 24px!important;background:linear-gradient(135deg,#10452d,#1f6b45);color:#fff;border-radius:18px 18px 0 0;min-height:96px;box-sizing:border-box}
.wmot-heading-icon{flex:none;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff}
.wmot-heading-copy{min-width:0;flex:1}
.wmot-track-badge{flex:none;width:48px;height:48px;border-radius:50%;background:#f58220;border:3px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,.14);box-sizing:border-box}
.wmot-track-badge svg{width:23px;height:23px;display:block}
.wmot-heading h2{margin:0;font-size:20px;line-height:1.25;color:#fff;font-weight:700}
.wmot-heading p{margin:4px 0 0;color:rgba(255,255,255,.8);font-size:12.5px;line-height:1.4}
.wmot-form,.wmot-result{padding:0 24px}
.wmot-modal .wmot-box{padding:0 0 26px!important;background:#fff!important}
.wmot-modal .wmot-form label{position:static!important;float:none!important;width:auto!important;height:auto!important;transform:none!important;text-align:left!important}

.wmot-form label{display:block;font-size:13px;font-weight:600;color:#1c2b23;margin:16px 0 7px}
.wmot-field{position:relative}
.wmot-field svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#7a8b82;pointer-events:none;z-index:2}
.wmot-modal .wmot-form .wmot-field input,.wmot-shortcode .wmot-form .wmot-field input{display:block;width:100%!important;height:48px!important;box-sizing:border-box!important;border:1px solid #d9e0dc!important;border-radius:10px!important;padding:0 14px 0 46px!important;margin:0!important;background:#fff!important;background-image:none!important;font-size:14.5px!important;line-height:48px!important;color:#1c2b23!important;box-shadow:none!important;text-indent:0!important;transition:border-color .2s,box-shadow .2s}
.wmot-form .wmot-field input::placeholder{color:#9aa8a1;opacity:1}
.wmot-modal .wmot-form .wmot-field input:focus,.wmot-shortcode .wmot-form .wmot-field input:focus{outline:none!important;border-color:#1f6b45!important;box-shadow:0 0 0 3px rgba(31,107,69,.15)!important}

.wmot-modal .wmot-form button[type=submit],.wmot-form button[type=submit],.wmot-track-link{text-transform:none!important;display:block!important;width:100%!important;box-sizing:border-box!important;height:auto!important;min-height:44px!important;margin:18px 0 0!important;border:0!important;border-radius:9px!important;padding:13px 16px!important;background:#1f6b45!important;color:#fff!important;text-align:center!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important;cursor:pointer;text-decoration:none!important;box-shadow:none!important;float:none!important}
.wmot-form button:hover,.wmot-track-link:hover{filter:brightness(1.1);color:#fff}
.wmot-form button:active{transform:scale(.99)}
.wmot-form button:disabled{opacity:.7;cursor:wait}
.wmot-message{margin-top:10px;font-size:13px;min-height:0}
.wmot-message:not(:empty){padding:10px 12px;border-radius:8px;background:#fdecec;color:#b42318}

/* Result */
.wmot-result{margin-top:18px}
.wmot-order-result{border-top:1px solid #e7ece9;padding-top:20px}
.wmot-success-title{font-size:19px;font-weight:800;color:#10231a}
.wmot-status{margin-top:6px;color:#55655d;font-size:14px}
.wmot-status strong{display:inline-block;margin-left:4px;padding:3px 10px;border-radius:999px;background:#e6f3ec;color:#1f6b45;font-size:12.5px}
.wmot-timeline{margin:22px 0 20px;position:relative}
.wmot-step{display:flex;align-items:center;gap:14px;min-height:40px;color:#9aa8a1;position:relative;font-size:14px}
.wmot-step:not(:last-child):after{content:"";position:absolute;left:11px;top:31px;height:18px;border-left:2px solid #e1e8e4}
.wmot-step.done:not(:last-child):after{border-left-color:var(--wmot-brand)}
.wmot-step.done{color:#10231a;font-weight:600}
.wmot-step.current{color:#10231a;font-weight:700}
.wmot-dot{width:24px;height:24px;border-radius:50%;background:#eef2f0;display:grid;place-items:center;z-index:1;flex:none}
.wmot-step.done .wmot-dot{background:var(--wmot-brand);color:#fff}
.wmot-step.current .wmot-dot{background:#fff;border:2px solid var(--wmot-brand);box-shadow:0 0 0 4px rgba(31,107,69,.14)}
.wmot-shipping-info{display:grid;gap:10px;background:#f5f8f6;border:1px solid #e7ece9;padding:15px;border-radius:12px;font-size:14px}
.wmot-shipping-info div{display:flex;justify-content:space-between;gap:15px}
.wmot-shipping-info span{color:#6a7b72}
.wmot-shipping-info strong{color:#10231a;text-align:right;word-break:break-word}
.wmot-order-summary{margin-top:16px;padding-top:16px;border-top:1px solid #e7ece9;display:flex;justify-content:space-between;font-size:14px}

/* Shortcode page */
.wmot-shortcode{max-width:520px;margin:30px auto}
.wmot-shortcode .wmot-box{border:1px solid #e7ece9;border-radius:18px;background:#fff;box-shadow:0 10px 34px rgba(0,0,0,.07);overflow:hidden}
.wmot-shortcode .wmot-heading{padding-right:26px;border-radius:0}

@media(max-width:600px){
  .wmot-overlay{padding:14px}
  .wmot-modal{width:min(460px,100%)!important;max-height:90vh}
  .wmot-track-badge{width:42px;height:42px}
  .wmot-heading{gap:10px;padding:20px 50px 18px 16px!important}
  .wmot-heading-icon{width:42px;height:42px}
  .wmot-heading p{font-size:12px}
  .wmot-floating,body button.wmot-floating{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important}
  .wmot-floating.right,body button.wmot-floating.right{right:18px!important;left:auto!important}
  .wmot-floating.left,body button.wmot-floating.left{left:18px!important;right:auto!important}
  .wmot-floating:after{display:none}
  .wmot-form,.wmot-result{padding:0 20px}
  .wmot-heading{padding:20px 52px 18px 20px}
  .wmot-heading h2{font-size:18px}
}