/**
 * Калькулятор (#calc), стан «після відправки»: блок «Орієнтовна вартість» на
 * телефоні (полотно 402, панель 342). Логіка, кольори й десктопні розміри —
 * assets/css/calc-result.css; плитки — за мобільними плитками вікна пакета
 * (mobile/30-modals.css: підпис 15/19, число 43.5, «від» і одиниця 15, радіус 3.6,
 * проміжок 9). Селектори — ті самі, що на десктопі, з [data-layout="mobile"],
 * і файл підключається після 43-forms-states.css.
 */

/* Положення й прокрутка — як на десктопі (calc-result.css): угорі панелі,
   повітря над галочкою / над підписом першого поля після прокрутки — 24 (40 × 0.6) */
[data-layout="mobile"] body .calc__panel .ff-message-success,
[data-layout="mobile"] body .calc__panel .fluentform form { scroll-margin-top: 24px; }

[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res { margin-top: 24px; }

[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__heading {
  font-size: 15px;
  line-height: 19px;
}

[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__tiles {
  gap: 9px;
  margin-top: 13px;
}

[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__tile {
  gap: 16px;
  min-height: 104px;
  padding: 18px 8px 16px 15px;
  border-radius: 3.6px;
}

[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__label {
  font-size: 15px;
  line-height: 19px;
}

/* Рядок значення — той самий, що в назви пакета (15 / 19): базова лінія «610»
   збігається з останнім рядком назви в сусідній плитці (див. calc-result.css) */
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__value {
  font-size: 15px;
  line-height: 19px;
}
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__amount { font-size: 15px; }
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__value b { font-size: 28px; }
/* На мобільних плитках вікна число звичайних плиток мідне, підсумкової — біле
   (мідь на мідній плитці — 3.2:1, для числа 28 px, тобто великого тексту, досить) */
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__tile:not(.calc-res__tile--total) .calc-res__value b {
  color: var(--accent);
}
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__tile--total .calc-res__value {
  font-size: 15px;
  line-height: 36px;
}
/* Підсумкова на телефоні — як і була: число розсуває рядок (плитка 113), бо тут
   місця досить — стан успіху з кнопкою 490 px і так уміщається у вікно */
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__tile--total .calc-res__amount { line-height: inherit; }
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__tile--total .calc-res__value b { font-size: 43.5px; }

[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__value--text,
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__tile--total .calc-res__value--text {
  font-size: 18px;
  line-height: 22px;
}

[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__pkg,
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__name {
  font-size: 15px;
  line-height: 19px;
}
/* Назва пакета на телефоні — біла з мідним підкресленням (6.4.0). Мідний
   текст 15 px на мідній плитці давав 3.2:1 — замало для дрібного тексту;
   білий — 12.2:1. Мідь лишається в підкресленні (ознака посилання) і в
   числах, як на мобільних плитках вікна пакета. */
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__pkg,
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__pkg:hover {
  color: var(--ink);
  text-decoration-color: var(--accent);
}

[data-layout="mobile"] body .calc__panel .ff-message-success .vk-success__text {
  max-width: 300px;
  margin-top: 20px;
}

/* «Розрахувати інший варіант»: 342×46, як «Отримати результат»; контур — як у
   мобільної контурної кнопки вікон послуг (30-modals.css): лише мідна рамка
   0.72 (1.2 × 0.6) inset-тінню, без підкладки й розмиття */
[data-layout="mobile"] body .calc__panel .ff-message-success .calc-res__again {
  height: 46px;
  margin-top: 24px;
  padding: 2.88px 12px 0;   /* капітель по центру кнопки, як у «Отримати результат» */
  border: 0;
  border-radius: 3.6px;
  box-shadow: inset 0 0 0 0.72px var(--accent);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  font-size: 15px;
  line-height: 19.2px;
}