/**
 * MSO - Style formulaire produit vendeur ETS_Marketplace
 * Charte MySo 3.0 :
 *   Forest     #3d5a3d
 *   Sage       #7d9a78
 *   Terracotta #c67b5c
 *   Cream      #faf8f5
 *   Sand       #e8e2d9
 *
 * @version 1.0.7
 *
 * Les champs "Reference vendeur" et MPN heritent du layout natif ETS_MP
 * via clonage du wrapper. Ce CSS ne fait que :
 *   - Styliser la Reference grisee (motif hachures, lecture seule)
 *   - Styliser les "hints" (textes explicatifs italiques apres labels)
 *   - Reset les eventuels styles herites du clonage de la Reference grisee
 */

/* === Champ Reference grise (motif hachures) === */

.myso-reference-locked {
    background-color: #faf8f5 !important;
    background-image: linear-gradient(
        135deg,
        #faf8f5 25%,
        #f5f0e8 25%,
        #f5f0e8 50%,
        #faf8f5 50%,
        #faf8f5 75%,
        #f5f0e8 75%
    ) !important;
    background-size: 12px 12px !important;
    color: #7d9a78 !important;
    cursor: not-allowed !important;
    border-color: #e8e2d9 !important;
    font-style: italic !important;
}

.myso-reference-locked:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(61, 90, 61, 0.15) !important;
}

/* === Reset pour les inputs vendeur clones depuis la Reference grisee === */
/* On force le retrait des effets visuels de grisage sur les inputs editables */

.myso-vendor-ref-input,
.myso-mpn-input {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #3d5a3d !important;
    cursor: text !important;
    font-style: normal !important;
}

.myso-vendor-ref-input:focus,
.myso-mpn-input:focus {
    border-color: #7d9a78 !important;
    box-shadow: 0 0 0 2px rgba(125, 154, 120, 0.15) !important;
}

.myso-vendor-ref-input::placeholder,
.myso-mpn-input::placeholder {
    color: #b5b09e;
    font-style: italic;
    font-size: 13px;
}

/* === Hints (textes explicatifs italiques apres labels) === */

.myso-vendor-ref-hint,
.myso-mpn-hint {
    color: #7d9a78;
    font-size: 11px;
    font-weight: 400;
    font-style: italic;
    margin-left: 4px;
}