/* Main Tracking Container */

.wcrt-tracking-container {

    max-width: 1000px;
    margin: 40px auto;
    padding: 25px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);

    font-family: Arial, sans-serif;

}



/* Heading */

.wcrt-tracking-container h2 {

    text-align:center;
    font-size:32px;
    margin-bottom:30px;
    color:#222;

}




/* Search Form */

.wcrt-search-form {

    display:flex;
    gap:15px;
    margin-bottom:30px;

}



.wcrt-search-form input {

    flex:1;
    padding:14px;
    border:1px solid #ddd;
    border-radius:6px;
    font-size:16px;

}



.wcrt-search-form button {


    padding:14px 25px;
    background:#0066ff;
    color:white;
    border:none;
    border-radius:6px;
    cursor:pointer;
    font-size:16px;

}



.wcrt-search-form button:hover {

    background:#004dcc;

}





/* Shipment Information Card */

.wcrt-result {


    background:#f8f9fa;
    padding:25px;
    border-radius:10px;
    margin-bottom:30px;


}



.wcrt-result h3 {

    color:#0066ff;
    margin-top:0;

}



.wcrt-result p {

    margin:10px 0;
    font-size:16px;

}




/* Progress Card */


.wcrt-status-card {


    background:white;
    border:1px solid #ddd;
    padding:25px;
    border-radius:10px;
    margin-bottom:30px;


}



.wcrt-status-card h3 {

    margin-top:0;

}




/* Progress Bar */


.wcrt-progress-bar {


    width:100%;
    height:20px;
    background:#eee;
    border-radius:20px;
    overflow:hidden;


}



.wcrt-progress-fill {


    height:100%;
    background:#28a745;
    transition:width .5s ease;


}





/* Timeline */


.wcrt-timeline {


    position:relative;
    margin:40px 0;

}



.wcrt-timeline h3 {

    margin-bottom:30px;

}




.wcrt-timeline-item {


    display:flex;
    align-items:flex-start;
    gap:20px;
    margin-bottom:25px;
    position:relative;


}




/* Timeline Dot */


.wcrt-dot {


    width:18px;
    height:18px;
    border-radius:50%;
    margin-top:5px;
    flex-shrink:0;


}



/*
Status Colors
*/

.wcrt-dot.green {

    background:#28a745;

}


.wcrt-dot.yellow {

    background:#ffc107;

}


.wcrt-dot.red {

    background:#dc3545;

}


.wcrt-dot.blue {

    background:#007bff;

}




.wcrt-timeline-content {


    background:#f8f9fa;
    padding:15px 20px;
    border-radius:8px;
    flex:1;


}



.wcrt-timeline-content h4 {

    margin:0 0 5px 0;

}





/* Map */

#wcrt-customer-map {


    border-radius:12px;
    overflow:hidden;
    border:1px solid #ddd;


}





/* Mobile Responsive */


@media(max-width:700px){



.wcrt-search-form {

    flex-direction:column;

}



.wcrt-search-form button {

    width:100%;

}



.wcrt-tracking-container {

    padding:15px;

}


}