/**
 * Bootstrap Icons Custom Styles
 *
 * Additional styling for Bootstrap Icons to support features
 * that were present in Font Awesome but not in Bootstrap Icons.
 *
 * Migration Date: December 2, 2025
 */

/**
 * Spinner Animation
 * Replaces Font Awesome's fa-spin class for loading indicators
 */
.bi.spin {
    animation: bi-spin 1s linear infinite;
}

@keyframes bi-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/**
 * Size adjustments to match Font Awesome sizing
 */
.bi-lg {
    font-size: 1.33em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.bi-2x {
    font-size: 2em;
}

.bi-3x {
    font-size: 3em;
}

.bi-4x {
    font-size: 4em;
}

.bi-5x {
    font-size: 5em;
}

/**
 * Fixed width icons (useful for lists and navigation)
 */
.bi-fw {
    text-align: center;
    width: 1.25em;
}

/**
 * Custom Share Arrow SVG Icon
 * Replaces Font Awesome fa-share icon with custom SVG
 */
.share-arrow-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
    margin-right: 0.25em;
}

/**
 * Question mark icons in circular tooltip buttons
 * Make question icons larger and properly centered
 */

/* Center the button content using flexbox */
.di-info-button,
.tooltip-question-mark-benefit,
.tooltip-question-mark-regular {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Make icons larger and ensure proper alignment */
.di-info-button .bi-question,
.di-info-button .bi-question-circle-fill,
.tooltip-question-mark-benefit .bi-question,
.tooltip-question-mark-regular .bi-question,
.btn-rounded .bi-question,
.btn-rounded .bi-question-circle-fill {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle;
}