/*
 * ЗАК-027: Micro-interactions & A11y & Mobile.
 * Подключается через ViewHelper. Все стили работают только когда соответствующий FID включён
 * (добавляется CSS-флаг на корень формы через JS — например `b1cp-mi-fg`).
 */

/* === mi_focus_glow: свечение активного поля === */
.b1cp-mi-fg .buy1clickpro-input-text:focus,
.b1cp-mi-fg .buy1clickpro-form-field__input:focus,
.b1cp-mi-fg input:focus,
.b1cp-mi-fg textarea:focus,
.b1cp-mi-fg select:focus {
	border-color:#3b82f6 !important;
	box-shadow:0 0 0 3px rgba(59,130,246,.18), 0 1px 3px rgba(0,0,0,.05) !important;
	outline:none !important;
	transition:box-shadow .15s, border-color .15s;
}

/* === mi_field_tooltip: ? иконка с tooltip === */
.b1cp-mi-tooltip { position:relative; display:inline-block; margin-left:6px; width:16px; height:16px; border-radius:50%; background:#cbd5e1; color:#475569; font-size:11px; font-weight:700; text-align:center; line-height:16px; cursor:help; vertical-align:middle; }
.b1cp-mi-tooltip-pop { display:none; position:absolute; bottom:120%; left:50%; transform:translateX(-50%); background:#1e293b; color:#fff; padding:6px 10px; border-radius:5px; font-size:11px; white-space:nowrap; z-index:1000; box-shadow:0 4px 12px rgba(0,0,0,.15); }
.b1cp-mi-tooltip:hover .b1cp-mi-tooltip-pop { display:block; }
.b1cp-mi-tooltip-pop::after { content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:4px solid transparent; border-top-color:#1e293b; }

/* === mi_typewriter: cursor мигание === */
.b1cp-mi-tw::after { content:'|'; display:inline-block; color:#3b82f6; animation:b1cp-tw-blink 1s infinite; }
@keyframes b1cp-tw-blink { 0%,49% { opacity:1; } 50%,100% { opacity:0; } }

/* === mi_thumb_zone: липкий submit-блок снизу на мобайл === */
@media (max-width: 600px) {
	.b1cp-mi-tz .buy1clickpro-form__submit-area,
	.b1cp-mi-tz [class*=submit-area],
	.b1cp-mi-tz button[type=submit] {
		position:sticky; bottom:0; background:inherit; padding-top:8px; padding-bottom:env(safe-area-inset-bottom, 8px); z-index:10;
	}
}

/* === mi_landscape_2col: 2 колонки на широких экранах === */
@media (min-width: 1280px) {
	.b1cp-mi-l2c .buy1clickpro-form__contact-info,
	.b1cp-mi-l2c .buy1clickpro-form__shipping-info {
		display:grid; grid-template-columns:1fr 1fr; gap:14px;
	}
}

/* === mi_safe_area: учёт notch/home-bar iPhone === */
.b1cp-mi-sa .buy1clickpro-form { padding-top:env(safe-area-inset-top, 0); padding-bottom:env(safe-area-inset-bottom, 0); }
.b1cp-mi-sa .buy1clickpro-overlay { padding-top:env(safe-area-inset-top, 0); }

/* === mi_fullscreen_small: full viewport на маленьких экранах === */
@media (max-width: 379px) {
	.b1cp-mi-fs .buy1clickpro-form {
		max-width:100% !important; width:100% !important;
		max-height:100vh !important; height:100vh !important;
		border-radius:0 !important; margin:0 !important;
		overflow-y:auto !important;
	}
	.b1cp-mi-fs .buy1clickpro-overlay { padding:0 !important; }
}