.tricore-order-tracker .card {
    border-radius: 4px;
}

.tricore-order-tracker h3 {
    margin-bottom: 1.25rem;
}

.tricore-shipment-table th,
.tricore-my-orders-table th {
    width: 30%;
}

.tricore-order-tracker .alert strong {
    display: inline-block;
}

/* Pagination buttons styling */
.tricore-orders-pagination .page-link {
    cursor: pointer;
}

.tricore-orders-pagination .page-item.disabled .page-link {
    cursor: not-allowed;
}

/* Row track button styling */
.js-tricore-track-row-btn {
    cursor: pointer;
}
/* Custom loader overlay - matches theme styling */
#tricore_loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1056;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease-out;
}

#tricore_loading.loading_show {
    opacity: 1;
    pointer-events: all;
}

#tricore_loading.tricore_loading_inner {
    height: 50px;
    width: 50px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: inline-block;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    border-radius: 5px;
}

#tricore_loading .spinner {
    height: 28px;
    width: 28px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -14px;
    margin-left: -14px;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.8);
    border-left-color: transparent !important;
    animation: Anm-Spin 0.65s infinite linear;
}

@keyframes Anm-Spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 18th aug */
#module-tricorecustomerordertracker-ordertracker h1.h1 { text-align: center; font-size: 35px; font-weight: 600; line-height: 1.488; margin-bottom: 10px; margin-top: 0px; font-family: var(--font-family-body) !important; }
#module-tricorecustomerordertracker-ordertracker div#content-wrapper { padding: 0px 0px; }
#module-tricorecustomerordertracker-ordertracker .card { padding: 30px 30px; border-radius: 5px; border: 1px solid #e0e0e0; background: #fff; position: relative; margin-bottom: 20px; }
#module-tricorecustomerordertracker-ordertracker .card .card-body h3 { font-size: 24px; font-weight: 700; line-height: 1.25; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--ax-line-color); }
#module-tricorecustomerordertracker-ordertracker .card .card-body label { padding: 0px 0px; opacity: 1; text-transform: uppercase; text-align: left; display: block; margin-bottom: 5px; }
#module-tricorecustomerordertracker-ordertracker .card .card-body .row { margin-right: unset; margin-left: unset; margin-bottom: 20px; }
#module-tricorecustomerordertracker-ordertracker .card .card-body .col-md-6 { padding: 0px 0px; }
#module-tricorecustomerordertracker-ordertracker .card .card-body input { background: #fff; font-size: 14px; font-weight: 400; padding: 9px 11px; height: 37px; border: 1px solid #bbbbbb; }
#module-tricorecustomerordertracker-ordertracker #wrapper,
#module-tricorecustomerordertracker-ordertracker #wrapper .page-title { background: #f5f5f4; }
#module-tricorecustomerordertracker-ordertracker .card .card-body .row:last-child { margin-bottom: 0px; }
#module-tricorecustomerordertracker-ordertracker .card .card-body .col-md-6 small { font-size: 12px; }
#module-tricorecustomerordertracker-ordertracker .card .card-body .row .col-md-9 { padding: 0px 0px; }
#module-tricorecustomerordertracker-ordertracker #tricoreMyOrdersContainer nav { position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); width: max-content; }
#module-tricorecustomerordertracker-ordertracker #tricoreMyOrdersContainer nav .page-item .page-link { margin: 0px 3px; border: 1px solid #8dbbae; border-radius: 5px; font-weight: 500; transition: .45s all; min-width: 34px; height: 34px; color: var(--color-a); vertical-align: middle; text-align: center; font-size: var(--font-size-body); line-height: 1; background: #f5f5f4; }
#module-tricorecustomerordertracker-ordertracker #tricoreMyOrdersContainer nav .page-item.active .page-link { color: var(--color-btn); background-color: var(--bg-color-btn); }
#module-tricorecustomerordertracker-ordertracker #tricoreMyOrdersContainer nav .page-item .page-link:hover { background: #8dbbae; color: #fff; }
#module-tricorecustomerordertracker-ordertracker .card p { font-size: 16px !important; color: #333 !important;margin-bottom: 5px; }
#module-tricorecustomerordertracker-ordertracker .card .alert.alert-info { margin: 0px;font-size: 14px; }
#module-tricorecustomerordertracker-ordertracker #wrapper { padding-bottom: 80px; margin-bottom: 40px; }
#module-tricorecustomerordertracker-ordertracker #tricoreTrackerResults .alert-danger li { font-size: 14px; }
#module-tricorecustomerordertracker-ordertracker #tricoreTrackerResults .alert-danger { padding: 10px 0px; position: relative; top: -10px; }
#module-tricorecustomerordertracker-ordertracker #tricoreTrackerResults .alert-danger ul { padding: 0px 30px; }
#module-tricorecustomerordertracker-ordertracker .table-responsive { border: 1px solid #e0e0e0; border-top: 0px; }
#module-tricorecustomerordertracker-ordertracker .table-responsive .table { margin-bottom: 0px; }
#module-tricorecustomerordertracker-ordertracker .table-responsive::-webkit-scrollbar { height: 4px; }
#module-tricorecustomerordertracker-ordertracker .table-responsive::-webkit-scrollbar-track { background: #f1f1f1; }
#module-tricorecustomerordertracker-ordertracker .table-responsive::-webkit-scrollbar-thumb { background: #888; }

@media (max-width: 1024px) {
    #module-tricorecustomerordertracker-ordertracker .card { padding: 20px 20px; }
    #module-tricorecustomerordertracker-ordertracker #tricoreTrackerResults .alert-danger ul { padding: 0px 20px; }
    #module-tricorecustomerordertracker-ordertracker h1.h1 { font-size: 30px;}
    #module-tricorecustomerordertracker-ordertracker .card .card-body h3 { font-size: 22px; }
}

@media (max-width: 767px) {
    #module-tricorecustomerordertracker-ordertracker .card .card-body h3 { font-size: 18px !important; margin-bottom: 15px; padding-bottom: 15px; }
    #module-tricorecustomerordertracker-ordertracker #tricoreMyOrdersContainer nav { width: 100%;bottom: -90px; }
    #module-tricorecustomerordertracker-ordertracker #tricoreMyOrdersContainer nav ul { display: flex ; flex-wrap: wrap; width: 100%; justify-content: center; gap: 8px 0px;padding-left: 0px; }
    #module-tricorecustomerordertracker-ordertracker .container > .row { margin-right: unset !important; margin-left: unset !important; }
    #module-tricorecustomerordertracker-ordertracker #tricoreTrackerResults .alert-danger li { font-size: 14px; }
}