/* ==========================================================================
   Styles pour le Dashboard Partenaire (PVL)
   Version 2.1 - Refonte visuelle des onglets
   ========================================================================== */

.pvl-dashboard { 
    max-width: 1100px;
    margin: 2rem auto; 
    padding: 0 1rem;
}

.pvl-dashboard h2 { 
    font-family: var(--pvl-font-serif);
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 2.5rem; 
    color: var(--pvl-text-color-dark);
}

/* --- Nouvelle section pour les onglets --- */
.pvl-dashboard-tabs {
    display: flex;
    gap: 8px; /* Espacement entre les onglets */
    border-bottom: 1px solid var(--pvl-border-color);
    margin-bottom: 2.5rem;
}

.pvl-dashboard-tabs__item {
    padding: 14px 24px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--pvl-text-color-light);
    text-decoration: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    position: relative;
    top: 1px;
    transition: all 0.2s ease-in-out;
    border-top: 4px solid transparent; /* Bordure supérieure de base */
}

.pvl-dashboard-tabs__item:hover:not(.is-active) {
    background-color: var(--pvl-background-light);
    color: var(--pvl-text-color-dark);
}

.pvl-dashboard-tabs__item.is-active {
    background-color: #fff;
    border-color: var(--pvl-border-color);
    border-bottom: 1px solid #fff;
    color: var(--pvl-text-color-dark);
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.04);
}

/* Couleurs dynamiques pour la bordure supérieure de l'onglet actif */
.pvl-dashboard-tabs__item[data-color="blue"].is-active {
    border-top-color: #3b82f6; /* Bleu */
    color: #1d4ed8;
}
.pvl-dashboard-tabs__item[data-color="purple"].is-active {
    border-top-color: #8b5cf6; /* Violet */
    color: #5b21b6;
}
.pvl-dashboard-tabs__item[data-color="green"].is-active {
    border-top-color: #22c55e; /* Vert */
    color: #14532d;
}
.pvl-dashboard-tabs__item[data-color="orange"].is-active {
    border-top-color: #f97316; /* Orange */
    color: #9a3412;
}
/* --- Fin de la nouvelle section --- */


/* Styles pour les tables de données */
.pvl-dashboard-table { 
    width: 100%; 
    border-collapse: collapse; 
    background-color: #fff;
    border: 1px solid var(--pvl-border-color);
    border-radius: var(--pvl-border-radius);
    box-shadow: var(--pvl-shadow-md);
    overflow: hidden;
}

.pvl-dashboard-table th, .pvl-dashboard-table td { 
    padding: 15px 20px; 
    text-align: left; 
    border-bottom: 1px solid var(--pvl-border-color); 
}

.pvl-dashboard-table thead th { 
    background-color: var(--pvl-background-light); 
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    color: var(--pvl-text-color-light);
}

.pvl-dashboard-table tbody tr:last-child td {
    border-bottom: none;
}

.pvl-dashboard-table tbody tr:hover {
    background-color: #fcfdff;
}

.pvl-dashboard-table a { 
    margin-right: 10px; 
    text-decoration: none; 
    color: var(--pvl-primary-color); 
    font-weight: 600; 
}

.pvl-dashboard-table a:hover { 
    text-decoration: underline; 
}

.pvl-dashboard-table a.pvl-delete-annonce-btn, .pvl-dashboard-table a.pvl-delete-galerie-btn { 
    color: #c53030; 
}

/* Statuts de commande */
.pvl-status-publish, .pvl-status-pending, .pvl-status-draft, .pvl-status-pvl-pending, .pvl-status-pvl-ready, .pvl-status-pvl-confirmed, .pvl-status-pvl-completed, .pvl-status-pvl-cancelled, .pvl-status-pvl-archived { 
    padding: 4px 10px; 
    border-radius: 99px;
    color: #fff; 
    font-size: 0.8rem; 
    font-weight: bold; 
    text-transform: uppercase; 
    white-space: nowrap;
}
.pvl-status-publish, .pvl-status-pvl-confirmed, .pvl-status-pvl-completed { background-color: var(--pvl-success-color); }
.pvl-status-pending, .pvl-status-pvl-pending, .pvl-status-pvl-ready { background-color: var(--pvl-pending-color); color: #333; }
.pvl-status-draft, .pvl-status-pvl-cancelled, .pvl-status-pvl-archived { background-color: var(--pvl-draft-color); }

/* Détails de commande et alternatives */
.pvl-order-details-row td { background-color: #fdfdfd; }
.pvl-alternatives-row { background-color: #f8f9fa; }
.pvl-alternatives-container { padding: 15px; }
.pvl-alternatives-container h4 { margin-top: 0; font-size: 1.1em; }
.pvl-inner-table .pvl-product-thumbnail img { width: 50px; height: 50px; object-fit: cover; border-radius: 4px; }
.pvl-customer-details-list { list-style: none; padding-left: 0; margin-bottom: 2rem; }
.pvl-customer-details-list li { margin-bottom: 0.5rem; }