/* Chat: Wise Chat “chat card” styling (Figma Step 4).
 *
 * Wise Chat renders its own markup via shortcode, so we theme it via scoped overrides.
 * This file is enqueued late on the event page to ensure it loads after Wise Chat’s CSS.
 */

.page-template-page-otr-event .otr-panel .wcContainer {
	width: 100%;
	max-width: 100%;
	font-family: inherit;
	font-size: var(--otr-font-size-body);
	line-height: var(--otr-line-height-body);
	color: var(--otr-text-primary);
}

.page-template-page-otr-event .otr-panel .wcContainer,
.page-template-page-otr-event .otr-panel .wcContainer * {
	font-family: inherit;
}

.page-template-page-otr-event .otr-panel .wcContainer.wcLightgrayTheme,
.page-template-page-otr-event .otr-panel .wcContainer.wcLightgrayTheme * {
	font-size: inherit;
	line-height: inherit;
}

.page-template-page-otr-event .otr-panel .wcContainer a {
	color: var(--otr-color-brand-500);
}

.page-template-page-otr-event .otr-panel .wcContainer a:hover,
.page-template-page-otr-event .otr-panel .wcContainer a:focus-visible {
	text-decoration: underline;
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelData .wcMessages {
	margin: 0;
	padding: 0;
	background: transparent;
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelData .wcMessages .wcMessage {
	border: 1px solid var(--otr-border-default);
	border-radius: var(--otr-radius-md);
	background: var(--otr-surface-bg);
	padding: var(--otr-space-4);
	margin: 0 0 var(--otr-space-3);
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowHead {
	margin: 0 0 var(--otr-space-2);
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowHead .wcUser {
	font-weight: var(--otr-font-weight-semibold);
	color: var(--otr-text-primary);
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowHead .wcTime {
	color: var(--otr-text-tertiary);
	font-size: var(--otr-font-size-meta);
	line-height: var(--otr-line-height-meta);
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody {
	gap: var(--otr-space-3);
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody .wcAvatar {
	max-width: 32px;
	border-radius: 999px;
	box-shadow: none;
	border: 1px solid var(--otr-border-default);
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody .wcContent {
	background: transparent;
	padding: 0;
	line-height: inherit;
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput {
	margin-top: var(--otr-space-3);
	border: 1px solid var(--otr-border-default);
	border-radius: var(--otr-radius-md);
	background: var(--otr-surface-bg);
	padding: var(--otr-space-3);
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput .wcInputs {
	gap: var(--otr-space-2);
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput .wcInputs .wcInput {
	min-height: 44px;
	padding: 10px 12px;
	border: 1px solid var(--otr-border-default);
	border-radius: var(--otr-radius-sm);
	background: var(--otr-surface-bg);
	color: var(--otr-text-primary);
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput .wcInputs .wcInput:focus {
	outline: 2px solid var(--otr-button-primary-focus-outline);
	outline-offset: 2px;
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton,
.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButtonSupplementary {
	background-color: var(--otr-surface-bg-alt);
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit,
.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput .wcInputs .wcInputButtons input.wcSubmit {
	min-height: 44px;
	padding: 12px 15px;
	border-radius: var(--otr-radius-sm);
	background: var(--otr-button-primary-bg);
	color: var(--otr-button-primary-label);
	border: 0;
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit:hover,
.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput .wcInputs .wcInputButtons input.wcSubmit:hover {
	background: var(--otr-button-primary-bg-hover);
}

.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit:focus-visible,
.page-template-page-otr-event .otr-panel .wcContainer .wcChannel .wcChannelInput .wcInputs .wcInputButtons input.wcSubmit:focus-visible {
	outline: 2px solid var(--otr-button-primary-focus-outline);
	outline-offset: 2px;
}