.arabbook-social-login-wrap {
	margin-top: 1.5em;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.arabbook-social-login-divider {
	display: flex;
	align-items: center;
	gap: 0.75em;
	width: 95%;
	max-width: 95%;
	margin: 0 0 1.1em;
	color: #6b7280;
	font-size: 0.95em;
	box-sizing: border-box;
}

.arabbook-social-login-divider::before,
.arabbook-social-login-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: #e5e7eb;
}

.arabbook-social-login-buttons {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.65em;
}

.arabbook-social-login-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75em;
	width: 100%;
	max-width: 95%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 1em 1.15em;
	min-height: 52px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	transition: background 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.arabbook-social-login-button--google {
	border: 1px solid #dadce0;
	background: #fff;
	color: #3c4043;
	box-shadow: 0 1px 2px rgba(60, 64, 67, 0.1);
}

.arabbook-social-login-button--google:hover,
.arabbook-social-login-button--google:focus {
	background: #f8f9fa;
	border-color: #c6c9cc;
	box-shadow: 0 2px 6px rgba(60, 64, 67, 0.14);
	color: #202124;
	text-decoration: none;
}

.arabbook-social-login-button--facebook {
	border: 1px solid #1877f2;
	background: #1877f2;
	color: #fff;
	box-shadow: 0 1px 2px rgba(24, 119, 242, 0.25);
}

.arabbook-social-login-button--facebook:hover,
.arabbook-social-login-button--facebook:focus {
	background: #166fe5;
	border-color: #166fe5;
	color: #fff;
	text-decoration: none;
}

.arabbook-social-login-button__icon {
	display: inline-flex;
	flex-shrink: 0;
	line-height: 0;
}

.arabbook-social-login-button__icon svg {
	display: block;
}

.arabbook-social-login-button__label {
	white-space: nowrap;
}

.woocommerce-form-login .arabbook-social-login-wrap,
.woocommerce-form-register .arabbook-social-login-wrap {
	clear: both;
}

#customer_login .col-1 .arabbook-social-login-wrap,
#customer_login .col-2 .arabbook-social-login-wrap {
	padding: 0 2px;
}

@media (max-width: 768px) {
	.arabbook-social-login-button {
		max-width: 100%;
		font-size: 15px;
		min-height: 48px;
		padding: 0.85em 1em;
	}

	.arabbook-social-login-divider {
		width: 100%;
		max-width: 100%;
	}
}