.elementor-108 .elementor-element.elementor-element-788a57e{--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;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-108 .elementor-element.elementor-element-6034078{text-align:center;}.elementor-108 .elementor-element.elementor-element-bde12e6{--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;--padding-top:0px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-108 .elementor-element.elementor-element-bde12e6.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-108 .elementor-element.elementor-element-8285431{width:100%;max-width:100%;}.elementor-108 .elementor-element.elementor-element-8285431.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-108 .elementor-element.elementor-element-bde12e6{--width:77.59%;}}/* Start custom CSS for shortcode, class: .elementor-element-8285431 *//* CLARUS ARCHITECTURAL TRACKING FORM */

/* 1. Remove default borders and set sharp 0px corners */
.woocommerce-form-track-order input.input-text {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    padding: 15px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    background-color: #ffffff !important;
}

/* 2. Style the Labels (Order ID, Billing Email) */
.woocommerce-form-track-order label {
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px !important;
    margin-bottom: 10px !important;
    display: block;
}

/* 3. The "Track" Button - Solid Black & Sharp */
.woocommerce-form-track-order button.button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    padding: 18px 35px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none !important;
    transition: all 0.3s ease;
    width: 100%; /* Makes it high-end and bold */
    margin-top: 20px !important;
}

/* 4. Button Hover Effect - Subtle Luxury */
.woocommerce-form-track-order button.button:hover {
    background-color: #333333 !important;
    letter-spacing: 3px; /* Subtle expansion on hover */
}

/* 5. Center the form text and clean up spacing */
.woocommerce-form-track-order p {
    margin-bottom: 25px !important;
    font-family: 'Montserrat', sans-serif;
    color: #666;
    line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bde12e6 *//* CLARUS ARCHITECTURAL TRACKING FORM */

/* 1. Remove default borders and set sharp 0px corners */
.woocommerce-form-track-order input.input-text {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    padding: 15px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    background-color: #ffffff !important;
}

/* 2. Style the Labels (Order ID, Billing Email) */
.woocommerce-form-track-order label {
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px !important;
    margin-bottom: 10px !important;
    display: block;
}

/* 3. The "Track" Button - Solid Black & Sharp */
.woocommerce-form-track-order button.button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    padding: 18px 35px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none !important;
    transition: all 0.3s ease;
    width: 100%; /* Makes it high-end and bold */
    margin-top: 20px !important;
}

/* 4. Button Hover Effect - Subtle Luxury */
.woocommerce-form-track-order button.button:hover {
    background-color: #333333 !important;
    letter-spacing: 3px; /* Subtle expansion on hover */
}

/* 5. Center the form text and clean up spacing */
.woocommerce-form-track-order p {
    margin-bottom: 25px !important;
    font-family: 'Montserrat', sans-serif;
    color: #666;
    line-height: 1.6;
}/* End custom CSS */