/* Mulish font */

/* Wedding Guest Uploads - fresh frontend v1.1.0 */
.wgu-shell{max-width:980px;margin:0 auto;padding:10px}
.wgu-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff, #fbfbfb);
  box-shadow:0 16px 40px rgba(0,0,0,.08);
  padding:18px;
}
.wgu-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wgu-title{margin:0;font-size:1.4rem;letter-spacing:-.02em}
.wgu-subtitle{margin:6px 0 0;color:rgba(0,0,0,.65)}

.wgu-alert{margin-top:12px;padding:10px 12px;border-radius:14px;font-weight:600}
.wgu-alert.ok{background:#f6ffed;border:1px solid #b7eb8f;color:#1a7f37}
.wgu-alert.bad{background:#fff1f0;border:1px solid #ffccc7;color:#b32d2e}

.wgu-fields{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px;margin-top:14px}
.wgu-field{min-width:0}
.wgu-field-full{grid-column:1 / -1}
.wgu-label{display:block;font-weight:700;margin-bottom:6px}
.wgu-input{
  width:100%;
  padding:11px 12px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
}
.wgu-input:focus{outline:none;border-color:#111;box-shadow:0 0 0 4px rgba(17,17,17,.08)}
.wgu-hint{color:rgba(0,0,0,.6);font-size:.95em}

.wgu-dropzone{margin-top:14px}
.wgu-dropinner{
  display:flex;align-items:center;gap:14px;
  border:2px dashed rgba(0,0,0,.18);
  border-radius:22px;
  padding:16px;
  background:rgba(255,255,255,.7);
  cursor:pointer;
  transition:all .15s ease;
}
.wgu-dropinner:hover{border-color:#111;box-shadow:0 0 0 4px rgba(17,17,17,.06)}
.wgu-dropzone.is-drag .wgu-dropinner{border-color:#111;box-shadow:0 0 0 6px rgba(17,17,17,.10)}
.wgu-icon{font-size:1.8rem;line-height:1}
.wgu-droptext{flex:1;min-width:0}
.wgu-dropheadline{font-weight:900;font-size:1.05rem}
.wgu-dropsub{margin-top:4px;color:rgba(0,0,0,.62);font-size:.95em}
.wgu-cta{
  flex:0 0 auto;
  padding:10px 12px;
  border-radius:14px;
  background:#111;color:#fff;
  font-weight:800
}

/* File input is present and works via label click (no JS required) */
.wgu-file{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  border:0;
}

.wgu-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.wgu-btn{
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
  cursor:pointer;
  font-weight:800;
}
.wgu-btn:hover{box-shadow:0 8px 20px rgba(0,0,0,.08)}
.wgu-primary{background:#111;color:#fff;border-color:#111}
.wgu-primary:disabled{opacity:.5;cursor:not-allowed}
.wgu-overall{flex:1;min-width:240px}
.wgu-bar{height:12px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden}
.wgu-bar > span{display:block;height:100%;width:0;background:#111;border-radius:999px;transition:width .1s linear}
.wgu-overalltext{margin-top:6px;color:rgba(0,0,0,.65);font-size:.95em}

.wgu-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.wgu-item{
  display:flex;gap:12px;align-items:center;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  background:#fff;
  padding:10px 12px;
}
.wgu-thumb{width:54px;height:54px;border-radius:16px;background:rgba(0,0,0,.06);overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.wgu-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wgu-meta{flex:1;min-width:0}
.wgu-name{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wgu-small{margin-top:2px;color:rgba(0,0,0,.6);font-size:.92em}
.wgu-status{font-weight:900;font-size:.92em;min-width:86px;text-align:right}
.wgu-status.ok{color:#1a7f37}
.wgu-status.bad{color:#b32d2e}

.wgu-fallback{margin-top:14px}
.wgu-basicform input[type="file"]{width:100%}

.wgu-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.wgu-tile{border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#fff;display:block}
.wgu-tile img{width:100%;height:180px;object-fit:cover;display:block}
.wgu-missing{height:180px;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.55);padding:12px;text-align:center}

.wgu-pager{display:flex;justify-content:center;gap:10px;margin-top:14px}

@media (max-width:720px){
  .wgu-fields{grid-template-columns:1fr}
  .wgu-dropinner{align-items:flex-start}
}

.wgu-header:empty{display:none}

/* Video tiles */
.wgu-video{display:block}
.wgu-video video{width:100%;height:180px;object-fit:cover;display:block;background:#000}

.wgu-shell, .wgu-shell *{font-family:'Mulish', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;}
.mulish-center{font-family:'Mulish', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;text-align:center;}