/* My Auctions Dashboard — Complete Professional Styling */

.wfxnote {
    font-size: 12px;
    color: #666;
}

/* ACTIVE AUCTIONS TABLE */
#afx-my-active-auctions table td,
#afx-my-active-auctions table th {
    text-align: center !important;
    vertical-align: middle;
    padding: 1px 5px 1px 5px !important;
}
/* Keep Auction title left-aligned */
#afx-my-active-auctions table td:first-child,
#afx-my-active-auctions table th:first-child {
    text-align: left !important;
}
/* OttoBid input styling */
#afx-my-active-auctions .ottobid-input {
    width: 120px;
    padding: 1px 2px 1px 2px !important;
    border: 2px solid #2271b1;
    border-radius: 4px;
    text-align: left;
    font-weight: bold;
    min-width: 120px !important;
}
/* Save button */
#afx-my-active-auctions .ottobid-save-btn {
    margin-top: 2px;
    display: inline;
    width: 120px !important;
    padding: 1px 1px 1px 1px !important;
    min-width: 120px !important;
}
/* Min bid note */
#afx-my-active-auctions small {
    font-size: 11px;
    color: #666;
}

/* CLOSED AUCTIONS TABLE */
#afx-my-closed-auctions table td,
#afx-my-closed-auctions table th {
    text-align: center !important;
    vertical-align: middle;
    padding: 1px 5px 1px 5px !important;
}
#afx-my-closed-auctions table td:first-child,
#afx-my-closed-auctions table th:first-child {
    text-align: left !important;
}

/* Sortable headers */
.sortable {
    cursor: pointer;
    position: relative;
    user-select: none;
}
.sortable:after {
    content: '↕';
    opacity: 0.3;
    margin-left: 5px;
    font-size: 12px;
}
.sortable.asc:after { content: '↑'; opacity: 1; }
.sortable.desc:after { content: '↓'; opacity: 1; }

/* Pagination */
.tablenav {
    margin: 25px 0;
    text-align: center;
}
.tablenav-pages {
    display: inline-block;
    background: #f1f1f1;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 14px;
}
.displaying-num {
    margin-right: 15px;
    color: #555;
    font-weight: 600;
}
.prev-page, .next-page {
    margin: 0 8px;
    padding: 6px 12px;
}

/* Responsive for Active & Closed (unchanged) */
@media (max-width: 782px) {
    #afx-my-active-auctions table,
    #afx-my-closed-auctions table {
        font-size: 13px;
    }
    .ottobid-input {
        width: 100px !important;
        min-width: 100px !important;
    }
}

/* MY BID HISTORY — FULL GRID ON ALL DEVICES (MATCHES ACTIVE & CLOSED) */
#afx-my-bid-history table td,
#afx-my-bid-history table th {
    text-align: center !important;
    vertical-align: middle;
    padding: 1px 5px 1px 5px !important;
}

/* Keep Product ID left-aligned */
#afx-my-bid-history table td:first-child,
#afx-my-bid-history table th:first-child {
    text-align: left !important;
}

/* Type column — color coding */
#afx-my-bid-history td:nth-child(4) {
    font-weight: bold;
}

/* Date column */
#afx-my-bid-history td:last-child {
    font-size: 14px;
    color: #555;
}

/* RESPONSIVE — SAME AS ACTIVE & CLOSED (HORIZONTAL SCROLL ON MOBILE) */
@media (max-width: 782px) {
    #afx-my-bid-history table {
        font-size: 13px;
        width: 100%;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    #afx-my-bid-history table thead,
    #afx-my-bid-history table tbody,
    #afx-my-bid-history table tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    #afx-my-bid-history table td,
    #afx-my-bid-history table th {
        display: table-cell;
        padding: 1px 5px 1px 5px !important;
    }
}

.wfxamt {
    font-weight: bold !important;
    font-size: 22px;
}

.stripefee {
    display: flex; /* Enables Flexbox */
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    text-align: center;
    margin: -3% 15% 2% 15% !important;
    font-size: 12px;
}


.form-1qtr {
    max-width: 25%;
    width: 20%;
}

.form-3qtr {
    max-width: 60%;
    width: 50%;
}

.form-0qtr {
    max-width: 15%;
    width: 10%;
}

.form-2cols {
    height: auto;
    width: 100%;
    gap: 20px;
    display: inline-flex;
    flex-wrap: wrap;
}

.wfxbtn {
    margin: 20px 0 0 0;
}

.wfxhr {
    height: 10px;
    border: 0;
    box-shadow: 0 10px 10px -10px #927135 inset;
}


@media (max-width: 782px) {

.form-2cols {
        height: auto;
        width: 100%;
        gap: 10px;
        display: inline-flex;
        flex-wrap: wrap;
    }

    .form-1qtr {
        max-width: 40%;
        width: 35%;
    }

    .form-3qtr {
        max-width: 40%;
        width: 35%;
    }

    .form-0qtr {
        max-width: 20%;
        width: 30%;
    }

    .wfxbtn {
        float: right;
        margin: 2px 0 0 0;
    }

    .stripefee {
        margin: 5px 5px 5px 5px !important;
        font-size: 10px;
        display: flex;
        flex-wrap: wrap;
    }
}