/* Zinaria — Upload obligatoire + aperçu (v1.0.0) */

/* Zone de dépôt recto : cadre bleu Zinaria */
.products-uploads-dragandrophandler-container {
    border: 2px dashed #0D4FA1 !important;
    background: #eef4fc;
    border-radius: 10px;
    padding: 18px 14px;
    margin: 1em 0;
}
.products-uploads-dragandrophandler {
    border: none !important;
    background: transparent;
}
.products-uploads-text-drop,
.products-uploads-text-or,
.products-uploads-text-browser {
    color: #0D4FA1;
}
.products-uploads-text-browser a {
    color: #0D4FA1;
    font-weight: 700;
    text-decoration: underline;
}

/* Champ verso : même cadre bleu */
.zinaria-verso-upload {
    border: 2px dashed #0D4FA1;
    background: #eef4fc;
    border-radius: 10px;
    padding: 14px 16px;
    margin: 1em 0;
}
.zinaria-verso-upload label {
    color: #0D4FA1;
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
}
.zinaria-verso-upload input[type="file"]::file-selector-button,
.zinaria-verso-upload input[type="file"]::-webkit-file-upload-button {
    background: #0D4FA1;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
}

/* Mention « obligatoire » et astérisque */
.zinaria-upload-obligatoire {
    color: #c0392b;
    font-weight: 700;
}
.zinaria-upload-indice {
    display: block;
    color: #33507e;
    font-size: 0.9em;
    margin-top: 6px;
}

/* Aperçu du fichier choisi */
.zinaria-apercu {
    margin-top: 12px;
}
.zinaria-apercu img {
    max-width: 180px;
    max-height: 180px;
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #fff;
    display: block;
}
.zinaria-apercu-fichier {
    display: flex;
    gap: 10px;
    align-items: center;
    background: #fff;
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    padding: 10px 12px;
    max-width: 420px;
}
.zinaria-apercu-ext {
    background: #0D4FA1;
    color: #fff;
    font-weight: 700;
    font-size: 0.85em;
    padding: 6px 10px;
    border-radius: 6px;
    text-transform: uppercase;
    flex-shrink: 0;
}
.zinaria-apercu-nom {
    font-weight: 600;
    word-break: break-all;
}
.zinaria-apercu-taille {
    color: #33507e;
    font-size: 0.9em;
}

/* Message d'erreur avant validation */
.zinaria-upload-erreur {
    background: #fdecea;
    border: 1px solid #e0a49f;
    color: #8f1d16;
    border-radius: 8px;
    padding: 10px 14px;
    margin: 10px 0;
    font-weight: 600;
}

/* Zone en erreur (après un blocage) */
.zinaria-upload-manquant {
    border-color: #c0392b !important;
    background: #fdf0ef;
}