/* PrinterTechBD Core — শর্টকোড ও প্রোডাক্ট পেজের ছোট স্টাইল।
   রং বদলাতে Elementor > Site Settings > Global Colors বদলান; এখানে শুধু কাঠামো। */

:root {
	--ptb-orange: var(--e-global-color-primary, #F28C28);
	--ptb-ink: var(--e-global-color-secondary, #141414);
	--ptb-text: var(--e-global-color-text, #3A3A3A);
	--ptb-line: #E2E2E2;
	--ptb-cream: #FFF6EC;
}

/* প্রোডাক্ট অপশন ও ফাইল আপলোড */
.ptb-options { display: grid; gap: 12px; margin: 0 0 16px; }
.ptb-options__row { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.ptb-options__row label, .ptb-upload__label { font-weight: 600; }
.ptb-options__select { min-height: 46px; border: 1px solid var(--ptb-line); border-radius: 10px; padding: 0 12px; font-size: 16px; width: 100%; }
.ptb-upload { display: flex; flex-direction: column; gap: 6px; margin: 0 0 16px; padding: 16px; border: 2px dashed #D0C2B0; border-radius: 14px; background: #FFFAF4; }
.ptb-upload__hint { color: #555; }
.ptb-mobile-pay input.input-text { min-height: 44px; }

/* অর্ডার ট্র্যাকিং */
.ptb-track { max-width: 760px; margin: 0 auto; }
.ptb-track__form { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.ptb-track__field { flex: 1 1 220px; display: flex; flex-direction: column; gap: 6px; margin: 0; }
.ptb-track__field label { font-weight: 600; }
.ptb-track__field input { min-height: 50px; border: 1px solid #D6D6D6; border-radius: 12px; padding: 0 14px; font-size: 16px; }
.ptb-track__submit { margin: 0; }
.ptb-track__submit .button { min-height: 50px; padding: 0 28px; border: 0; border-radius: 12px; background: var(--ptb-ink); color: #fff; font-size: 17px; font-weight: 600; cursor: pointer; }
.ptb-track__error { margin-top: 16px; padding: 12px 14px; border-radius: 12px; background: #FDECEA; color: #8E1B1B; }
.ptb-track__result { margin-top: 24px; border: 1px solid #ECECEC; border-radius: 20px; padding: 24px; }
.ptb-track__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.ptb-track__label { font-size: 14px; color: #555; }
.ptb-track__no { font-size: 22px; font-weight: 700; }
.ptb-track__meta { font-size: 14px; color: #555; }
.ptb-track__badge { align-self: flex-start; background: #FFF1E1; color: #8A4B00; font-weight: 700; font-size: 15px; border-radius: 999px; padding: 6px 16px; }
.ptb-track__steps { list-style: none; margin: 0 0 12px; padding: 0; }
.ptb-track__steps li { position: relative; padding: 0 0 18px 32px; color: #6B6B6B; }
.ptb-track__steps li::before { content: ""; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #C9C9C9; background: #fff; box-sizing: border-box; }
.ptb-track__steps li::after { content: ""; position: absolute; left: 8px; top: 24px; width: 2px; bottom: 0; background: #DADADA; }
.ptb-track__steps li:last-child::after { display: none; }
.ptb-track__steps li.is-done { color: var(--ptb-ink); font-weight: 700; }
.ptb-track__steps li.is-done::before { background: var(--ptb-ink); border-color: var(--ptb-ink); }
.ptb-track__steps li.is-done::after { background: var(--ptb-ink); }
.ptb-track__steps li.is-current { color: var(--ptb-ink); font-weight: 700; }
.ptb-track__steps li.is-current::before { background: var(--ptb-orange); border: 3px solid var(--ptb-ink); }
.ptb-track__courier { background: var(--ptb-cream); padding: 12px 14px; border-radius: 12px; }