/* =========================================================
   FACTOFFERS - MEMARKET POST MAKER LIGHT V1
   scoped only to post maker
   ========================================================= */

/* full modal */
body.light #fo-mm-post-maker-modal,
body.fo-light #fo-mm-post-maker-modal{
  background:
    radial-gradient(circle at 15% 0%,rgba(139,92,246,.08),transparent 35%),
    linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%) !important;
  color:#172033 !important;
}

/* main container */
body.light #fo-mm-post-maker-modal .fo-mm-pm-box,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-box{
  background:#ffffff !important;
  border:1px solid #d9e1eb !important;
  box-shadow:
    0 16px 45px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
  border-radius:28px !important;
  color:#172033 !important;
}

/* header */
body.light #fo-mm-post-maker-modal .fo-mm-pm-head,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-head{
  border-bottom:1px solid #edf1f6 !important;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-title,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-title{
  color:#172033 !important;
  font-weight:950 !important;
  letter-spacing:-.2px;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-close,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-close{
  background:#f1f5f9 !important;
  color:#334155 !important;
  border:1px solid #d8e0e9 !important;
  box-shadow:none !important;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-close:active,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-close:active{
  transform:scale(.97);
  background:#e8edf4 !important;
}


/* intro / info messages */
body.light #fo-mm-post-maker-modal .fo-mm-pm-msg,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-msg{
  background:#f6f8fc !important;
  color:#64748b !important;
  border:1px solid #e1e7ef !important;
  box-shadow:none !important;
  line-height:2 !important;
}


/* code + search */
body.light #fo-mm-post-maker-modal .fo-mm-pm-row,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-row{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:9px !important;
  margin:14px 0 10px !important;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-input,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-input{
  width:100% !important;
  min-height:58px !important;
  box-sizing:border-box !important;
  background:#ffffff !important;
  color:#172033 !important;
  border:1.5px solid #cbd5e1 !important;
  border-radius:17px !important;
  padding:12px 14px !important;
  font-family:inherit !important;
  font-size:18px !important;
  font-weight:850 !important;
  text-align:center !important;
  box-shadow:
    0 2px 7px rgba(15,23,42,.025),
    inset 0 1px 2px rgba(15,23,42,.02) !important;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-input::placeholder,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-input::placeholder{
  color:#9aa5b5 !important;
  opacity:1 !important;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-input:focus,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-input:focus{
  outline:none !important;
  border-color:#8b5cf6 !important;
  box-shadow:0 0 0 4px rgba(139,92,246,.10) !important;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-btn,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-btn{
  width:100% !important;
  min-height:54px !important;
  padding:10px 14px !important;
  border:0 !important;
  border-radius:16px !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:950 !important;
  background:linear-gradient(135deg,#7c3aed,#2563eb,#06b6d4) !important;
  box-shadow:0 10px 25px -14px rgba(37,99,235,.65) !important;
}


/* =========================================================
   CUSTOM UPLOAD
   ========================================================= */

body.light #fo-mm-post-maker-modal #fo-up3,
body.fo-light #fo-mm-post-maker-modal #fo-up3{
  margin:12px 0 !important;
  padding:12px !important;
  border-radius:18px !important;
  background:#f8fafc !important;
  border:1px solid #dbe3ed !important;
}

#fo-mm-post-maker-modal #fo-up3-inp.fo-up3-native-hidden{
  display:none !important;
}

body.light #fo-mm-post-maker-modal .fo-up3-pick-row,
body.fo-light #fo-mm-post-maker-modal .fo-up3-pick-row{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin-bottom:9px !important;
}

body.light #fo-mm-post-maker-modal .fo-up3-picker,
body.fo-light #fo-mm-post-maker-modal .fo-up3-picker{
  flex:0 0 auto !important;
  min-height:44px !important;
  padding:8px 15px !important;
  border-radius:13px !important;
  border:1px solid #cbd5e1 !important;
  background:#ffffff !important;
  color:#334155 !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:900 !important;
  cursor:pointer !important;
}

body.light #fo-mm-post-maker-modal .fo-up3-file-name,
body.fo-light #fo-mm-post-maker-modal .fo-up3-file-name{
  flex:1 !important;
  min-width:0 !important;
  padding:9px 11px !important;
  border-radius:12px !important;
  background:#ffffff !important;
  border:1px solid #e2e8f0 !important;
  color:#7c8799 !important;
  font-size:10.5px !important;
  direction:ltr !important;
  text-align:left !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

body.light #fo-mm-post-maker-modal .fo-up3-file-name.has,
body.fo-light #fo-mm-post-maker-modal .fo-up3-file-name.has{
  color:#047857 !important;
  border-color:#a7e5cf !important;
  background:#f0fdf8 !important;
}


/* upload button */
body.light #fo-mm-post-maker-modal .fo-up3-btn,
body.fo-light #fo-mm-post-maker-modal .fo-up3-btn{
  width:100% !important;
  min-height:50px !important;
  border:0 !important;
  border-radius:15px !important;
  color:#ffffff !important;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:950 !important;
  background:linear-gradient(135deg,#0ea5e9,#2563eb) !important;
  box-shadow:0 9px 22px -14px rgba(37,99,235,.65) !important;
}

body.light #fo-mm-post-maker-modal #fo-up3-log,
body.fo-light #fo-mm-post-maker-modal #fo-up3-log{
  margin-top:8px !important;
  padding:8px 11px !important;
  max-height:60px !important;
  border-radius:12px !important;
  background:#ffffff !important;
  border:1px solid #e2e8f0 !important;
  color:#64748b !important;
  font-size:10.5px !important;
  line-height:1.9 !important;
  box-shadow:none !important;
}


/* =========================================================
   RESULTS
   ========================================================= */

body.light #fo-mm-post-maker-modal .fo-mm-pm-grid,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-grid{
  gap:10px !important;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-card,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-card,
body.light #fo-mm-post-maker-modal .fo-mm-pm-manual-card,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-manual-card{
  background:#ffffff !important;
  color:#172033 !important;
  border:1px solid #dce3ec !important;
  box-shadow:0 5px 15px rgba(15,23,42,.05) !important;
  border-radius:19px !important;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-card.manual,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-card.manual{
  background:#f5fffb !important;
  border-color:#b7ead8 !important;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-card-title,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-card-title{
  color:#172033 !important;
  font-weight:900 !important;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-card.manual .fo-mm-pm-card-title:before,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-card.manual .fo-mm-pm-card-title:before{
  color:#059669 !important;
}


/* thumbnail */
body.light #fo-mm-post-maker-modal .fo-pm-thumb,
body.fo-light #fo-mm-post-maker-modal .fo-pm-thumb{
  border-color:#dce3ec !important;
  background:#0f172a !important;
  box-shadow:none !important;
}


/* buttons in result cards */
body.light #fo-mm-post-maker-modal .fo-mm-pm-actions button,
body.light #fo-mm-post-maker-modal .fo-mm-pm-actions a,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-actions button,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-actions a{
  background:#f1f5f9 !important;
  color:#334155 !important;
  border:1px solid #d9e1ea !important;
  box-shadow:none !important;
}

body.light #fo-mm-post-maker-modal .fo-pm-play,
body.fo-light #fo-mm-post-maker-modal .fo-pm-play{
  color:#fff !important;
  border:0 !important;
  background:linear-gradient(135deg,#7c3aed,#4f46e5) !important;
}


/* caption */
body.light #fo-mm-post-maker-modal .fo-mm-pm-caption,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-caption{
  width:100% !important;
  box-sizing:border-box !important;
  background:#ffffff !important;
  color:#172033 !important;
  border:1.5px solid #cbd5e1 !important;
  box-shadow:none !important;
  border-radius:16px !important;
}

body.light #fo-mm-post-maker-modal .fo-mm-pm-caption:focus,
body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-caption:focus{
  border-color:#8b5cf6 !important;
  box-shadow:0 0 0 4px rgba(139,92,246,.09) !important;
  outline:none !important;
}


/* caption status tags */
body.light #fo-mm-post-maker-modal .fo-cap2-tag,
body.fo-light #fo-mm-post-maker-modal .fo-cap2-tag{
  color:#047857 !important;
  background:#ecfdf5 !important;
  border-color:#a7e5cf !important;
}

body.light #fo-mm-post-maker-modal .fo-cap2-tag.warn,
body.fo-light #fo-mm-post-maker-modal .fo-cap2-tag.warn{
  color:#b45309 !important;
  background:#fffbeb !important;
  border-color:#fde68a !important;
}


/* forced legacy status box */
body.light #fo-mm-post-maker-modal #fo-mm-pm-manual-force-status,
body.fo-light #fo-mm-post-maker-modal #fo-mm-pm-manual-force-status{
  background:#f8fafc !important;
  color:#334155 !important;
  border-color:#dbe3ed !important;
}


/* mobile */
@media(max-width:640px){
  body.light #fo-mm-post-maker-modal .fo-mm-pm-box,
  body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-box{
    margin:14px !important;
    padding:14px !important;
    border-radius:24px !important;
  }

  body.light #fo-mm-post-maker-modal .fo-mm-pm-title,
  body.fo-light #fo-mm-post-maker-modal .fo-mm-pm-title{
    font-size:22px !important;
  }

  body.light #fo-mm-post-maker-modal .fo-up3-pick-row,
  body.fo-light #fo-mm-post-maker-modal .fo-up3-pick-row{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
  }
}