.elementor-240 .elementor-element.elementor-element-61f6223{--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;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-61f6223 *//* الكونتينر كله */
.woocommerce-form-track-order {
    background-color: #f5f5f5;  /* خلفية فاتحة */
    padding: 30px;
    border-radius: 15px;
    max-width: 600px;
    margin: 50px auto;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    font-family: Arial, sans-serif;
}

/* الفقرة التوضيحية */
.woocommerce-form-track-order p:first-of-type {
    font-size: 16px;
    color: #333;
    margin-bottom: 25px;
}

/* حقول الإدخال */
.woocommerce-form-track-order .input-text {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 16px;
}

/* ترتيب الحقول جنب بعض على سطح المكتب */
@media (min-width: 600px) {
    .woocommerce-form-track-order .form-row-first,
    .woocommerce-form-track-order .form-row-last {
        width: 48%;
        display: inline-block;
    }
    .woocommerce-form-track-order .form-row-first {
        margin-right: 4%;
    }
}

/* زرار التتبع */
.woocommerce-form-track-order .button {
    background-color: #0073aa;
    color: #fff;
    padding: 12px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.woocommerce-form-track-order .button:hover {
    background-color: #005177;
}

/* المسافة بعد الزرار */
.woocommerce-form-track-order .clear {
    margin-bottom: 15px;
}

/* النتيجة تظهر بشكل أفضل */
.woocommerce-order-tracking .tracking-result {
    margin-top: 25px;
    font-size: 16px;
    color: #333;
}/* End custom CSS */