/* Mano Durys – užklausos langas. Spalvos ir šriftai – iš temos kintamųjų. */
.mdc-modal, .mdc-inline {
	--mdc-accent: var(--md-accent, #a3111c);
	--mdc-ink: var(--md-ink, #1a1a1a);
	--mdc-muted: var(--md-muted, #5e5b56);
	--mdc-line: var(--md-line-2, #cfcbc4);
	--mdc-soft: var(--md-bg, #f3f2ef);
}
.mdc-inline { color: var(--mdc-ink); font-family: var(--md-body, system-ui, sans-serif); }
.mdc-inline .mdc-success { padding-top: 8px; }
.mdc-modal {
	--mdc-accent: var(--md-accent, #a3111c);
	--mdc-ink: var(--md-ink, #1a1a1a);
	--mdc-muted: var(--md-muted, #5e5b56);
	--mdc-line: var(--md-line-2, #cfcbc4);
	--mdc-soft: var(--md-bg, #f3f2ef);
	width: min(640px, calc(100vw - 32px));
	max-width: none;
	max-height: calc(100dvh - 48px);
	margin: auto;
	padding: 0;
	border: 0;
	border-radius: 14px;
	background: #fff;
	color: var(--mdc-ink);
	box-shadow: 0 24px 64px rgba(0, 0, 0, .22);
	overflow: hidden;
	font-family: var(--md-body, system-ui, sans-serif);
}
.mdc-modal[open] { display: flex; flex-direction: column; animation: mdc-in .18s ease-out; }
.mdc-modal::backdrop { background: rgba(20, 18, 16, .55); animation: mdc-fade .18s ease-out; }
@keyframes mdc-in { from { opacity: 0; transform: translateY(12px) scale(.985); } }
@keyframes mdc-fade { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .mdc-modal[open], .mdc-modal::backdrop { animation: none; } }

.mdc-modal__box { position: relative; overflow-y: auto; overscroll-behavior: contain; padding: clamp(24px, 4vw, 36px); }
.mdc-modal__close {
	position: absolute; top: 12px; right: 12px; width: 44px; height: 44px;
	display: grid; place-items: center; border: 0; border-radius: 50%;
	background: transparent; color: var(--mdc-ink); cursor: pointer;
}
.mdc-modal__close:hover { background: var(--mdc-soft); }
.mdc-modal__title { font-family: var(--md-display, inherit); font-size: clamp(24px, 3vw, 30px); font-weight: 700; margin: 0 48px 20px 0; line-height: 1.15; }

.mdc-form { display: grid; gap: 14px; }
.mdc-form[hidden] { display: none; }
.mdc-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mdc-field { display: grid; gap: 6px; min-width: 0; }
.mdc-form__label { font-size: 14px; font-weight: 600; color: var(--mdc-ink); }
.mdc-form__label span { color: var(--mdc-accent); }

.mdc-form input[type="text"], .mdc-form input[type="email"], .mdc-form input[type="tel"], .mdc-form textarea {
	width: 100%; min-height: 48px; padding: 11px 14px;
	font: 400 16px/1.4 var(--md-body, inherit); color: var(--mdc-ink);
	background: #fff; border: 1px solid var(--mdc-line); border-radius: 8px;
	transition: border-color .15s, box-shadow .15s;
}
.mdc-form textarea { min-height: 112px; resize: vertical; }
.mdc-form textarea::placeholder { color: #8d8981; }
.mdc-form input:focus, .mdc-form textarea:focus { outline: 0; border-color: var(--mdc-ink); box-shadow: 0 0 0 3px rgba(26, 26, 26, .12); }
.mdc-field.is-invalid input, .mdc-field.is-invalid textarea { border-color: var(--mdc-accent); }
.mdc-field.is-invalid input:focus, .mdc-field.is-invalid textarea:focus { box-shadow: 0 0 0 3px rgba(163, 17, 28, .15); }
.mdc-field__error { margin: 0; font-size: 14px; line-height: 1.35; color: var(--mdc-accent); }
.mdc-field__error:empty { display: none; }

.mdc-form__product { display: grid; gap: 4px; padding: 12px 14px; background: var(--mdc-soft); border-radius: 8px; }
.mdc-form__product[hidden] { display: none; }
.mdc-form__product-name { font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }

.mdc-field__hint { margin: 2px 0 0; font-size: 13px; line-height: 1.4; color: var(--mdc-muted); }
.mdc-field__hint a { color: var(--mdc-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.mdc-email-hint[hidden] { display: none; }
.mdc-email-fix { padding: 0; border: 0; background: none; font: inherit; font-weight: 600; color: var(--mdc-accent); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }

.mdc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mdc-turnstile:empty { display: none; }
.mdc-turnstile { min-height: 65px; }

.mdc-form__submit { width: 100%; min-height: 54px; font-size: 17px; margin-top: 4px; }
.mdc-form__submit[disabled] { opacity: .7; cursor: progress; }
.mdc-form__submit.is-loading .mdc-form__submit-text::after {
	content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 10px; vertical-align: -2px;
	border: 2px solid rgba(255, 255, 255, .5); border-top-color: #fff; border-radius: 50%; animation: mdc-spin .7s linear infinite;
}
@keyframes mdc-spin { to { transform: rotate(360deg); } }
.mdc-form__error { text-align: center; }
.mdc-form__privacy { margin: 0; font-size: 13px; line-height: 1.45; color: var(--mdc-muted); text-align: center; }
.mdc-form__privacy a { color: inherit; text-decoration: underline; }

/* Sėkmė */
.mdc-success { text-align: center; padding: 24px 0 8px; outline: 0; }
.mdc-success[hidden] { display: none; }
.mdc-success__icon { display: inline-grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #e7f4ea; color: #1e7b34; margin-bottom: 16px; }
.mdc-success__icon svg { width: 32px; height: 32px; }
.mdc-success .mdc-modal__title { margin: 0 0 8px; }
.mdc-success__text { color: var(--mdc-muted); margin: 0 0 24px; }

html.mdc-lock, html.mdc-lock body { overflow: hidden; }

@media (max-width: 600px) {
	.mdc-modal { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 12px; }
	.mdc-modal__box { padding: 22px 16px 20px; }
	.mdc-form__row { grid-template-columns: 1fr; }
	.mdc-modal__close { top: 8px; right: 6px; }
	.mdc-modal__title { margin-bottom: 14px; }
}

/* Kaip patogiau gauti atsakymą */
.mdc-pref { margin: 0; padding: 0; border: 0; display: grid; gap: 8px; min-width: 0; }
.mdc-pref legend { padding: 0; margin-bottom: 8px; }
.mdc-pref__opts { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.mdc-pref__opts label { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; font-size: 16px; cursor: pointer; }
.mdc-pref__opts input { width: 18px; height: 18px; margin: 0; accent-color: var(--mdc-accent); }
.mdc-req[hidden] { display: none; }

@media (max-width: 600px) {
	.mdc-inline .mdc-form__row { grid-template-columns: 1fr; }
}