/**
 * SupportCandy compatibility styles for the support page only.
 */

.support-page {
	overflow-x: hidden;
}

.support-layout,
.support-main,
.support-sidebar,
.support-widget-wrap {
	min-width: 0;
	max-width: 100%;
}

/* Isolate SupportCandy UI from dark glass theme */
.support-widget-wrap--plugin {
	padding: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: var(--radius-lg);
	color: #1e293b;
}

.support-widget-wrap--plugin .wpsc-shortcode-container,
.support-widget-wrap--plugin .wpsc-container {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border: none !important;
	box-shadow: none !important;
	box-sizing: border-box;
}

.support-widget-wrap--plugin .wpsc-body,
.support-widget-wrap--plugin .wpsc-setting-container,
.support-widget-wrap--plugin .wpsc-tickets-container,
.support-widget-wrap--plugin .wpsc-filter-container {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.support-page .wpsc-shortcode-container {
	direction: rtl;
	text-align: right;
}

.support-page .wpsc-header,
.support-page .wpsc-menu-list,
.support-page .wpsc-filter,
.support-page .wpsc-filter-container,
.support-page .wpsc-bulk-actions,
.support-page .wpsc-list-actions {
	flex-wrap: wrap !important;
	max-width: 100%;
	gap: 8px;
}

.support-page .wpsc-menu-list li,
.support-page .wpsc-header-item,
.support-page .wpsc-menu-item {
	white-space: normal;
}

.support-page .wpsc-ticket-list-tbl,
.support-page .wpsc-shortcode-container table {
	width: 100% !important;
	table-layout: auto;
}

.support-page .wpsc-ticket-list-tbl th,
.support-page .wpsc-ticket-list-tbl td {
	word-break: break-word;
}

.support-page .wpsc-search input,
.support-page .wpsc-filter select,
.support-page .wpsc-filter input {
	max-width: 100%;
	box-sizing: border-box;
}

/* Mobile: show tickets first, contact sidebar below */
@media (max-width: 1024px) {
	.support-layout {
		display: flex;
		flex-direction: column;
	}

	.support-main {
		order: 1;
	}

	.support-sidebar {
		order: 2;
	}
}

@media (max-width: 768px) {
	.support-page {
		padding-top: 24px;
	}

	.support-intro {
		margin-bottom: 20px;
	}

	.support-sidebar {
		padding: 16px;
	}

	.support-sidebar .support-whatsapp-buttons {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.support-sidebar .btn-whatsapp {
		flex: 1 1 calc(50% - 5px);
		min-width: 0;
		white-space: normal;
		text-align: center;
		line-height: 1.35;
		padding: 10px 8px;
		font-size: 11px;
	}

	.support-sidebar .btn-whatsapp span {
		display: block;
		overflow-wrap: anywhere;
	}

	.support-page .wpsc-header-item,
	.support-page .wpsc-menu-item,
	.support-page .wpsc-bulk-actions button,
	.support-page .wpsc-list-actions button {
		font-size: 12px;
	}
}