/* =========================================================
   DBM Public Polish – Gold / Black (NO VARIABLES)
   ========================================================= */

/* ====== Labels ====== */
.dbm-wrap-public .dbm-field > label{
  font-weight:800;
  color:#111;
  letter-spacing:.2px;
  margin-bottom:6px;
  display:flex;
  align-items:center;
  gap:8px;
}

/* ====== Inputs ====== */
.dbm-wrap-public input[type="text"],
.dbm-wrap-public input[type="email"],
.dbm-wrap-public input[type="url"],
.dbm-wrap-public input[type="tel"],
.dbm-wrap-public input[type="number"],
.dbm-wrap-public select,
.dbm-wrap-public textarea{
  width:100%;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:linear-gradient(180deg,#ffffff,#fbfbfb);
  padding:10px 12px;
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}

.dbm-wrap-public textarea{
  height:auto;
  min-height:90px;
}

.dbm-wrap-public input:focus,
.dbm-wrap-public select:focus,
.dbm-wrap-public textarea:focus{
  border-color:rgba(212,175,55,.55);
  box-shadow:0 0 0 4px rgba(212,175,55,.14);
}

/* ====== Required Mark ====== */
.dbm-wrap-public .dbm-req{
  color:#d4af37;
  font-weight:900;
}

/* ====== Required Note ====== */
.dbm-wrap-public .dbm-required-note{
  margin-top:6px;
  font-size:12px;
  color:#d4af37;
  font-weight:700;
}

/* ====== Media Field Box ====== */
.dbm-wrap-public .dbm-media-field{
  border:1px solid rgba(212,175,55,.28);
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(212,175,55,.06));
  border-radius:16px;
  padding:14px;
}

.dbm-wrap-public .dbm-media-row{
  display:flex;
  gap:12px;
  margin-top:10px;
  align-items:center;
}

.dbm-wrap-public .dbm-media-file{
  flex:0 0 62px;
  height:44px;
  padding:9px 10px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#ffffff;
}

.dbm-wrap-public .dbm-media-url{
  flex:1 1 auto;
}

/* ====== Media Preview ====== */
.dbm-wrap-public .dbm-media-preview{
  margin-top:12px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(0,0,0,.02);
  border-radius:14px;
  padding:12px;
}

.dbm-wrap-public .dbm-media-preview img{
  display:block;
  max-width:200px;
  height:auto;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
}

/* ====== Clear Button ====== */
.dbm-wrap-public .dbm-media-clear{
  margin-top:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(212,175,55,.28);
  background:#ffffff;
  cursor:pointer;
  font-weight:800;
}

.dbm-wrap-public .dbm-media-clear:hover{
  border-color:rgba(212,175,55,.55);
}

/* ====== Inline Error ====== */
.dbm-wrap-public .dbm-inline-error{
  margin-top:8px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(220,53,69,.35);
  background:rgba(220,53,69,.06);
  color:#a41222;
  font-weight:700;
  font-size:13px;
}

.dbm-wrap-public .dbm-field-error{
  border-color:rgba(220,53,69,.55)!important;
  box-shadow:0 0 0 4px rgba(220,53,69,.10)!important;
}

/* =========================================================
   DBM Step Collapse (LEFT ONLY)
   - No right sidebar changes
   - No CSS variables, no grid
   ========================================================= */

.dbm-left .dbm-step > h4{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  user-select:none;
}

.dbm-left .dbm-step-toggle{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}

.dbm-left .dbm-step-toggle:hover{
  border-color: rgba(212,175,55,.55);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
}

.dbm-left .dbm-step.is-collapsed .dbm-step__body{
  display:none;
}

.dbm-left .dbm-step-toggle .dbm-caret{
  display:block;
  transform: rotate(180deg); /* expanded = caret up */
  transition: transform .15s ease;
  font-size:16px;
}

.dbm-left .dbm-step.is-collapsed .dbm-step-toggle .dbm-caret{
  transform: rotate(0deg); /* collapsed = caret down */
}