.elementor-9892 .elementor-element.elementor-element-1593b84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-fb1d7a1 *//* Modern design for WooCommerce order tracking form */
.woocommerce form.track_order {
  max-width: 600px;
  margin: 40px auto;
  padding: 24px;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff, #f9fafb);
  box-shadow: 0 6px 30px rgba(17, 24, 39, 0.08);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.woocommerce form.track_order p {
  margin-bottom: 16px;
  font-size: 15px;
  color: #374151;
}

.woocommerce form.track_order label {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  font-size: 14px;
  color: #111827;
}

.woocommerce form.track_order input.input-text {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  font-size: 15px;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.woocommerce form.track_order input.input-text:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
  outline: none;
}

.woocommerce form.track_order button {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 10px;
  background: #111827;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  margin-top: 12px;
  transition: background 0.2s, transform 0.1s;
}

.woocommerce form.track_order button:hover {
  background: #1f2937;
  transform: translateY(-1px);
}

.woocommerce form.track_order button:active {
  transform: translateY(0);
}

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message {
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 14px;
  margin-top: 20px;
}/* End custom CSS */