:root{
  --wx-bg: #0b1220;
  --wx-surface: #0f1b33;
  --wx-card: rgba(255,255,255,.06);
  --wx-card-border: rgba(255,255,255,.12);
  --wx-text: #e9eefb;
  --wx-text-muted: rgba(233,238,251,.78);
  --wx-primary: #4f8cff;
  --wx-primary-2: #3b7af8;
  --wx-success: #15c47e;
  --wx-radius: 14px;
  --wx-radius-sm: 10px;
  --wx-shadow: 0 18px 55px rgba(0,0,0,.28);
}

html{
  scroll-behavior: smooth;
}

body{
  background: radial-gradient(1100px 520px at 20% -10%, rgba(79,140,255,.28), transparent 60%),
              radial-gradient(1000px 560px at 90% 10%, rgba(21,196,126,.18), transparent 55%),
              linear-gradient(180deg, var(--wx-bg), #0a1326 55%, #071020);
  color: var(--wx-text);
}

/* Header logo brand text: high-contrast dark on light header */
html body .elementor-location-header .wx-brand-text{
  color: #0b1220;
  font-weight: 800;
  letter-spacing: .2px;
  text-shadow: none;display:none;
}

/* ========================================
   HIGH CONTRAST TEXT FOR DARK BACKGROUNDS
   ======================================== */

/* All headings should be bright white */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .elementor-heading-title,
html body .elementor-widget-heading .elementor-heading-title,
html body .pp-dual-heading,
html body .pp-dual-heading .pp-first-text,
html body .pp-dual-heading .pp-second-text,
html body .entry-title,
html body .entry-title a{
  color: #ffffff;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

/* Brand accent color for first text in dual headings */
html body .pp-dual-heading .pp-first-text{
  color: #5ce0a0;
}

/* Body text should be light and readable */
html body,
html body p,
html body .elementor-widget-text-editor,
html body .elementor-widget-text-editor p,
html body .elementor-text-editor,
html body .entry-content,
html body .entry-content p{
  color: rgba(255,255,255,.92);
}

/* Muted/secondary text */
html body .elementor-widget-text-editor .elementor-widget-container,
html body .entry-content .elementor-widget-container{
  color: rgba(255,255,255,.85);
}

/* Links should stand out */
html body a:not(.elementor-button):not(.menu-link):not(.uael-menu-item){
  color: #7eb8ff;
}
html body a:not(.elementor-button):not(.menu-link):not(.uael-menu-item):hover{
  color: #a8d4ff;
}

/* Info box titles */
html body .pp-info-box-title,
html body .pp-info-box-content{
  color: #ffffff;
}

/* Footer text */
html body .elementor-location-footer,
html body .elementor-location-footer p,
html body .elementor-location-footer .elementor-widget-text-editor{
  color: rgba(255,255,255,.85);
}
html body .elementor-location-footer h5.elementor-heading-title{
  color: #ffffff;
}
html body .elementor-location-footer .uael-menu-item,
html body .elementor-location-footer a{
  color: rgba(255,255,255,.78);
}
html body .elementor-location-footer .uael-menu-item:hover,
html body .elementor-location-footer a:hover{
  color: #ffffff;
}

/* Icon list text (header/footer contact info) */
html body .pp-icon-list-text,
html body .elementor-icon-list-text{
  color: rgba(255,255,255,.9);
}

/* Form labels and inputs */
html body label,
html body .gfield_label{
  color: rgba(255,255,255,.9);
}

/* ========================================
   TRACK PAGE STYLES (Enhanced)
   ======================================== */

/* Track page header section */
html body .elementor-widget-container h1[style*="TRACK YOUR NUMBER"],
html body .elementor-widget-heading .elementor-heading-title{
  background: linear-gradient(135deg, #ffffff 0%, #5ce0a0 50%, #4f8cff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: wx-gradientShift 4s ease-in-out infinite;
  background-size: 200% 200%;
}

@keyframes wx-gradientShift{
  0%, 100%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
}

/* Track form container styling */
html body .gform_wrapper,
html body form[action*="track"]{
  background: linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(79,140,255,.04) 100%);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--wx-radius);
  padding: 24px;
  box-shadow: 0 16px 48px rgba(0,0,0,.2);
  backdrop-filter: blur(8px);
}

/* Track input field */
html body .gform_wrapper input[type="text"],
html body .gform_wrapper input[type="search"],
html body input[name="order_track"]{
  min-height: 52px;
  font-size: 16px;
  border-radius: var(--wx-radius);
  background: rgba(255,255,255,.95);
  color: #0b1220;
  border: 2px solid transparent;
  padding: 12px 18px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
html body .gform_wrapper input[type="text"]:focus,
html body .gform_wrapper input[type="search"]:focus,
html body input[name="order_track"]:focus{
  border-color: #4f8cff;
  box-shadow: 0 0 0 4px rgba(79,140,255,.2);
  outline: none;
}

/* Track submit button */
html body .gform_wrapper input[type="submit"],
html body form[action*="track"] input[type="submit"]{
  background: linear-gradient(135deg, #5ce0a0 0%, #4f8cff 100%);
  border: none;
  color: #0b1220;
  font-weight: 700;
  padding: 14px 32px;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .5px;
  box-shadow: 0 8px 24px rgba(92,224,160,.3);
  cursor: pointer;
}
html body .gform_wrapper input[type="submit"]:hover,
html body form[action*="track"] input[type="submit"]:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(92,224,160,.4);
}

/* ========================================
   TRACK SEARCH ROW (Desktop + Mobile)
   ======================================== */

html body .wx-track-searchRow{
  position: relative;
}
html body .wx-track-searchRow input[name="order_track"]{
  padding-right: 148px; /* room for inline button */
}
html body .wx-track-submit{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 999px;
  padding: 12px 22px;
  background: linear-gradient(135deg, #5ce0a0 0%, #4f8cff 100%);
  border: none;
  color: #0b1220;
  font-weight: 800;
  letter-spacing: .4px;
  box-shadow: 0 10px 28px rgba(92,224,160,.28);
  cursor: pointer;
  line-height: 1;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html body .wx-track-submit:hover{
  transform: translateY(-50%) translateY(-1px);
  box-shadow: 0 14px 34px rgba(92,224,160,.36);
}

/* Desktop/mobile visibility for duplicated search module */
@media (min-width: 768px){
  html body .wx-track-mobile-search{ display: none; }
  html body .wx-track-desktop-search{ display: block; }
}
@media (max-width: 767px){
  html body .wx-track-desktop-search{ display: none; }
  html body .wx-track-mobile-search{ display: block; margin: 14px 0 18px; }

  /* Hide the entire right column on track page to prevent empty space */
  html body .elementor-28 .elementor-element.elementor-element-e8c59f9{
    display: none;
  }
  html body .elementor-28 .elementor-element.elementor-element-5db0b89{
    width: 100%;
  }

  /* Mobile: ensure search module + cards are fully responsive (no overflow) */
  html body .wx-track-mobile-search,
  html body .wx-track-mobile-search .pp-contact-form,
  html body .wx-track-mobile-search .gform_wrapper{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  html body .wx-track-mobile-search .gform_wrapper{
    padding: 18px;
  }
  html body .wx-track-mobile-search .delivery-ship-sidebar,
  html body .wx-track-mobile-search .delivery-ship-sidebar .delivery-ship-item{
    width: 100%;
    box-sizing: border-box;
  }
  html body .wx-track-mobile-search .delivery-ship-sidebar .delivery-ship-item{
    overflow: hidden;
  }

  /* Mobile: icon-only submit on the right (no background) */
  html body .wx-track-searchRow input[name="order_track"]{
    padding-right: 56px;
  }
  html body .wx-track-submit{
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    color: rgba(11,18,32,.85);
  }
  html body .wx-track-submit:hover{
    transform: translateY(-50%);
    box-shadow: none;
    color: rgba(11,18,32,1);
  }
  html body .wx-track-submit .wx-track-submit-label{
    display: none;
  }
  html body .wx-track-submit::before{
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    /* magnifier icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230b1220' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E");
    opacity: .85;
  }
}

/* ========================================
   MOBILE HEADER: Contact as mail icon (no background, left side)
   ======================================== */
@media (max-width: 767px){
  /* Hide desktop Contact button on mobile to prevent wrapping */
  html body .elementor-location-header .elementor-element.elementor-element-66df524{
    display: none;
  }

  /* Mobile header row: left mail icon + right burger */
  html body .elementor-location-header .elementor-element.elementor-element-23f0ab9 .elementor-widget-wrap{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }
  html body .elementor-location-header a.wx-mobile-mail{
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 999px;
    box-shadow: none;
    text-decoration: none;
  }
  html body .elementor-location-header a.wx-mobile-mail::before{
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E");
    opacity: .9;
  }
  html body .elementor-location-header a.wx-mobile-mail:hover::before{
    opacity: 1;
  }
  html body .elementor-location-header .elementor-element.elementor-element-87d8b4f{
    margin-left: auto;
  }

  /* Dropdown menu: scrollable on mobile so it doesn't get cut off */
  html body .elementor-location-header .elementor-nav-menu--dropdown{
    position: relative;
    z-index: 100000;
    max-height: calc(100vh - 70px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Ensure mobile nav dropdown is always above page content */
@media (max-width: 767px){
  html body .elementor-location-header{
    position: relative;
    z-index: 99999;
  }
  html body .elementor-location-header .elementor-nav-menu--dropdown{
    z-index: 100000;
  }
}

/* ========================================
   FOOTER COPYRIGHT + PRIVACY POLICY CONTRAST
   ======================================== */
html body .elementor-location-footer .elementor-element.elementor-element-3f826b79 .elementor-widget-container{
  display: block;
  visibility: visible;
  opacity: 1;
  color: rgba(255,255,255,.9);
}
html body .elementor-location-footer .elementor-element.elementor-element-3f826b79 a{
  color: #cfe4ff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
html body .elementor-location-footer .elementor-element.elementor-element-3f826b79 a:hover{
  color: #ffffff;
}

/* Fallback footer legal row */
html body .wx-footer-legal{
  padding: 14px 18px;
  text-align: center;
  color: rgba(255,255,255,.92);
  border-top: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
}
html body .wx-footer-legal .wx-footer-line{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  font-size: clamp(11px, 3.2vw, 14px);
  line-height: 1.25;
}
html body .wx-footer-legal .wx-footer-line a{
  white-space: nowrap;
}
html body .wx-footer-legal .wx-footer-powered{
  margin-top: 8px;
  color: rgba(255,255,255,.75);
  font-size: 14px;
}
html body .wx-footer-legal a{
  color: #cfe4ff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
html body .wx-footer-legal a:hover{
  color: #ffffff;
}

/* Track page (desktop): fix right column "white card" so search + info cards keep dark theme */
@media (min-width: 768px){
  html body .elementor-28 .elementor-element.elementor-element-e8c59f9 > .elementor-widget-wrap.elementor-element-populated{
    background: linear-gradient(135deg, rgba(15,27,51,.62) 0%, rgba(11,18,32,.45) 100%);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: var(--wx-radius);
    padding: 26px;
    box-shadow: 0 22px 60px rgba(0,0,0,.28);
    backdrop-filter: blur(10px);
  }
  html body .elementor-28 .elementor-element.elementor-element-75fd3ee .pp-contact-form{
    background: transparent;
  }
  html body .elementor-28 .elementor-element.elementor-element-75fd3ee .gform_wrapper{
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
  }
}

/* Results section title */
html body .our-history-content .pp-dual-heading,
html body .our-history-content h2{
  margin-bottom: 20px;
}

/* ========================================
   TRACK PAGE RESULT STYLES (Enhanced)
   ======================================== */

/* Sidebar delivery info cards (below search form) */
html body .delivery-ship-sidebar{
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: wx-fadeInUp .5s ease-out;
}
html body .delivery-ship-sidebar .delivery-ship-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  background: linear-gradient(135deg, rgba(92,224,160,.1) 0%, rgba(79,140,255,.08) 100%);
  border: 1px solid rgba(92,224,160,.2);
  border-radius: var(--wx-radius-sm);
  font-size: 14px;
  transition: transform .2s ease, border-color .2s ease;
}
html body .delivery-ship-sidebar .delivery-ship-item:hover{
  transform: translateX(4px);
  border-color: rgba(92,224,160,.4);
}
html body .delivery-ship-sidebar .delivery-ship-item b{
  color: rgba(255,255,255,.7);
  font-weight: 500;
  font-size: 13px;
}
html body .delivery-ship-sidebar .delivery-ship-item span{
  color: #ffffff;
  font-weight: 600;
  text-align: right;
}
html body .delivery-ship-sidebar .delivery-ship-item .status-badge{
  background: linear-gradient(135deg, #5ce0a0 0%, #4f8cff 100%);
  color: #0b1220;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
}

/* Staggered animation for sidebar items */
html body .delivery-ship-sidebar .delivery-ship-item:nth-child(1){ animation: wx-fadeInUp .4s ease-out .1s backwards; }
html body .delivery-ship-sidebar .delivery-ship-item:nth-child(2){ animation: wx-fadeInUp .4s ease-out .15s backwards; }
html body .delivery-ship-sidebar .delivery-ship-item:nth-child(3){ animation: wx-fadeInUp .4s ease-out .2s backwards; }
html body .delivery-ship-sidebar .delivery-ship-item:nth-child(4){ animation: wx-fadeInUp .4s ease-out .25s backwards; }
html body .delivery-ship-sidebar .delivery-ship-item:nth-child(5){ animation: wx-fadeInUp .4s ease-out .3s backwards; }
html body .delivery-ship-sidebar .delivery-ship-item:nth-child(6){ animation: wx-fadeInUp .4s ease-out .35s backwards; }
html body .delivery-ship-sidebar .delivery-ship-item:nth-child(7){ animation: wx-fadeInUp .4s ease-out .4s backwards; }

/* Override inline styles with higher specificity */
html body .our-history-container,
body .our-history-container{
  max-width: 100%;
  width: 100%;
  margin: 32px auto 48px;
  display: block;
  padding: 0;
  box-sizing: border-box;
}

/* Timeline container */
html body .our-history-line,
body .our-history-line{
  flex: 1;
  min-width: 300px;
  border-left: 3px solid;
  border-image: linear-gradient(180deg, #5ce0a0 0%, #4f8cff 50%, #a855f7 100%) 1;
  padding-left: 24px;
  position: relative;
  margin-left: 8px;
}
html body .our-history-line:before,
body .our-history-line:before{
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: linear-gradient(135deg, #5ce0a0, #4f8cff);
  border-radius: 50%;
  top: -7px;
  left: -8.5px;
  box-shadow: 0 0 16px rgba(92,224,160,.6);
  animation: wx-pulse 2s ease-in-out infinite;
}
html body .our-history-line:after,
body .our-history-line:after{
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #a855f7;
  border-radius: 50%;
  bottom: -5px;
  left: -6.5px;
  box-shadow: 0 0 12px rgba(168,85,247,.5);
}

/* Timeline items - force override inline styles */
html body .accordion.accordion-grey,
body .accordion.accordion-grey{
  background: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(79,140,255,.04) 100%);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--wx-radius);
  padding: 18px 20px;
  margin-top: 18px;
  box-shadow: 0 12px 36px rgba(0,0,0,.2);
  position: relative;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  animation: wx-slideInLeft .5s ease-out backwards;
}
html body .accordion.accordion-grey:hover,
body .accordion.accordion-grey:hover{
  transform: translateX(4px);
  border-color: rgba(79,140,255,.35);
  box-shadow: 0 16px 42px rgba(0,0,0,.25), 0 0 20px rgba(79,140,255,.1);
}
html body .accordion.accordion-grey:first-of-type,
body .accordion.accordion-grey:first-of-type{
  margin-top: 0;
}
/* Staggered animation delay for timeline items */
html body .accordion.accordion-grey:nth-child(1){ animation-delay: .15s; }
html body .accordion.accordion-grey:nth-child(2){ animation-delay: .25s; }
html body .accordion.accordion-grey:nth-child(3){ animation-delay: .35s; }
html body .accordion.accordion-grey:nth-child(4){ animation-delay: .45s; }
html body .accordion.accordion-grey:nth-child(5){ animation-delay: .55s; }
html body .accordion.accordion-grey:nth-child(6){ animation-delay: .65s; }
html body .accordion.accordion-grey:nth-child(7){ animation-delay: .75s; }
html body .accordion.accordion-grey:nth-child(8){ animation-delay: .85s; }

html body .accordion.accordion-grey .h5,
body .accordion.accordion-grey .h5{
  color: rgba(255,255,255,.55);
  font-size: 13px;
  margin: 0 0 8px;
  font-weight: 500;
  letter-spacing: .5px;
  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
}
html body .accordion.accordion-grey h3,
body .accordion.accordion-grey h3{
  color: #ffffff;
  font-size: 16px;
  margin: 0 0 8px;
  font-weight: 700;
  line-height: 1.4;
  text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/* Status highlight colors */
html body .accordion.accordion-grey h3[class*="delivered"],
html body .accordion.accordion-grey h3:has(+ p:contains("delivered")){
  color: #5ce0a0;
}
html body .accordion.accordion-grey p,
body .accordion.accordion-grey p{
  color: rgba(255,255,255,.92);
  margin: 0;
  line-height: 1.6;
  font-size: 14px;
}

/* Timeline connector dots */
html body .accordion.accordion-grey:before,
body .accordion.accordion-grey:before{
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: linear-gradient(135deg, #4f8cff, #5ce0a0);
  border-radius: 50%;
  top: 50%;
  left: -32px;
  transform: translateY(-50%);
  border: 3px solid var(--wx-bg);
  box-shadow: 0 0 12px rgba(79,140,255,.5);
  transition: transform .3s ease, box-shadow .3s ease;
}
html body .accordion.accordion-grey:hover:before,
body .accordion.accordion-grey:hover:before{
  transform: translateY(-50%) scale(1.2);
  box-shadow: 0 0 20px rgba(92,224,160,.7);
}
html body .accordion.accordion-grey:after,
body .accordion.accordion-grey:after{
  content: "";
  position: absolute;
  width: 18px;
  height: 2px;
  background: linear-gradient(90deg, rgba(79,140,255,.6), rgba(92,224,160,.3));
  top: 50%;
  left: -21px;
  transform: translateY(-50%);
}
/* First item special highlight */
html body .accordion.accordion-grey:first-of-type:before{
  background: linear-gradient(135deg, #5ce0a0, #4f8cff);
  width: 18px;
  height: 18px;
  left: -34px;
  animation: wx-pulse 2s ease-in-out infinite;
}

/* Keyframes */
@keyframes wx-fadeInUp{
  from{
    opacity: 0;
    transform: translateY(20px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes wx-slideInLeft{
  from{
    opacity: 0;
    transform: translateX(-20px);
  }
  to{
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes wx-pulse{
  0%, 100%{
    box-shadow: 0 0 12px rgba(92,224,160,.5);
  }
  50%{
    box-shadow: 0 0 24px rgba(92,224,160,.8), 0 0 36px rgba(79,140,255,.4);
  }
}

/* Mobile responsive */
@media (max-width: 921px){
  html body .our-history-container,
  body .our-history-container{
    flex-direction: column;
    gap: 24px;
    padding: 0 12px;
    margin: 24px auto 36px;
  }
  html body .delivery-ship,
  body .delivery-ship{
    grid-template-columns: 1fr;
    gap: 12px;
  }
  html body .delivery-ship > div > div,
  body .delivery-ship > div > div{
    padding: 14px 16px;
    font-size: 14px;
  }
  html body .our-history-line,
  body .our-history-line{
    min-width: unset;
    width: 100%;
    padding-left: 20px;
    margin-left: 6px;
  }
  html body .accordion.accordion-grey,
  body .accordion.accordion-grey{
    padding: 14px 16px;
    margin-top: 14px;
  }
  html body .accordion.accordion-grey:before,
  body .accordion.accordion-grey:before{
    left: -28px;
    width: 12px;
    height: 12px;
  }
  html body .accordion.accordion-grey:first-of-type:before{
    width: 14px;
    height: 14px;
    left: -29px;
  }
  html body .accordion.accordion-grey:after,
  body .accordion.accordion-grey:after{
    left: -18px;
    width: 14px;
  }
}

/* Extra small screens */
@media (max-width: 480px){
  html body .our-history-container,
  body .our-history-container{
    padding: 0 8px;
  }
  html body .delivery-ship > div > div,
  body .delivery-ship > div > div{
    padding: 12px 14px;
  }
  html body .accordion.accordion-grey h3,
  body .accordion.accordion-grey h3{
    font-size: 14px;
  }
  html body .accordion.accordion-grey p,
  body .accordion.accordion-grey p{
    font-size: 13px;
  }
}

/* JS-triggered animation classes */
html body .accordion.accordion-grey{
  opacity: 0;
  transform: translateX(-20px);
}
html body .accordion.accordion-grey.wx-timeline-visible{
  opacity: 1;
  transform: translateX(0);
  transition: opacity .5s ease-out, transform .5s ease-out;
}

html body .delivery-ship > div > div{
  opacity: 0;
  transform: translateY(15px);
}
html body .delivery-ship > div > div.wx-card-visible{
  opacity: 1;
  transform: translateY(0);
  transition: opacity .4s ease-out, transform .4s ease-out;
}

/* Tracking ID highlight */
html body .wx-tracking-id-highlight{
  position: relative;
}
html body .wx-tracking-id-highlight:after{
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #5ce0a0, #4f8cff, transparent);
  animation: wx-shimmer 2s ease-in-out infinite;
}

@keyframes wx-shimmer{
  0%, 100%{ opacity: .5; }
  50%{ opacity: 1; }
}

/* Timeline line gradient animation */
html body .our-history-line{
  --wx-scroll-progress: 0;
}
html body .our-history-line:before{
  transform: scale(calc(0.8 + var(--wx-scroll-progress) * 0.4));
}

/* Status badge styling */
html body .accordion.accordion-grey h3{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
html body .accordion.accordion-grey h3:before{
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4f8cff;
  flex-shrink: 0;
}
/* Delivered status - green dot */
html body .accordion.accordion-grey:first-of-type h3:before{
  background: #5ce0a0;
  box-shadow: 0 0 8px rgba(92,224,160,.6);
  animation: wx-pulse 2s ease-in-out infinite;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  html body .delivery-ship > div > div,
  html body .accordion.accordion-grey,
  html body .our-history-line:before{
    animation: none;
    opacity: 1;
    transform: none;
  }
  html body .accordion.accordion-grey:hover,
  html body .delivery-ship > div > div:hover{
    transform: none;
  }
  html body .wx-tracking-id-highlight:after{
    animation: none;
    opacity: 1;
  }
  html body .accordion.accordion-grey:first-of-type h3:before{
    animation: none;
  }
}

/* Keep content readable on mobile: reduce excessive white margins */
.ast-container{
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
}
@media (min-width: 544px){
  .ast-container{ padding-left: 20px; padding-right: 20px; }
}
@media (min-width: 922px){
  .ast-container{ padding-left: 24px; padding-right: 24px; }
}

/* Visible brand text to avoid header/footer brand mismatch */
.wx-brand-text{
  display: inline-block;
  margin-left: 10px;
  font-weight: 700;
  letter-spacing: .3px;
  color: var(--wx-text);
  line-height: 1.1;
  vertical-align: middle;
}
.elementor-widget-theme-site-logo a,
.elementor-widget-image a{
  display: inline-flex;
  align-items: center;
}
@media (max-width: 921px){
  .wx-brand-text{ font-size: 14px; }
}

/* Unified buttons: rounded, touch-friendly, consistent hover */
html body .elementor-button.elementor-size-sm,
html body .elementor-button.elementor-size-xs,
html body .elementor-button.elementor-size-md,
html body .elementor-button.elementor-size-lg,
html body .elementor-button.elementor-size-xl,
html body .elementor-button,
html body button,
html body .ast-button,
html body input[type="submit"],
html body input[type="button"]{
  border-radius: var(--wx-radius);
  min-height: 44px;
  min-width: 44px;
  letter-spacing: .2px;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

body .elementor-button-wrapper .elementor-button{
  box-shadow: 0 10px 28px rgba(79,140,255,.26);
  background: linear-gradient(135deg, var(--wx-primary), var(--wx-primary-2));
  border-color: rgba(255,255,255,.14);
}
body .elementor-button-wrapper .elementor-button:hover,
body .elementor-button-wrapper .elementor-button:focus{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(79,140,255,.34);
}

/* Cards & sections: glassy look with subtle borders */
.elementor-section .elementor-container .elementor-column .elementor-widget-wrap{
  gap: 14px;
}

.elementor-widget-pp-info-box .pp-info-box-container,
.elementor-widget-container .pp-info-box-container{
  border-radius: var(--wx-radius);
  border: 1px solid var(--wx-card-border);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  box-shadow: var(--wx-shadow);
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}
.elementor-widget-pp-info-box .pp-info-box-container:hover{
  transform: translateY(-2px);
  border-color: rgba(79,140,255,.38);
}

/* Improve navbar clarity on dark background */
.elementor-nav-menu--main .elementor-item,
.elementor-nav-menu--dropdown .elementor-item{
  border-radius: var(--wx-radius-sm);
}
.elementor-nav-menu--main .elementor-item:hover{
  background: rgba(255,255,255,.06);
}

/* Reveal animation (JS adds .wx-reveal/.is-visible) */
.wx-reveal{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
  will-change: opacity, transform;
}
.wx-reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }
  .wx-reveal{ transition: none; }
  body .elementor-button,
  button,
  .ast-button{ transition: none; }
}