/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

table.wdm-table {
    border-collapse: collapse;
}

/* Cell border of table */
table.wdm-table.cell-border th,
table.wdm-table.cell-border td {
    border: 1px solid black;
}

table.wdm-table.cell-border th {
    background-color: #d5d4d4;
    color: #000000
}

table.wdm-table td.tf-req-status.approved {
    font-weight: 700;
    color: #016e37;
}

table.wdm-table td.tf-req-status.rejected {
    font-weight: 700;
    color: #c00;
}

table.wdm-table td.tf-req-status.pending {
    font-weight: 700;
    color: #FFCE00;
}

p.order-again {
    display: inline-block;
}

/* License Upgrade */
.wdm-license-upgrade .button::after {
    content: "\f062" !important;
}

.wdm-notification {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
    padding: 1rem;
}

.wdm-notification .wdm-notification-message {
    margin-bottom: 0px;
    font-size: 1.1rem;
    color: #FFFFFF;
    font-weight: 700;
}

.wdm-notification.wdm-warning-notice {
    background-color: #aa810f;
}

.wdm-notification.wdm-success-notice {
    background-color: #0f834d;
}

.wdm-notification.wdm-error-notice {
    background-color: #ca1a09;
}

/* License Transfer */
.wdm-license-transfer .button::after {
    content: "\f362" !important;
}

/* Oauth Details */
.wdm-table .table-cell {
    display: flex;
    /* Flex container for button and message */
    align-items: center;
    /* Align button and message vertically */
    gap: 10px;
    /* Add space between button and message */
}

.wdm-copy-message {
    display: inline-block;
    color: green;
    /* Success color */
    font-weight: bold;
    white-space: nowrap;
    /* Prevent text from wrapping */
    visibility: hidden;
    /* Initially hidden */
    opacity: 0;
    /* Invisible initially */
    transition: opacity 0.3s ease-in-out;
    /* Smooth fade-in effect */
}

/* Platform Upgrade button */
.wdm-platform-upgrade .button::after {
    content: "\f093" !important;
}

/* Variation Upgrade button */
.wdm-variation-upgrade .button::after {
    content: "\f0a0" !important;
}