/* Retirer les métadonnées d'une photo (outils/lib/pd/metadonnees-photo.php) */

/* Zone de dépôt */
.pdx-zone {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35em;
	padding: 2.2em 1.2em;
	border: 0.13em dashed var(--brume-2);
	border-radius: 0.9em;
	background: var(--grisé);
	text-align: center;
	cursor: pointer;
	transition: border-color .2s, background .2s;
}
.pdx-zone:hover, .pdx-zone.survol { border-color: var(--orange); background: var(--peche); }
.pdx-zone strong { font-family: var(--titre); font-size: 1.3em; }
.pdx-zone span { color: var(--gris); font-size: 0.95em; }
.pdx-zone .pdx-zone-icone { font-size: 2em; line-height: 1; color: var(--orange-texte); }
input[type="file"]:focus-visible + .pdx-zone { outline: 0.15em solid var(--orange); outline-offset: 0.2em; }
.pdx-meta-option { display: flex; gap: 0.6em; align-items: baseline; margin-top: 1em; font-size: 0.92em; cursor: pointer; }
.pdx-meta-option input { accent-color: var(--orange-texte); }

/* Résultats : une carte par photo */
.pdx-meta-tout { display: flex; justify-content: space-between; align-items: center; gap: 0.8em; flex-wrap: wrap; margin-bottom: 1.4em; }
.pdx-meta-tout .res-verdict { margin: 0; }
.pdx-meta-liste { display: grid; gap: 1.2em; }
.pdx-meta-carte { padding: 1.2em 1.3em; border: 1px solid var(--trait); border-radius: 1em; background: #fff; min-width: 0; }
.pdx-meta-tete { display: flex; gap: 1em; align-items: flex-start; margin-bottom: 0.8em; }
.pdx-meta-tete > div { min-width: 0; }
.pdx-meta-vignette { flex: none; width: 5em; height: 5em; object-fit: cover; border-radius: 0.6em; background: var(--grisé); }
.pdx-meta-nom { margin: 0; font-family: var(--titre); font-weight: 700; font-size: 1.15em; overflow-wrap: anywhere; }
.pdx-meta-tete .res-meta { margin: 0.1em 0 0.4em; }
.pdx-meta-carte .pd-faits { margin-top: 0.4em; }
.pdx-meta-carte dd.pdx-meta-err { color: var(--err); }
.pdx-meta-carte dd.pdx-meta-attn { color: var(--attn); }
.pdx-meta-carte dd a { color: var(--orange-texte); text-underline-offset: 0.2em; }
.pdx-meta-carte dd small { color: var(--gris); }
.pdx-meta-mini { display: flex; gap: 1em; align-items: flex-start; margin-top: 1em; padding: 0.9em 1em; border-radius: 0.8em; background: var(--attn-fond); }
.pdx-meta-mini img { flex: none; max-width: 6em; max-height: 6em; border-radius: 0.3em; }
.pdx-meta-mini p { margin: 0; font-size: 0.92em; }
.pdx-meta-action { display: flex; gap: 0.6em 1.2em; align-items: center; flex-wrap: wrap; margin-top: 1.1em; padding-top: 1em; border-top: 1px solid var(--trait); }
.pdx-meta-action p { margin: 0; flex: 1 1 16em; font-size: 0.9em; color: var(--gris); overflow-wrap: anywhere; }
.pdx-meta-note { margin: 0.8em 0 0; color: var(--gris); font-size: 0.92em; }
@media (max-width: 36em) {
	.pdx-meta-action .bouton { width: 100%; justify-content: center; }
}