/*
 * Hotfix CSS — Quick overrides without full rebuild.
 * Add temporary fixes here. Move to source (Storybook) on next design build.
 */

/* Fix: richtext-container link styles leaking into widget sections.
 * <section> elements only come from Kentico widgets, never from editorial content.
 */
.richtext-container section a:not(.primary-cta):not(.primary-button) {
    color: inherit;
    text-decoration-line: inherit;
}

/* Re-apply richtext link styles for inner richtext-container blocks
 * (widget's own rich-text fields like FAQ descriptions, Why Invest paragraphs, etc.)
 */
.richtext-container section .richtext-container a:not(.primary-cta) {
    color: var(--primary-color-alt);
    text-decoration-line: underline;
}

/* Fix: .primary-button sets position:relative which overrides .skip-button's position:absolute,
 * making the skip-to-content wrapper visible as a colored bar above the nav.
 */
.skip-button {
    position: absolute !important;
    left: -100% !important;
}
.skip-button:focus-visible {
    position: relative !important;
    left: 0 !important;
}

/* Features2Columns Compact — image wrapper sizing */
.features-two-columns .compact-img-wrapper {
    width: 100%;
    max-height: 180px;
}
@media (min-width: 640px) {
    .features-two-columns .compact-img-wrapper {
        width: 250px;
        max-height: none;
    }
}

/* Fix: Wizard layout broken by CSS loading order swap (fd24e8e1).
 * Storybook's utilities override responsive classes from styles/main.css.
 * Re-apply containment for form area + top margin for left info panel.
 */
@media (min-width: 768px) {
    .wizard-grid-info .text-white {
        margin-top: 10rem; /* md:mt-40 */
    }
}
.wizard-grid-forms > div {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    .wizard-grid-forms > div {
        width: 80%;
    }
    .wizard-grid-forms > div:last-child {
        margin-top: 9rem;
    }
}
@media (min-width: 1280px) {
    .wizard-grid-forms > div {
        width: 60%;
    }
}
@media (min-width: 1536px) {
    .wizard-grid-forms > div {
        width: 50%;
    }
}

/* Fix: Portal card title truncated after CSS loading order swap (fd24e8e1).
 * Storybook's .portal-card-v2 .title sets font-size:1.5rem / line-height:2rem,
 * making 3 lines exceed h-20 (5rem). Increase to 6rem (3 lines × 2rem).
 */
.portal-card-v2 .title {
    height: 6rem;
}