/*
 * Akot Program Details - Main Stylesheet
 *
 * This file contains custom styles for the plugin, including styles from
 * the original Formidable View and the new admin status badge.
 * Selectors are prefixed with `.detail` to increase specificity and
 * ensure they override theme styles without using !important.
 *
 * @package AkotProgramDetails
 * @version 1.1.2
 */

/* --- Original Styles from JUN24 Formidable View --- */

.detail .card {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.detail .card-header {
    font-size: 20px;
}

.detail .content .main .additional-info .tab-content .tab-pane {
    padding: 0;
}

.detail .content .main .additional-info .tab-content {
    border: 0;
    border-right: 0;
    border-bottom: 0;
}

.detail .content .main .additional-info .nav-tabs {
    border-bottom: 0;
}

/* --- Admin Status Badge Styles --- */

.admin-status-badge {
    display: inline-block;
    padding: 3px 8px;
    font-size: 14px; /* Matches breadcrumb font-size */
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    margin-left: 15px;
    text-transform: capitalize;
}

/* Color coding for each status */
.admin-status-badge.status-unclaimed {
    background-color: #dc3545; /* Red */
}

.admin-status-badge.status-claimed {
    background-color: #ffc107; /* Yellow */
    color: #212529; /* Dark text for better contrast on yellow */
}

.admin-status-badge.status-paid {
    background-color: #28a745; /* Green */
}


.view-as-paid-button:hover {
    background-color: #e67e22 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Add this class to provide visual feedback when viewing as paid */
.viewing-as-paid-notice {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #f39c12;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    z-index: 9999;
    font-family: sans-serif;
    font-size: 14px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.admin-status-badge.status-claimed.pending-payment {
    background-color: #ffc107 !important; /* Warning yellow */
    color: #212529 !important; /* Dark text for contrast */
    border: 1px solid #ffb900;
}

.admin-status-badge.status-claimed.pending-payment:before {
    content: "⏳ ";
    margin-right: 3px;
}