/* MW Motyw — formularz zgłoszenia zamówienia indywidualnego [mw_oi_formularz].
   Style TYLKO tego formularza (scope [data-mw-oi]) — nie rusza kontakt.css ani
   formularza kontaktu. Spójne z tokenami marki (tokeny.css). */

/* --- szerokość i rytm --- */
.mw-kontakt-form[data-mw-oi]{ max-width:980px; margin:1.5rem 0 2.5rem; }
[data-mw-oi] .mw-kontakt-form__rzad{ gap:1.5rem; }
[data-mw-oi] .mw-kontakt-form__pole{ margin:0 0 1.6rem; }
[data-mw-oi] .mw-kontakt-form__pole > span{ font-size:.85rem; color:var(--mw-ink-2); }

/* imię / e-mail — dwie RÓWNE kolumny */
[data-mw-oi] .mw-kontakt-form__rzad > .mw-kontakt-form__pole{ flex:1 1 0; min-width:0; }

/* telefon — w lewej kolumnie (połowa), input na pełną szerokość tej kolumny */
[data-mw-oi] .mw-kontakt-form__pole:has(input[type="tel"]){ max-width:calc(50% - .75rem); }

/* inputy jednakowej wysokości; kontakt.css pomija type=tel — tu obejmujemy go też */
[data-mw-oi] input[type="text"],
[data-mw-oi] input[type="email"],
[data-mw-oi] input[type="tel"]{
	width:100%; box-sizing:border-box; font:inherit; color:var(--mw-ink);
	background:var(--mw-paper); border:1px solid var(--mw-line-2); border-radius:2px;
	min-height:56px; padding:.5rem .9rem; }

/* opis — pełna szerokość, niższy */
[data-mw-oi] textarea{
	width:100%; box-sizing:border-box; font:inherit; color:var(--mw-ink);
	background:var(--mw-paper); border:1px solid var(--mw-line-2); border-radius:2px;
	height:210px; min-height:210px; padding:.7rem .9rem; line-height:1.6; resize:vertical; }

/* placeholdery spójne */
[data-mw-oi] ::placeholder{ color:var(--mw-muted); opacity:1; }

/* focus — subtelny, wyraźny, zgodny z marką (wygrywa nad nadpisanym borderem) */
[data-mw-oi] input:focus,
[data-mw-oi] textarea:focus{ outline:2px solid var(--mw-ink); outline-offset:1px; border-color:var(--mw-ink); }

/* zgoda RODO — checkbox równo z pierwszą linią, niewielki odstęp, link zawija */
[data-mw-oi] .mw-kontakt-form__zgoda{ align-items:flex-start; gap:.5rem; margin:.2rem 0 .4rem; overflow-wrap:anywhere; }
[data-mw-oi] .mw-kontakt-form__zgoda input[type="checkbox"]{ margin-top:.15rem; }

/* przycisk — lżejszy tracking, spójna wysokość, wyrównany do lewej */
[data-mw-oi] .mw-kontakt-form__dol{ margin-top:.4rem; gap:1rem; }
[data-mw-oi] .mw-kontakt-form__submit{ min-height:50px; letter-spacing:.08em; padding:.6rem 1.8rem; }

/* --- MOBILE --- */
@media (max-width:640px){
	.mw-kontakt-form[data-mw-oi]{ margin:1rem 0 2rem; }
	[data-mw-oi] .mw-kontakt-form__rzad{ flex-direction:column; gap:0; }
	[data-mw-oi] .mw-kontakt-form__rzad > .mw-kontakt-form__pole{ flex:1 1 auto; }
	[data-mw-oi] .mw-kontakt-form__pole{ margin:0 0 1.1rem; }
	[data-mw-oi] .mw-kontakt-form__pole:has(input[type="tel"]){ max-width:none; }
	[data-mw-oi] input[type="text"],
	[data-mw-oi] input[type="email"],
	[data-mw-oi] input[type="tel"]{ min-height:52px; }
	[data-mw-oi] textarea{ height:170px; min-height:170px; }
	[data-mw-oi] .mw-kontakt-form__submit{ width:100%; }
}