/* =============================================================================
   FinTriangle Landing — land-specific styles
   ─────────────────────────────────────────────────────────────────────────
   Уся базова стилізація цього ленду тепер у спільному файлі:
       /resources/css/course.css
   (підключається перед цим файлом у index.php → extra_css)

   Додавай сюди ТІЛЬКИ стилі, специфічні саме для FinTriangle.
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Diag-card символи статі (блок "Знайома історія?") — fintriangle-only.
   Базовий .diag-card__sym (градієнт + тонкий текстовий ♂/♀) → course.css.
   Тут: товсті білі SVG-іконки mars/venus + синій (чоловік) / рожевий (жінка).
   -------------------------------------------------------------------------- */
.diag-card__sym--m,
.diag-card__sym--f {
  color: transparent;          /* ховаємо тонкий текстовий гліф ♂/♀ */
  box-shadow: none;            /* без тіні під кружечком */
}

/* Чоловік — брендований синій (#049DCB з gradient-brand) + іконка ♂ (mars).
   Іконка 30px по центру; колір (останній шар) заливає все коло. */
.diag-card__sym--m {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='14.5' r='6'/%3E%3Cpath d='M14 10 20 4'/%3E%3Cpath d='M15 4h5v5'/%3E%3C/svg%3E") center / 30px no-repeat,
    #049DCB;
}

/* Жінка — брендований червоний (--color-error) + іконка ♀ (venus) */
.diag-card__sym--f {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='6'/%3E%3Cpath d='M12 14.5v6.5'/%3E%3Cpath d='M9 18h6'/%3E%3C/svg%3E") center / 30px no-repeat,
    var(--color-error);
}

/* Лейбли "Чоловік" / "Жінка" — кольорові під символи (base .diag-card__person → course.css) */
.diag-card__person--m { color: #049DCB; }                 /* синій */
.diag-card__person--f { color: var(--color-error); }       /* червоний */