/**
 * Стили страниц оплаты и чекаута MasterStudy LMS Robokassa.
 *
 * @package MasterStudyRobokassa
 */

.msr-page {
	background: #f5f5f7;
	min-height: 100vh;
}

/* 
 * Скрытие нескомпилированных шаблонов Vue.js (FOUC — Flash of Uncompiled Content)
 * на странице оформления заказа MasterStudy (#stm_lms_checkout).
 * Предотвращает кратковременное появление красного блока {{ msg }} до инициализации Vue.
 */
#stm_lms_checkout [v-for],
#stm_lms_checkout [v-cloak],
#stm_lms_checkout .stm-lms-message:not(.error):not(.success) {
	display: none !important;
}

/* 
 * Визуальное отображение активного выбора Robokassa по умолчанию
 */
.stm-lms-payment-methods .stm-lms-payment-method input[value="robokassa"]:checked + .wpcfto_radio__fake::before {
	border-width: 2px;
	border-color: var(--accent-100, #1976d2);
}

.stm-lms-payment-methods .stm-lms-payment-method input[value="robokassa"]:checked + .wpcfto_radio__fake::after {
	background-color: var(--accent-100, #1976d2);
}