/* Nagłówek + pasek kroków */
.gcr-title { font-size: 26px; font-weight: 800; margin: 6px 0 4px; text-align: center; }
.gcr-progress { width: 100%; margin: 16px auto 10px; max-width: 1200px; }
.gcr-steps { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; margin-bottom: 10px; }
.gcr-steps .step { text-align: center; padding: 8px 6px; font-size: 14px; border-radius: 10px; background: #f3f4f6; color: #333; font-weight: 600; border: 1px solid #e5e7eb; user-select: none; cursor: pointer; }
.gcr-steps .step.active { background: #f97316; color: #fff; border-color: #f97316; }
.gcr-bar { height: 6px; background: #e5e7eb; border-radius: 10px; overflow: hidden; }
.gcr-bar .fill { width: 0%; height: 100%; background: #f97316; transition: width 0.3s ease; }

/* Disabled next button */
.gcr-step .js-next.is-disabled[disabled]{ opacity: .6; cursor: not-allowed; }

/* Subtelne drżenie przy brakach */
@keyframes gcr-shake { 10%, 90% { transform: translateX(-1px);} 20%, 80% { transform: translateX(2px);} 30%, 50%, 70% { transform: translateX(-4px);} 40%, 60% { transform: translateX(4px);} }
.gcr-attn { animation: gcr-shake .4s linear; }

/* Oznaczenie zrobionych kroków */
.gcr-steps .step.done{ box-shadow: inset 0 -2px 0 rgba(0,0,0,.08); }

@media (max-width: 900px) { .gcr-steps .step { font-size: 12px; padding: 6px 4px; } }
/* Stały styl przycisku WYŚLIJ ZGŁOSZENIE */
#gcr-send-btn{
  background:#f97316 !important;   /* pomarańcz */
  color:#fff !important;            /* biała czcionka */
  border:none !important;
  border-radius:10px;
  padding:10px 16px;
  font-weight:600;
  cursor:pointer;
  transition:background .2s ease;
}
#gcr-send-btn:hover{ background:#ea580c !important; }

/* Simple Preview: transparent panel + contained image */
.gcr-preview,.gc-preview{background:transparent !important;}
#gcr-photo{display:block;width:100%;height:440px;object-fit:contain;background:transparent;}

/* Swatch thumbs visuals */
.gcr-swatch .thumb,.gc-swatch .thumb{background-color:#f3f4f6;border-radius:10px}