.elementor-20175 .elementor-element.elementor-element-6176795{--display:flex;}/* Start custom CSS *//* ========================================================
   অর্ডার ট্র্যাকিং পেজের প্রিমিয়াম ও প্রশান্তিদায়ক ডিজাইন 
   ======================================================== */

/* মূল ফর্মের কন্টেইনার ডিজাইন */
.woocommerce-form-track-order {
    max-width: 600px !important; /* ফর্মটি মাঝখানে সুন্দর সাইজে থাকবে */
    margin: 50px auto !important; /* উপর-নিচ থেকে জায়গা ছাড়বে */
    padding: 40px !important;
    background-color: #ffffff !important; /* একদম পরিষ্কার সাদা ব্যাকগ্রাউন্ড */
    border-radius: 16px !important; /* চারপাশটা নরম ও গোলাকার হবে */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important; /* হৃদয় শান্ত করা সফট শ্যাডো */
    border-top: 5px solid #E64A19 !important; /* লাল থেকে পরিবর্তন করে কমলা বর্ডার দেওয়া হলো */
}

/* নির্দেশনামূলক টেক্সট ডিজাইন */
.woocommerce-form-track-order p:first-child {
    text-align: center !important;
    font-size: 16px !important;
    color: #555555 !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
}

/* ফর্মের লেবেল (অর্ডার আইডি, ইমেইল) */
.woocommerce-form-track-order label {
    font-weight: 600 !important;
    color: #333333 !important;
    font-size: 15px !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* ইনপুট বক্সের (যেখানে কাস্টমার লিখবে) ডিজাইন */
.woocommerce-form-track-order input.input-text {
    width: 100% !important;
    padding: 16px 20px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    background-color: #fcfcfc !important;
    transition: all 0.3s ease !important;
}

/* ইনপুট বক্সে ক্লিক করলে বা ফোকাস করলে যা হবে */
.woocommerce-form-track-order input.input-text:focus {
    border-color: #E64A19 !important; /* কমলা কালার */
    box-shadow: 0 0 10px rgba(230, 74, 25, 0.1) !important; /* কমলার হালকা শ্যাডো */
    background-color: #ffffff !important;
    outline: none !important;
}

/* 'ট্র্যাক করুন' বাটনের প্রিমিয়াম ডিজাইন */
.woocommerce-form-track-order .button {
    width: 100% !important; /* বাটনটি পুরো জায়গা জুড়ে থাকবে */
    background: linear-gradient(135deg, #F05A28, #E64A19) !important; /* লাল থেকে পরিবর্তন করে সুন্দর কমলা গ্রেডিয়েন্ট দেওয়া হলো */
    color: #ffffff !important;
    padding: 18px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    border: none !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    margin-top: 20px !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
}

/* বাটনের উপর মাউস নিলে যা হবে (Hover effect) */
.woocommerce-form-track-order .button:hover {
    transform: translateY(-3px) !important; /* আলতো করে উপরে উঠবে */
    box-shadow: 0 8px 25px rgba(230, 74, 25, 0.3) !important; /* কমলা আভা ছড়াবে */
}

/* ==============================================
   মোবাইল ও ট্যাবলেটের জন্য রেস্পন্সিভ কোড
   ============================================== */
@media (max-width: 768px) {
    .woocommerce-form-track-order {
        margin: 30px 15px !important; /* মোবাইলে ডানে-বামে একটু জায়গা ছাড়বে */
        padding: 25px !important;
    }
    .woocommerce-form-track-order p:first-child {
        font-size: 14px !important; /* লেখা একটু ছোট হবে */
    }
    .woocommerce-form-track-order .button {
        font-size: 16px !important;
        padding: 15px !important;
    }
}/* End custom CSS */