/* --- Main Grid Section Container --- */
.training-event-details-grid-section {
    display: grid;
    grid-template-columns: 1fr; /* Default to 1 column on smaller screens */
    gap: 3rem; /* Equivalent to gap-12 */
    align-items: center; /* Equivalent to items-center */
}

@media (min-width: 1024px) { /* lg breakpoint */
    .training-event-details-grid-section {
        grid-template-columns: repeat(2, 1fr); /* Equivalent to lg:grid-cols-2 */
    }
}

/* --- Left Column - Content --- */
.training-event-content-column {
    /* Mimics space-y-6 */
}

    .training-event-content-column > *:not(:last-child) {
        margin-bottom: 1.5rem; /* Equivalent to space-y-6 (6 * 0.25rem = 1.5rem) */
    }

/* Color-coded capsule tag */
.training-event-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem; /* Equivalent to px-3 py-1 */
    border-radius: 9999px; /* Equivalent to rounded-full */
    background-color: #FF5722; /* Equivalent to bg-flamingo-orange (adjust if specific color differs) */
    color: #fff;
    font-size: 0.875rem; /* Equivalent to text-sm */
    font-weight: 500; /* Equivalent to font-medium */
}

.training-event-tag-text {
    /* Inherits styles from .training-event-tag */
}

/* Headline */
.training-event-headline {
    font-family: 'Poppins', sans-serif; /* Assuming Poppins font is imported */
    font-weight: 700; /* Equivalent to font-bold */
    font-size: 1.5rem; /* Equivalent to text-2xl */
    line-height: 1.25; /* Equivalent to leading-tight */
    color: #001f3f; /* Representative for daikin-dark-navy (adjust if specific color differs) */
}

@media (min-width: 1024px) { /* lg breakpoint */
    .training-event-headline {
        font-size: 1.875rem; /* Equivalent to lg:text-3xl */
    }
}

/* Subheading */
.training-event-subheading {
    font-family: 'Poppins', sans-serif; /* Assuming Poppins font is imported */
    font-size: 1.125rem; /* Equivalent to text-lg */
    color: #FF5722; /* Equivalent to text-flamingo-orange (adjust if specific color differs) */
    font-weight: 500; /* Equivalent to font-medium */
}

/* Shortened body copy */
.training-event-body-copy {
    font-family: 'Poppins', sans-serif; /* Assuming Poppins font is imported */
    font-size: 1rem; /* Equivalent to text-base */
    color: #374151; /* Equivalent to text-gray-700 */
    line-height: 1.625; /* Equivalent to leading-relaxed */
}

/* Training Details Card */
.training-event-details-card {
    background-color: #FF5722; /* Equivalent to bg-flamingo-orange */
    border-radius: 0.5rem; /* Equivalent to rounded-lg */
    padding: 1rem; /* Equivalent to p-4 */
    color: #fff; /* Equivalent to text-white */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); /* Equivalent to shadow-lg */
    max-width: 28rem; /* Equivalent to max-w-md (md is 28rem) */
}

.training-event-details-list {
    display: grid;
    grid-template-columns: 1fr; /* Default to single column */
    gap: 0.75rem; /* Equivalent to gap-3 */
}

.training-event-detail-item {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* Equivalent to space-x-2 */
}

.training-event-detail-icon {
    height: 1rem; /* Equivalent to h-4 */
    width: 1rem; /* Equivalent to w-4 */
    flex-shrink: 0; /* Prevents icon from shrinking */
    stroke: currentColor; /* Ensures SVG icon uses inherited color */
}

.training-event-detail-label {
    font-family: 'Poppins', sans-serif; /* Assuming Poppins font is imported */
    font-weight: 600; /* Equivalent to font-semibold */
    font-size: 0.875rem; /* Equivalent to text-sm */
}

.training-event-detail-value {
    font-family: 'Poppins', sans-serif; /* Assuming Poppins font is imported */
    font-size: 0.875rem; /* Equivalent to text-sm */
}

/* --- Right Column - Featured Image --- */
.training-event-image-column {
    display: flex;
    justify-content: center; /* Equivalent to justify-center */
}

@media (min-width: 1024px) { /* lg breakpoint */
    .training-event-image-column {
        justify-content: flex-end; /* Equivalent to lg:justify-end */
    }
}

.training-event-image-aspect-ratio {
    position: relative;
    width: 100%; /* w-full */
    padding-bottom: 75%; /* aspect-[4/3] (height / width = 3 / 4 = 0.75) */
    max-width: 28rem; /* Equivalent to max-w-md */
    border-radius: 0.5rem; /* Equivalent to rounded-lg */
    overflow: hidden;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); /* Equivalent to shadow-lg */
}

.training-event-featured-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Equivalent to object-cover */
}

.type-Trainings .training-event-tag {
    background: var(--flamingo);
}

.type-Trainings .training-event-details-card {
    background: var(--flamingo);
}

.type-Events .training-event-tag {
    background: var(--daikin-blue);
}

.type-Events .training-event-details-card {
    background: var(--daikin-blue);
}

.button.button-outlined {
    border: 1px solid var(--white);
    margin-top: .5rem;
}

.button.button-outlined:hover {
    background: var(--white);
    color: var(--typeColor, #000000);
}

.button.button-outlined:hover span {
    background: var(--typeColor, #000000);
}