.training-card {
    .child-row-title-icon {
        color: var(--text-black);

        svg {
            fill: transparent !important;
        }

        path {
            stroke: var(--danger-color) !important;
        }
    }

    .training-card-buttons {
        .shared-icon {
            border-radius: 50%;
            background-color: var(--text-white);
            margin-left: var(--mp8);
            padding: 0.1308rem;

            path {
                fill: var(--primary-color) !important;
            }
        }
    }

    .common-font-title {
        color: var(--primary-color);
    }

    .training-card__logo {
        background-color: var(--primary-color);
    }

    &.card-consulting,
    &.card-individual-coaching {
        .training-card__logo {
            background-color: #550b40;
        }
    }

    &.card-team-coaching {
        .training-card__logo {
            background-color: #f7f7f7;
        }
    }

    &.card-coaching,
    &.card-quantum-deep-dive,
    &.card-quantum-coaching,
    &.card-6-months-coaching,
    &.card-executive-coaching {
        .training-card__logo {
            background-color: #e4042c;
        }
    }

    &.card-mediation {
        .training-card__logo {
            background-color: #f7f7f7;
        }
    }

    &.card-quantum-team-boost,
    &.card-quantum-leap{
        .training-card__logo {
            background-color: #4c1d95;
        }
    }

    &.--card-selected {
        .uk-card-default {
            border: 2px solid var(--primary-color);
        }

        .card-select-icon {
            display: block;
        }
    }

    .property{
        color: #333;
        font-size: 16px;
    }
}

.training-date {
    .training-card {
        display: contents !important;
        text-decoration: none;
        transition: transform 0.3s ease;

        &:hover {
            transform: translateY(-4px);
        }

        .uk-card-default,
        > div {
            background-color: #f7f7f7;
            min-height: 260px;
            border-radius: 1rem;
            padding: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            min-width: 180px;

            &:hover {
                box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
                transform: translateY(-2px);
            }
        }

        .training-card__logo {
            width: 94px;
            height: 94px;
            border-radius: 0 !important;
            padding: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: transform 0.3s ease;
            background-color: transparent !important;

            img, svg {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
        .button-book-now{
            padding-bottom: 2px;
            text-align: center;
        }

        &:hover .training-card__logo {
            transform: scale(1.05);
        }

        .common-title,
        h2 {
            color: var(--text-black);
            font-size: 1.125rem;
            font-weight: 700;
            line-height: 1.3;
            margin: 0;
            text-align: center;
        }
        .training-card__title,
        h2 {
            color: var(--text-black);
            font-weight: 700;
            line-height: 1.3;
            text-align: center;
            font-size: 24px;
        }

        h3 {
            color: #666;
            text-align: center;
        }

        /* Button section */
        .training-card-buttons,
        .training-card__button {
            width: 100%;
            margin-top: auto;
        }

        .training-card-buttons,
        button,
        .shared-button {
            width: 100%;
            color: white;
            font-weight: 600;
            font-size: 0.875rem;
            border: none;
            border-radius: 9999px;
            padding: 0.625rem 1rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            transition: all 0.3s ease;
        }

        .shared-icon,
        button span:last-child {
            border-radius: 50%;
            background-color: white;
            padding: 0.125rem;
            width: 20px;
            height: 20px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;

            svg {
                width: 12px;
                height: 12px;
            }

            path {
                fill: #2d1b4e !important;
            }
        }

        &.card-team-coaching .training-card__logo,
        &.card-mediation .training-card__logo {
            background: #f7f7f7;
            border: 2px solid #ddd;
        }

        /* Selected state */
        &.--card-selected {
            .uk-card-default,
            > div {
                border: 2px solid var(--primary-color);
                box-shadow: 0 0 0 3px rgba(196, 30, 58, 0.15);
            }

            .card-select-icon {
                display: block;
                position: absolute;
                top: 0.5rem;
                right: 0.5rem;
                width: 24px;
                height: 24px;
                background-color: var(--primary-color);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;

                svg path {
                    fill: white !important;
                }
            }
        }

        /* Child elements cleanup */
        .child-row-title-icon {
            color: var(--text-black);
            font-size: 0.875rem;
            margin: 0.25rem 0;

            svg {
                fill: transparent !important;
                width: 16px;
                height: 16px;
            }

            path {
                stroke: var(--danger-color) !important;
            }
        }
    }

    /* Responsive adjustments */
    @media (max-width: 1024px) {
        .training-card {
            .uk-card-default,
            > div {
                min-height: 260px;
                padding: 1.25rem 1rem;
            }

            .common-title,
            h2 {
                font-size: 1rem;
            }
        }
    }

    @media (max-width: 768px) {
        .training-card {
            .uk-card-default,
            > div {
                min-height: 240px;
                padding: 1rem 0.75rem;
            }

            .common-title,
            h2 {
                font-size: 0.938rem;
            }

            h3 {
                font-size: 0.813rem;
            }

            button,
            .shared-button {
                font-size: 0.813rem;
                padding: 0.5rem 0.875rem;
            }
        }
    }

    @media (max-width: 640px) {
        .training-card {
            .uk-card-default,
            > div {
                min-height: 220px;
                padding: 0.875rem 0.625rem;
            }

            .common-title,
            h2 {
                font-size: 0.875rem;
            }

            h3 {
                font-size: 0.75rem;
            }

            button,
            .shared-button {
                font-size: 0.75rem;
                padding: 0.5rem 0.75rem;
            }

            .shared-icon,
            button span:last-child {
                width: 18px;
                height: 18px;

                svg {
                    width: 10px;
                    height: 10px;
                }
            }
        }
    }

    /* Print styles */
    @media print {
        .training-card {
            break-inside: avoid;
            page-break-inside: avoid;
        }
    }
}

/* Training card info block (below buttons) */
.training-card-info-block {
    width: 100%;
    margin-top: 8px;
    padding: 16px 20px;
    border-radius: 12px;
    background: #fff;
    background-size: cover, 60%;
    background-position: center, right bottom;
    background-repeat: no-repeat, no-repeat;
    border: 1px solid var(--Black-Transparent-30, #0000004D);
    text-align: center;

    h4 {
        font-size: 1.538rem;
        font-weight: 600;
    }

    p {
        font-size: 1.231rem;
        font-weight: 400;
    }
}

.training-card-info-block .training-card-info-title {
    color: #1F2937;
    margin: 0 0 6px;
    line-height: 1.4;
}

.training-card-info-block .training-card-info-content {
    color: #374151;
    margin: 0;
    line-height: 1.5;
}