/* =========================================================
 * Competenza Academy – Masteriyo Basis
 * ========================================================= */

:root {
    --ca-company: #666666;
    --ca-concept: #bdccd8;
    --ca-analytic: #7bb41d;
    --ca-academy: #ed8008;

    --ca-dark: #2d3034;
    --ca-dark-hover: #202225;
    --ca-text: #172033;
    --ca-muted: #667085;
    --ca-border: #dfe3e6;
    --ca-background: #f5f6f7;
    --ca-surface: #ffffff;

    --ca-content-width: 1280px;
    --ca-content-gutter: clamp(20px, 4vw, 54px);
}

/*
 * Keine pauschalen ::before-Balken auf allen Masteriyo-Buttons.
 * Nur explizit markierte Primäraktionen erhalten einen Balken.
 */
.masteriyo .masteriyo-btn,
.masteriyo button,
.masteriyo-interactive-page button,
.mto-account-wrapper button {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/*
 * Academy-Primärbuttons.
 */
.masteriyo .masteriyo-btn-primary,
.masteriyo .masteriyo-submit,
.masteriyo .masteriyo-single-course--btn,
.mto-account-wrapper .chakra-button[data-status="primary"],
.mto-account-wrapper .mto-continue-course button {
    position: relative;
    min-height: 46px;
    padding:
        11px
        22px
        11px
        29px !important;
    overflow: hidden;
    border: 1px solid var(--ca-dark) !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    background: var(--ca-dark) !important;
    box-shadow: none !important;
    font-weight: 700;
}

/*
 * Der Farbbalken liegt vollständig innerhalb des Buttons.
 * Dadurch ist keine Hintergrundkante vor dem Balken sichtbar.
 */
.masteriyo .masteriyo-btn-primary::before,
.masteriyo .masteriyo-submit::before,
.masteriyo .masteriyo-single-course--btn::before,
.mto-account-wrapper .mto-continue-course button::before {
    position: absolute;
    z-index: 1;
    inset: 0 auto 0 0;
    width: 6px;
    content: "";
    background: var(--ca-academy);
    pointer-events: none;
}

.masteriyo .masteriyo-btn-primary:hover,
.masteriyo .masteriyo-submit:hover,
.masteriyo .masteriyo-single-course--btn:hover,
.mto-account-wrapper .mto-continue-course button:hover {
    border-color: var(--ca-dark-hover) !important;
    background: var(--ca-dark-hover) !important;
}

/*
 * Formularfelder
 */
.masteriyo input:not([type="checkbox"]):not([type="radio"]),
.masteriyo select,
.masteriyo textarea,
.mto-account-wrapper input:not([type="checkbox"]):not([type="radio"]),
.mto-account-wrapper select,
.mto-account-wrapper textarea {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/*
 * Fortschrittsanzeigen
 */
.masteriyo .chakra-progress,
.mto-account-wrapper .chakra-progress,
.masteriyo-interactive-page .chakra-progress {
    border-radius: 0 !important;
    overflow: hidden;
}

.masteriyo .chakra-progress__track,
.mto-account-wrapper .chakra-progress__track,
.masteriyo-interactive-page .chakra-progress__track {
    border-radius: 0 !important;
    background: #e8ebed !important;
}

.masteriyo .chakra-progress__indicator,
.mto-account-wrapper .chakra-progress__indicator,
.masteriyo-interactive-page .chakra-progress__indicator {
    border-radius: 0 !important;
    background: var(--ca-academy) !important;
}

/*
 * Karten und Dialoge
 */
.masteriyo [class*="card"],
.masteriyo [class*="modal"],
.mto-account-wrapper [class*="card"] {
    border-radius: 0 !important;
    box-shadow: none !important;
}