/* 3aART Kunden-Eigenupload — Upload-Schritt + Konfigurator-Ansicht.
   Das Konfigurator-Panel (.aart-konf) erbt sein komplettes Design aus bild.css
   (identisch zu den Motiv-Konfiguratoren); hier stehen nur Upload-Drop,
   Datei-Meta, Rechte-Zeile, Qualitaetshinweis und Layout-Feinheiten. */
.aart-eu{max-width:1240px;margin:0 auto;font-family:inherit;color:#252525;padding:40px 20px 70px}
/* [hidden] schlaegt jede display-Regel — sonst zeigt die leere Konfigurator-Ansicht vor dem Upload */
.aart-eu [hidden]{display:none !important}

/* Codex-Scope begrenzt .aart-eu auf 850px — fuer die Konfigurator-Ansicht aufheben */
.aart-konfigurator-scope .aart-eu{max-width:1240px !important}

/* ---- Upload-Schritt --------------------------------------------------------- */
.aart-eu__drop{max-width:850px;margin:0 auto;border:2px dashed #b9c6c0;border-radius:0;background:#f7f9f8;padding:40px 20px;text-align:center;cursor:pointer;transition:.15s;position:relative}
.aart-eu__drop.is-over{border-color:#001d18;background:#eef5f2}
.aart-eu__drop-inner strong{display:block;font-size:18px;color:#001d18;margin-bottom:6px}
.aart-eu__drop-inner span{display:block;font-size:14px;color:#5a6b64;margin-bottom:8px}
.aart-eu__drop-inner small{color:#8a9690;font-size:12px}
.aart-eu__pick{border:none;background:none;color:#8f000a;font-weight:700;text-decoration:none;cursor:pointer;font-size:14px;padding:0}
.aart-eu__pick:hover,.aart-eu__pick:focus,.aart-eu__pick:focus-visible{text-decoration:underline}
/* Pflicht-Markierung der Rechte-Bestaetigung deutlich hervorheben */
.aart-eu__rights{align-items:flex-start}
.aart-eu__req{color:#8f000a;font-weight:700}
/* Elementor-Kit legt bei button:hover/:focus einen 1px-Goldrahmen (#b68a4e) an —
   fuer den Textlink-Button hart abschalten (Jans "komischer goldener Rahmen"). */
.aart-eu .aart-eu__pick,
.aart-eu .aart-eu__pick:hover,
.aart-eu .aart-eu__pick:focus,
.aart-eu .aart-eu__pick:active{border:0 !important;box-shadow:none !important;background:transparent !important}
.aart-eu .aart-eu__pick:hover{color:#720008}
.aart-eu__progress{position:absolute;left:0;right:0;bottom:0;height:6px;background:#e3e8e5;overflow:hidden}
.aart-eu__progress span{display:block;height:100%;width:0;background:#8f000a;transition:width .2s}

/* Crop-Wrapper: cropper.js erbt die Groesse vom Parent des Bildes — der Wrapper
   begrenzt sie aufs Bild (statt auf die ganze Media-Spalte). */
.aart-eu__cropwrap{width:100%;max-width:100%}
.aart-eu__cropwrap img{display:block;margin:0 auto}

/* ---- Datei-Meta unter dem Bild (Media-Spalte) ------------------------------- */
.aart-konf--eigenupload .aart-eu__filemeta{order:3;width:100%;margin-top:16px;padding-top:14px;border-top:1px solid #d8d7d1;font-size:13px;color:#696966;display:flex;flex-direction:column;gap:6px;text-align:left}
.aart-konf--eigenupload .aart-eu__filemeta b{color:#252525;font-weight:600}
.aart-konf--eigenupload .aart-eu__filemeta .aart-eu__change{align-self:flex-start;margin-top:8px}

/* Media-Spalte: Reihenfolge Bild -> Crop-Hinweis -> Bestaetigung -> Zoom -> Meta */
.aart-konfigurator-scope .aart-konf--eigenupload .aart-konf__crop-confirm{order:1}
.aart-konfigurator-scope .aart-konf--eigenupload .aart-konf__zoom{order:2}

/* Konfigurator-Ansicht sitzt bereits im .aart-eu-Padding — Scope-Padding reduzieren */
.aart-konfigurator-scope .aart-eu .aart-konf{padding:24px 0 0 !important}

/* ---- Qualitaetshinweis ------------------------------------------------------ */
.aart-eu__quality{margin:2px 0 6px;padding:10px 12px;background:#fff7e6;color:#8a5b00;font-size:13px;font-weight:600;border:1px solid #f0dca8}

/* ---- Rechte-Bestaetigung ---------------------------------------------------- */
.aart-eu__rights{padding:12px 14px;background:#f4f4f2}
.aart-eu__rights .aart-konf__check-text{font-size:.88rem;line-height:1.45;text-transform:none;letter-spacing:0}

/* ---- Mobil ------------------------------------------------------------------ */
@media(max-width:560px){
    .aart-eu{padding:24px 14px 50px}
    .aart-eu__drop{padding:32px 14px}
}