/* UTrust Social Login — Frontend */

.utrust-sl-buttons {
	margin: 1.5em 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.utrust-sl-divider {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #757575;
	font-size: 13px;
	margin: 0.25em 0;
}

.utrust-sl-divider::before,
.utrust-sl-divider::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #ddd;
}

/* Base button */
.utrust-sl-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px 16px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none !important;
	cursor: pointer;
	transition: box-shadow 0.15s ease, opacity 0.15s ease;
	border: 1px solid transparent;
	white-space: nowrap;
}

.utrust-sl-btn:hover {
	opacity: 0.92;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	text-decoration: none;
}

.utrust-sl-btn svg {
	flex-shrink: 0;
}

/* Google */
.utrust-sl-btn-google {
	background: #fff;
	color: #3c4043 !important;
	border-color: #dadce0;
}

/* Facebook */
.utrust-sl-btn-facebook {
	background: #1877F2;
	color: #fff !important;
}

/* LINE */
.utrust-sl-btn-line {
	background: #06C755;
	color: #fff !important;
}

/* Error shown on wp-login.php */
.utrust-sl-error {
	color: #cc0000;
	border-left: 4px solid #cc0000;
	padding: 6px 12px;
	margin-bottom: 10px;
	background: #fff8f8;
}

/* WooCommerce My Account panel */
.utrust-sl-my-account {
	margin: 1.5em 0;
	padding: 1em 1.25em;
	background: #f8f8f8;
	border-left: 3px solid #06C755;
	border-radius: 0 4px 4px 0;
}

.utrust-sl-my-account h3 {
	margin-top: 0;
}

.utrust-sl-my-account ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.utrust-sl-my-account li {
	padding: 4px 0;
	border-bottom: 1px solid #eee;
}

.utrust-sl-my-account li:last-child {
	border-bottom: none;
}