/*
========================================
PLATFORM - LISTING MANAGEMENT
========================================
*/

.av-listing-management {

    display: flex;
    flex-wrap: wrap;

    align-items: center;

    gap: 10px;

    margin-top: 20px;
    padding-top: 18px;

    border-top: 1px solid #e5ebf3;
}


/*
========================================
STATUS BADGES
========================================
*/

.av-listing-status {

    display: inline-block;

    padding: 7px 14px;

    border-radius: 20px;

    font-size: 12px;
    font-weight: 700;

    white-space: nowrap;
}

.av-status-active {

    background: #e7f8ed;
    color: #16803d;
}

.av-status-sold_out,
.av-status-out_of_stock,
.av-status-unavailable {

    background: #fff2df;
    color: #b96b00;
}

.av-status-inactive {

    background: #edf0f5;
    color: #66758a;
}

.av-status-deleted {

    background: #ffe8e8;
    color: #c62828;
}


/*
========================================
STATUS DROPDOWN
========================================
*/

.av-listing-status-select {

    min-height: 42px;

    padding: 10px 13px;

    border: 1px solid #d8e2ef;
    border-radius: 9px;

    background: #ffffff;

    color: #24334a;

    font-size: 13px;

    cursor: pointer;

    max-width: 180px;
}


/*
========================================
UPDATE BUTTON
========================================
*/

.av-listing-update-btn {

    min-height: 42px;

    padding: 10px 18px;

    background: #0866d5;

    color: #ffffff;

    border: none;
    border-radius: 9px;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;

    transition: 0.2s;
}

.av-listing-update-btn:hover {

    background: #0752aa;
}


/*
========================================
DELETE BUTTON
========================================
*/

.av-listing-delete-btn {

    min-height: 42px;

    padding: 10px 18px;

    background: #fff0f0;

    color: #c62828;

    border: 1px solid #ffc9c9;
    border-radius: 9px;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;

    transition: 0.2s;
}

.av-listing-delete-btn:hover {

    background: #c62828;
    color: #ffffff;
}


/*
========================================
DISABLED BUTTONS
========================================
*/

.av-listing-management button:disabled {

    opacity: 0.6;
    cursor: not-allowed;
}


/*
========================================
MOBILE RESPONSIVE
========================================
*/

@media (max-width: 768px) {

    .av-listing-management {

        flex-direction: column;

        align-items: stretch;
    }

    .av-listing-status-select {

        width: 100%;
        max-width: 100%;
    }

    .av-listing-update-btn,
    .av-listing-delete-btn {

        width: 100%;
    }

    .av-listing-status {

        align-self: flex-start;
    }
}