/**
 * myso_ets_ux_fixes.css v1.5.0
 *
 * Corrections UX MySo pour le module ETS Marketplace.
 * @date 2026-05-05
 */

/* === Cacher les colonnes/cellules marquees par le JS === */
.myso-hide-col {
    display: none !important;
}

/* === Mettre en valeur la colonne "Mes gains" === */
.myso-gains-column {
    color: #3d5a3d !important;
    font-weight: 700 !important;
    background-color: rgba(125, 154, 120, 0.08) !important;
}

/* ========================================================== */
/* === ANTI-FOUC : cache la sidebar des le chargement HTML === */
/* ========================================================== */
/* Le body.has-seller-page est ajoute par le JS imediatement */
/* (sans attendre DOMContentLoaded), ce qui evite le flash    */
body.has-seller-page .ets_mp_content_left.col-lg-3 {
    display: none !important;
}
body.has-seller-page .ets_mp_content_left.col-lg-9 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* === Menu deroulant onglets vendeur === */
.myso-tabs-select-wrapper {
    margin: 1rem 0 1.5rem;
    text-align: center;
}

.myso-tabs-label {
    font-family: 'Outfit', sans-serif;
    font-size: .85rem;
    color: #888;
    margin-bottom: .5rem;
    text-align: center;
}

.myso-tabs-select {
    width: 100%;
    max-width: 320px;
    padding: .75rem 2.5rem .75rem 1rem;
    border: 2px solid #3d5a3d;
    border-radius: 50px;
    background-color: #faf8f5;
    color: #3d5a3d;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: .95rem;
    cursor: pointer;
    margin: 0;
    box-shadow: 0 2px 8px rgba(61, 90, 61, 0.1);
    transition: all .2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%233d5a3d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 14px;
}
.myso-tabs-select:hover,
.myso-tabs-select:focus {
    background-color: #3d5a3d;
    color: #faf8f5;
    box-shadow: 0 4px 12px rgba(61, 90, 61, 0.25);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23faf8f5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    outline: none;
}

/* Mobile : on prend toute la largeur */
@media (max-width: 991px) {
    .myso-tabs-select {
        max-width: 100%;
    }
}