/* Session Speakers Widget Styles */

.arcadia-speakers-container {
	
    /* Speakers Header */
    .speakers-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        margin-bottom: 48px;
    }

    .speakers-title {
        font-size: 44px;
        letter-spacing: -0.4px;
        font-weight: 600;
        line-height: 120%; /* 48px */
        margin: 0;
    }

    .speakers-description {
        font-size: 18px;
        line-height: 150%; /* 27px */
    }

    /* Speakers Grid */
    .speakers-grid {
        display: grid;
        gap: 32px;
        margin-bottom: 48px;
        grid-template-columns: repeat(4, 1fr);
    }

    /* Speaker Card */
    .speaker-card {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
        justify-content: flex-start;
    }

    /* Speaker Image */
    .speaker-image {
        max-width: 220px;
		aspect-ratio: 1/1;
		border-radius: 50%;
		overflow: hidden;
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    }

    .speaker-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .speaker-placeholder {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f2e4ff;
    }

    /* Speaker Content */
    .speaker-content {
        display: flex;
        flex-direction: column;
        gap: 12px;
        flex: 1;
    }

    .speaker-name {
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%; /* 33.6px */
        letter-spacing: -0.24px;
        margin: 0;
        color: #000000;
    }

    .speaker-name-link {
        color: inherit;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .speaker-name-link:hover {
        color: #8800FF;
    }

    .speaker-role-company {
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
    }

    /* Speaker Sessions */

    .speaker-sessions-toggle {
        background: none;
        border: none;
        padding: 0;
        margin: 0 0 1em 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px;
        font-family: inherit;
        font-size: 18px;
        font-weight: 700;
        color: inherit;
        transition: color 0.3s ease;
    }

    .speaker-sessions-toggle:hover,
    .speaker-sessions-toggle:focus {
        text-decoration: underline;
		background: none;
		color: #000;
    }

    .speaker-sessions-title {
        font-size: 18px;
        font-weight: 700;
    }

    .speaker-sessions-chevron {
        transition: transform 0.3s ease;
        color: currentColor;
    }

    .speaker-sessions-toggle[aria-expanded="true"] .speaker-sessions-chevron {
        transform: rotate(180deg);
    }

        .speaker-sessions-list {
        list-style: none;
        margin: 0;
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .speaker-session-link {
        font-size: 16px;
        text-decoration: underline;
        transition: color 0.3s ease;
        line-height: 1.4;
		color: #000000;
		display: block;
		margin-bottom: .5em;
    }

    .speaker-session-link:hover {
        color: #8800FF;
    }
}

    /* Responsive Design */
@media (max-width: 1024px) {
	.arcadia-speakers-container {
		.speakers-grid {
			grid-template-columns: repeat(2, 1fr);
			gap: 24px;
		}
	}
}

@media (max-width: 768px) {
	.arcadia-speakers-container {
		.speakers-title {
			font-size: 32px;
		}

		.speakers-grid {
			grid-template-columns: 1fr;
		}

		.speaker-image {
			max-width: 100px;
		}

		.speaker-name {
			font-size: 18px;
		}

		.speaker-role-company {
			font-size: 16px;

			.company {
				display: block;
			}
		}
		.speaker-sessions-toggle {
			font-size: 16px;
		}
		.speaker-session-link {
			font-size: 14px;
		}
	}
}