/* ===== Gäste-Upload (FilePond) – im Look des Themes ===== */
:root{
    --gold:#b8973f;
    --gold-dark:#9c7f31;
    --cream:#fbf7ee;
    --cream-2:#efe6cf;
    --gold-soft:#d8c085;
}

#upload-container{
    max-width:820px;
    margin:0 auto;
}

/* ---- FilePond drop zone ---- */
#upload-container .filepond--root{
    font-family:inherit;
    margin-bottom:1.75rem;
}
#upload-container .filepond--panel-root{
    background:var(--cream);
    border:2px dashed var(--gold-soft);
    border-radius:10px;
    transition:border-color .2s ease, background .2s ease;
}
#upload-container .filepond--root:hover .filepond--panel-root,
#upload-container .filepond--root[data-drag-state="over"] .filepond--panel-root{
    border-color:var(--gold);
    background:#fffdf8;
}
#upload-container .filepond--drop-label{
    color:var(--gold);
    min-height:6em;
    font-size:1.02rem;
}
#upload-container .filepond--label-action{
    color:var(--gold-dark);
    font-weight:600;
    text-decoration-color:var(--gold-soft);
}
#upload-container .filepond--item-panel{
    background:var(--cream-2);
    border-radius:8px;
}
/* compact grid: 3 thumbnails per row (FilePond arranges via item width) */
#upload-container .filepond--item{
    width:calc(33.333% - .5em);
}
@media (max-width:780px){
    #upload-container .filepond--item{ width:calc(50% - .5em); }
}
@media (max-width:480px){
    #upload-container .filepond--item{ width:100%; }
}
/* smaller remove/label typography inside compact tiles */
#upload-container .filepond--file-info .filepond--file-info-main{ font-size:.8rem; }
#upload-container .filepond--file-info .filepond--file-info-sub{ font-size:.7rem; }
#upload-container .filepond--drip-blob{
    background:var(--gold);
}
#upload-container .filepond--file-action-button{
    cursor:pointer;
}
#upload-container .filepond--file-action-button:hover{
    box-shadow:0 0 0 .1em var(--gold);
}
#upload-container .filepond--credits{display:none;}

/* ---- Name field ---- */
#upload-container .uploader-name-field{
    margin:0 0 1.25rem;
}

/* ---- reCAPTCHA centered ---- */
#upload-container .captcha-container{
    display:flex;
    justify-content:center;
}

/* ---- Upload button centered ---- */
#upload-container #upload-button{
    display:block;
    margin:1.5rem auto 0;
}

/* ---- Progress ---- */
#progress-bar-container{
    max-width:560px;
    margin:0 auto 1.75rem;
    text-align:center;
}
#progress-bar-container .upload-progress-label{
    color:var(--gold);
    margin-bottom:.6rem;
    letter-spacing:.03em;
}
#progress-track{
    background:var(--cream-2);
    border-radius:999px;
    height:14px;
    overflow:hidden;
}
#progress-bar{
    height:100%;
    width:0;
    background:linear-gradient(90deg,var(--gold-soft),var(--gold));
    border-radius:999px;
    transition:width .25s ease;
}
#progress-pct{
    display:inline-block;
    margin-top:.5rem;
    color:var(--gold);
    font-weight:600;
}

/* ---- Result message ---- */
#upload-result{
    max-width:560px;
    margin:1.25rem auto 0;
    text-align:center;
    font-size:1.05rem;
    display:none;
}
#upload-result.result-success{color:#ffffff !important;font-weight:600;}
#upload-result.result-error{color:#b3402f;}