.elementor-335 .elementor-element.elementor-element-d33fa80{--display:flex;--min-height:216px;--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;--justify-content:center;--overlay-opacity:0.5;}.elementor-335 .elementor-element.elementor-element-d33fa80:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-d33fa80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://toptiercheckout.com/wp-content/uploads/2026/11/admin-ajax.png");background-position:center center;background-size:cover;}.elementor-335 .elementor-element.elementor-element-d33fa80::before, .elementor-335 .elementor-element.elementor-element-d33fa80 > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-d33fa80 > .e-con-inner > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-d33fa80 > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-d33fa80 > .e-con-inner > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-d33fa80 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-1c1477c );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-335 .elementor-element.elementor-element-05e306b .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-335 .elementor-element.elementor-element-64d0bf3{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-335 .elementor-element.elementor-element-d33fa80{--content-width:1440px;}.elementor-335 .elementor-element.elementor-element-64d0bf3{--content-width:1429px;}}/* Start custom CSS for shortcode, class: .elementor-element-b67bbf3 *//* ==========================================================================
   TRACK ORDER PAGE - VIP DARK & CYAN STYLING
   ========================================================================== */

/* Form Wrapper Box */
.woocommerce form.track_order {
    max-width: 1440px !important;
    margin: 40px auto !important;
    padding: 35px 30px !important;
    background: linear-gradient(180deg, #061c31 0%, #031221 100%) !important;
    border: 1px solid rgba(0, 229, 204, 0.25) !important;
    border-radius: 16px !important;
    
    color: #ffffff !important;
}

/* Instructions Paragraph */
.woocommerce form.track_order p:first-child {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #a0b3c6 !important;
    margin-bottom: 25px !important;
    text-align: center !important;
}

/* Labels */
.woocommerce form.track_order label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #00e5cc !important;
    margin-bottom: 8px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* Input Fields (Order ID & Email) */
.woocommerce form.track_order input.input-text {
    width: 100% !important;
    height: 50px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(0, 229, 204, 0.25) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 10px 16px !important;
    font-size: 15px !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

.woocommerce form.track_order input.input-text:focus {
    border-color: #00e5cc !important;
    background: rgba(255, 255, 255, 0.07) !important;
    box-shadow: 0 0 15px rgba(0, 229, 204, 0.3) !important;
}

/* "Track" Button */
.woocommerce form.track_order button.button {
    width: 100% !important;
    height: 52px !important;
    margin-top: 15px !important;
    background: linear-gradient(135deg, #00e5cc 0%, #0099b8 100%) !important;
    color: #031221 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 18px rgba(0, 229, 204, 0.4) !important;
    transition: all 0.3s ease !important;
}

.woocommerce form.track_order button.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 25px rgba(0, 229, 204, 0.6) !important;
    color: #000000 !important;
}

/* Tracking Result Area (Order Status & Details) */
.woocommerce .order-info,
.woocommerce .woocommerce-order-details {
    max-width: 650px !important;
    margin: 30px auto !important;
    background: #061c31 !important;
    border: 1px solid rgba(0, 229, 204, 0.25) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    color: #ffffff !important;
}/* End custom CSS */