/* WFEPS frontend styles v1.3.6
   Adjusted attribute terms layout: each attribute (Age, Gender...) shows its terms inline,
   one attribute per block stacked vertically. Keeps remaining styles from v1.3.5.
*/

/* Base */
.wfeps-form .wfeps-full { width:100%; box-sizing:border-box; font-family:inherit; font-size:14px; color:#fff; }
.wfeps-columns { display:flex; gap:24px; align-items:flex-start; flex-wrap:nowrap; margin-bottom:18px; }
.wfeps-right { order:1; width:45%; min-width:300px; box-sizing:border-box; }
.wfeps-left  { order:2; width:55%; min-width:320px; box-sizing:border-box; }

/* Inputs */
.wfeps-form input[type="text"], .wfeps-form input[type="url"], .wfeps-form textarea, .wfeps-form select {
  padding:10px; margin-bottom:12px; box-sizing:border-box; border-radius:6px; border:1px solid rgba(255,255,255,0.06);
  background:transparent; color:#fff; font-size:14px;
}

/* Featured header & upload round button */
.wfeps-featured-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.wfeps-featured-label { font-weight:600; color:#fff; font-size:15px; }

/* round button */
.wfeps-upload-round { width:44px; height:44px; border-radius:50%; padding:0; display:inline-grid; place-items:center; background:#2d2d2d; color:#fff; border:none; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,0.4); position:relative; font-size:20px; }
.wfeps-upload-round.small { width:36px; height:36px; font-size:16px; }

/* hide file input but keep clickable */
.wfeps-btn-file-input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; border:0; margin:0; padding:0; }

/* brand dropdown */
.wfeps-brand-dropdown { position:relative; width:100%; }
.wfeps-brand-search-wrap { display:flex; align-items:center; gap:8px; background:#0f0f0f; border-radius:999px; padding:8px 12px; border:1px solid rgba(255,255,255,0.03); }
.wfeps-brand-search { flex:1; background:transparent; border:0; color:#fff; outline:none; font-size:14px; padding:4px 6px; }
.wfeps-brand-search::placeholder { color:#888; }

/* dropdown list - limited height, opens downwards */
.wfeps-brand-list { position:absolute; left:0; right:0; top:calc(100% + 8px); background:#0b0b0b; border-radius:12px; max-height:260px; overflow:auto; border:1px solid rgba(255,255,255,0.04); box-shadow:0 8px 30px rgba(0,0,0,0.6); z-index:999; display:none; padding:8px 0; }
.wfeps-brand-list ul { list-style:none; margin:0; padding:0 8px; }
.wfeps-brand-list li { padding:10px 12px; color:#e6e6e6; border-radius:6px; cursor:pointer; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wfeps-brand-list li:hover, .wfeps-brand-list li.active { background: rgba(255,255,255,0.02); color:#fff; }
.wfeps-brand-list .wfeps-no-results { color:#888; cursor:default; padding:10px 12px; }

/* scrollbar look */
.wfeps-brand-list::-webkit-scrollbar { width:8px; }
.wfeps-brand-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.06); border-radius:6px; }

/* dropzone */
.wfeps-dropzone { border-radius:18px; padding:18px; background:#111; color:#d0d0d0; border:1px solid rgba(255,255,255,0.03); position:relative; cursor:pointer; overflow:hidden; min-height:200px; }
.wfeps-drop-content { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:18px; pointer-events:none; z-index:5; }
.wfeps-featured-preview { position:relative; z-index:10; width:100%; height:100%; display:flex; align-items:center; justify-content:center; pointer-events:none; padding:6px; }
#wfeps-featured-drop.wfeps-has-preview .wfeps-drop-content { display:none; }
.wfeps-featured-preview img.wfeps-preview-featured-img { max-width:80%; max-height:100%; height:auto; border-radius:12px; display:block; object-fit:contain; box-shadow:0 6px 18px rgba(0,0,0,0.4); }

/* gallery thumbs */
.wfeps-gallery-preview { display:flex; gap:12px; margin-top:12px; flex-wrap:nowrap; }
.wfeps-gallery-thumb { width:calc((100% - 36px) / 4); background:#0f0f0f; border-radius:12px; overflow:hidden; position:relative; min-height:72px; display:flex; align-items:center; justify-content:center; }
.wfeps-gallery-thumb img { width:100%; height:auto; object-fit:cover; }
.wfeps-gallery-remove { position:absolute; top:8px; right:8px; width:26px; height:26px; border-radius:6px; background:rgba(255,255,255,0.96); color:#111; border:none; cursor:pointer; font-size:16px; line-height:24px; text-align:center; opacity:0; transform:translateY(0); transition:opacity .18s ease, transform .18s ease; box-shadow:0 4px 10px rgba(0,0,0,0.4); }
.wfeps-gallery-thumb:hover .wfeps-gallery-remove { opacity:1; transform:translateY(-2px); }

/* Attributes layout - each attribute stacked vertically, terms inline */
.wfeps-attributes {
    margin-top: 12px;
    display: block;
}
.wfeps-attribute-block {
    margin-bottom: 14px;
    clear: both;
}
.wfeps-attribute-block strong { display:block; margin-bottom:8px; color:#fff; font-weight:600; }

/* Terms inline, side-by-side */
.wfeps-attr-term {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: 14px;
    margin-bottom: 8px;
    color: #e6e6e6;
    vertical-align: middle;
}
.wfeps-attr-term input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
}

/* modal and submit */
.wfeps-modal { display:none; position:fixed; inset:0; background: rgba(0,0,0,0.6); z-index:9999; align-items:center; justify-content:center; }
.wfeps-modal-show { display:flex; }
.wfeps-modal-inner { background:#111; padding:22px; border-radius:10px; color:#fff; max-width:420px; width:90%; box-shadow:0 8px 30px rgba(0,0,0,0.6); position:relative; }
.wfeps-submit-button { background:#0071a1; color:#fff; padding:10px 18px; border:none; cursor:pointer; border-radius:6px; }

/* responsive */
@media (max-width:900px) {
  .wfeps-columns { flex-direction:column; }
  .wfeps-right { order:0; width:100%; }
  .wfeps-left { order:1; width:100%; }
  .wfeps-attribute-block { margin-bottom:12px; }
}

/* End */