/* SurveySport Media Engine Bridge — CSS Pipeline Lock v2.3.3
   Scope: frontend forge only. JS IDs/actions/data attributes untouched. */

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock,
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock * {
  box-sizing: border-box !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock {
  --ss-avb-bg: #050509;
  --ss-avb-panel: #101017;
  --ss-avb-panel-2: #151018;
  --ss-avb-field: #0b0d12;
  --ss-avb-text: #ffffff;
  --ss-avb-muted: #c9beb0;
  --ss-avb-gold: #f7c64a;
  --ss-avb-gold-soft: rgba(247,198,74,.46);
  --ss-avb-red: #ff234f;
  max-width: 1180px !important;
  width: min(1180px, calc(100% - 28px)) !important;
  margin: 24px auto !important;
  padding: 24px !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(255,35,79,.18), transparent 35%),
    radial-gradient(circle at 86% 4%, rgba(247,198,74,.16), transparent 32%),
    linear-gradient(135deg, #050509 0%, #09070a 48%, #14070c 100%) !important;
  color: var(--ss-avb-text) !important;
  border: 1px solid rgba(247,198,74,.28) !important;
  border-radius: 28px !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06) !important;
  overflow: hidden !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock > div:not(.ss-avb-premium-hero) {
  padding: 22px !important;
  margin-bottom: 18px !important;
  border: 1px solid rgba(247,198,74,.22) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 18px 50px rgba(0,0,0,.24) !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock h3,
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock h4 {
  color: #fff !important;
  letter-spacing: -.02em !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock p,
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock div {
  color: inherit;
}

/* HARD LOCK: visible, padded, clickable fields. Beats Elementor/XStore generic input rules. */
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock input[type="text"],
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock input[type="number"],
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock input[type="url"],
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock input[type="search"],
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock input:not([type]),
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock textarea,
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock select {
  display: block !important;
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 14px 16px !important;
  margin-top: 7px !important;
  background: var(--ss-avb-field) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid var(--ss-avb-gold-soft) !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(0,0,0,.28) !important;
  opacity: 1 !important;
  visibility: visible !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock textarea {
  min-height: 120px !important;
  resize: vertical !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock select option {
  background: #111 !important;
  color: #fff !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock input::placeholder,
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock textarea::placeholder {
  color: #a9a9a9 !important;
  -webkit-text-fill-color: #a9a9a9 !important;
  opacity: 1 !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock input:focus,
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock textarea:focus,
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock select:focus {
  border-color: var(--ss-avb-gold) !important;
  box-shadow: 0 0 0 4px rgba(247,198,74,.17), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock label,
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock label span {
  color: #f7ead0 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock input[type="checkbox"] {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  margin: 0 8px 0 0 !important;
  accent-color: var(--ss-avb-gold) !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock button {
  min-height: 44px !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  cursor: pointer !important;
}

#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock .ss-avb-premium-hero {
  margin: -24px -24px 22px -24px !important;
  padding: 34px !important;
}

@media (max-width: 760px) {
  #ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock {
    width: calc(100% - 20px) !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }
  #ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock > div:not(.ss-avb-premium-hero) {
    padding: 16px !important;
  }
}


/* v2.3.5 Active Combat Builder UI */
#ss-avatar-video-forge[data-combat-active="1"] [data-ss-avb="combat_preview"]{border-color:rgba(247,198,74,.55)!important;box-shadow:0 0 0 3px rgba(247,198,74,.10),0 18px 45px rgba(0,0,0,.28)!important;}
#ss-avatar-video-forge [data-ss-avb-mode-pill]{cursor:pointer!important;user-select:none!important;transition:transform .15s ease, filter .15s ease, background .15s ease!important;}
#ss-avatar-video-forge [data-ss-avb-mode-pill]:hover{transform:translateY(-1px)!important;filter:brightness(1.12)!important;}
#ss-avatar-video-forge select:not(:disabled){cursor:pointer!important;}
#ss-avatar-video-forge select:disabled{opacity:.45!important;cursor:not-allowed!important;}
#ss-avatar-video-forge[data-combat-type="human_vs_zombie"] [data-ss-avb="combat_preview"],
#ss-avatar-video-forge[data-combat-type="zombie_swarm"] [data-ss-avb="combat_preview"]{background:linear-gradient(180deg,#10150b,#070b16)!important;}
#ss-avatar-video-forge[data-combat-type="hunter_vs_beast"] [data-ss-avb="combat_preview"]{background:linear-gradient(180deg,#160b10,#070b16)!important;}

/* v2.4.3.3 — Combat dropdown alignment: clean 3-column rows, mobile-safe */
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock .ss-avb-combat-grid,
#ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock .ss-avb-combat-row-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 820px) {
  #ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock .ss-avb-combat-grid,
  #ss-avatar-video-forge.ss-avb.ss-avb-root.ss-avb-css-lock .ss-avb-combat-row-3 {
    grid-template-columns: 1fr !important;
  }
}