.elementor-1078 .elementor-element.elementor-element-553d461{--display:flex;}/* Start custom CSS for wc-elements, class: .elementor-element-e63e249 *//* ==========================================================================
   WooCommerce Order Tracking Form Custom Premium UI
   ========================================================================== */

/* ১. পুরো ফর্মের কন্টেইনার এবং রোগুলোকে ফুল-উইডথ ও ক্লিন করা */
.woocommerce-form-track-order {
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 10px !important;
}

.woocommerce-form-track-order .form-row {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
    clear: both !important;
}

/* ২. ইনপুট ফিল্ডগুলোর (Order ID & Email) হুবহু স্ক্রিনশটের মতো ডিজাইন */
.woocommerce-form-track-order .form-row input.input-text,
.woocommerce-form-track-order input#order_id,
.woocommerce-form-track-order input#order_email {
    width: 100% !important;
    height: 50px !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important; /* স্ক্রিনশটের সেই নিখুঁত থিন বর্ডার */
    border-radius: 6px !important; /* মডার্ন হালকা রাউন্ড কর্নার */
    padding: 10px 16px !important;
    font-size: 15px !important;
    color: #334155 !important;
    box-shadow: none !important;
    outline: none !important;
    display: block !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out !important;
}

/* ফিল্ডে ক্লিক (Focus) করলে বর্ডার সামান্য ডার্ক হবে */
.woocommerce-form-track-order .form-row input.input-text:focus,
.woocommerce-form-track-order input#order_id:focus,
.woocommerce-form-track-order input#order_email:focus {
    border-color: #94a3b8 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.1) !important;
}

/* প্লেসহোল্ডার টেক্সটের লাইট গ্রে কালার */
.woocommerce-form-track-order .form-row input.input-text::placeholder,
.woocommerce-form-track-order input#order_id::placeholder,
.woocommerce-form-track-order input#order_email::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* ৩. ফিল্ডের ওপরের লেবেল/টেক্সটগুলোর ডিজাইন */
.woocommerce-form-track-order .form-row label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #1e293b !important;
    text-align: left !important;
}

/* ৪. "TRACK" বাটনকে স্ক্রিনশটের মতো ফুল-উইডথ ও রয়্যাল পার্পল করা */
.woocommerce-form-track-order .form-row button.button,
.woocommerce-form-track-order .form-row button[type="submit"],
.woocommerce-form-track-order button.button.wp-element-button {
    width: 100% !important;
    background-color: #6d28d9 !important; /* স্ক্রিনশটের সেই পার্পল শেড */
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 16px !important;
    height: auto !important;
    border-radius: 6px !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    display: block !important;
    margin-top: 10px !important;
    transition: background 0.2s ease !important;
    -webkit-appearance: none !important;
}

/* বাটন হোভার (Hover) ইফেক্ট */
.woocommerce-form-track-order .form-row button.button:hover,
.woocommerce-form-track-order .form-row button[type="submit"]:hover {
    background-color: #5b21b6 !important; /* সামান্য ডার্ক পার্পল */
    color: #ffffff !important;
}

/* --- ৫. উপরের ডেসক্রিপশন টেক্সট সুন্দর করার কোড --- */
.woocommerce-form-track-order p:first-of-type,
.woocommerce-form-track-order .p {
    font-size: 14px !important;       /* ফন্ট সাইজ একটু ছোট ও স্ট্যান্ডার্ড করা */
    line-height: 1.6 !important;       /* লাইনের মাঝের গ্যাপ বাড়ানো */
    color: #64748b !important;         /* চোখে না লাগার মতো সুন্দর একটি সফট গ্রে কালার */
    text-align: center !important;     /* লেখাটি মাঝখানে (Center) নিয়ে আসা */
    max-width: 520px !important;       /* দুই পাশে পারফেক্ট ব্রেক দেওয়ার জন্য উইডথ লিমিট */
    margin: 0 auto 25px auto !important; /* লেখাটি সেন্টারে রেখে নিচে ২৫ পিক্সেল গ্যাপ তৈরি করা */
    font-weight: 400 !important;
}/* End custom CSS */