/* Frontend styles */
.stt-wrap{max-width:900px;margin:24px auto;padding:0 12px;}
.stt-card{
  background: linear-gradient(145deg, #2b2b30, #1e1e21) !important;
  border: 1px solid #2e2e33;
  border-radius: 16px;
  padding: 24px;
  color: #e6e6e6;
  box-shadow: 0 6px 16px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04);
  transition: box-shadow .25s ease;
}
.stt-card:hover{ box-shadow: 0 8px 20px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06); }

.stt-title{font-size:26px;margin:0 0 18px 0;letter-spacing:.2px}
.stt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stt-field{display:flex;flex-direction:column}
.stt-field--full{grid-column:1/-1}
.stt-field span{font-size:13px;color:#b8b8bf;margin-bottom:6px}

/* Relief subtil pe inputuri */
.stt-field input[type="text"],
.stt-field input[type="email"],
.stt-field input[type="tel"],
.stt-field input[type="file"],
.stt-field textarea{
  background:#242428;
  border:1px solid #3a3a3f;
  border-radius:10px;
  color:#f2f2f2;
  padding:12px 14px;
  outline:none;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.03);
}
.stt-field textarea{resize:vertical}
.stt-field input:focus,
.stt-field textarea:focus{border-color:#3a82f7;box-shadow:0 0 0 3px rgba(58,130,247,.18), inset 0 1px 2px rgba(0,0,0,.4)}

.stt-checkbox{display:flex;align-items:center;gap:10px;margin:6px 0 8px 0}
.stt-checkbox input{width:18px;height:18px}

.stt-terms-box{
  background:#232327;
  border:1px solid #3a3a3f;
  border-radius:12px;
  max-height:160px;
  overflow:auto;
  padding:12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03)
}
.stt-terms-inner{font-size:12px;line-height:1.5;color:#c9c9cf}

.stt-actions{display:flex;align-items:center;gap:12px}
.stt-btn{appearance:none;background:#e0e0e6;color:#0a0a0c;border:0;border-radius:999px;padding:12px 20px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:all .2s ease}
.stt-btn:hover{background:#f3f0e5;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.35)}

.stt-status{margin-top:8px}
.stt-progress{height:8px;background:#202026;border-radius:999px;overflow:hidden}
.stt-progress span{display:block;height:8px;background:#3a82f7}

/* File inline row */
.stt-file-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stt-link-btn{appearance:none;background:transparent;border:0;padding:0;color:#8ab4ff;cursor:pointer;font-weight:600}
.stt-link-btn:hover{text-decoration:underline}

/* Previews & mobile */
.stt-previews[hidden]{display:none !important}
.stt-previews{display:flex;align-items:center;gap:8px;max-width:900px}
.stt-preview-viewport{width:300px;height:300px;overflow:hidden;border-radius:12px;border:1px solid #2e2e33;background:#26262b;position:relative}
.stt-preview-track{display:flex;height:100%;transform:translateX(0);transition:transform .25s ease}
.stt-preview-item{min-width:300px;height:300px;display:flex;align-items:center;justify-content:center;background:#1f1f23}
.stt-preview-item img, .stt-preview-item video{max-width:100%;max-height:100%;display:block}
.stt-prev, .stt-next{appearance:none;background:#2b2b30;color:#e6e6e6;border:1px solid #3a3a3f;border-radius:10px;width:40px;height:40px;cursor:pointer}
.stt-prev:hover, .stt-next:hover{filter:brightness(1.1)}

@media (max-width:720px){
  .stt-grid{grid-template-columns:1fr}
  .stt-preview-viewport{width:100%;height:260px}
  .stt-preview-item{min-width:100%;height:260px}
}

/* Stronger wrapper/card override against theme backgrounds */
body .entry-content .stt-wrap,
body .wp-block-post-content .stt-wrap,
body .stt-wrap{ background:#1c1c20 !important; border-radius:18px; padding:24px; }
body .entry-content .stt-card,
body .wp-block-post-content .stt-card,
body .stt-wrap .stt-card{ background: linear-gradient(145deg, #2b2b30, #1e1e21) !important; }