/**
 * WhatsApp Chat Widget - WordPress Standards Compliant Version
 * Copyright © 2024 MagoArab. All rights reserved.
 * 
 * @package WhatsApp_Chat_Pro
 * @since 1.0.0
 */

/* ===== DESIGN VARIABLES ===== */
/* Default color variables - can be overridden by custom colors */
:root {
	--wa-primary-color: #25d366;
	--wa-hover-color: #128c7e;
	--wa-text-color: #ffffff;
	--wa-background-color: #ffffff;
	--wa-border-color: #e0e0e0;
	--wa-shadow-color: rgba(0, 0, 0, 0.2);
}

/* Design Variables */
.whatsapp-chat-widget.design-1 {
	--wa-color: var(--wa-primary-color);
	--wa-color-hover: var(--wa-hover-color);
}
.whatsapp-chat-widget.design-2 {
	--wa-color: #007BFF;
	--wa-color-hover: #0056b3;
}
.whatsapp-chat-widget.design-3 {
	--wa-color: #2C3E50;
	--wa-color-hover: #34495e;
}
.whatsapp-chat-widget.design-4 {
	--wa-color: #667eea;
	--wa-color-hover: #764ba2;
}
.whatsapp-chat-widget.design-5 {
	--wa-color: #FF6B6B;
	--wa-color-hover: #FF5252;
}
.whatsapp-chat-widget.design-6 {
	--wa-color: var(--wa-primary-color);
	--wa-color-hover: var(--wa-hover-color);
}
.whatsapp-chat-widget.design-7 {
	--wa-color: var(--wa-primary-color);
	--wa-color-hover: var(--wa-hover-color);
}

/* ===== BASE CONTAINER ===== */
.whatsapp-chat-widget {
	backface-visibility: visible;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	opacity: 1;
	position: fixed;
	transform: none;
	visibility: visible;
	will-change: auto;
	z-index: 99999;
}

.whatsapp-chat-widget *,
.whatsapp-chat-widget *::before,
.whatsapp-chat-widget *::after {
	box-sizing: border-box;
}

/* ===== BOX ===== */
.whatsapp-box {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: white;
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
	display: block;
	max-height: 400px;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	transform: translateZ(0) scale(0.95);
	transition: opacity 0.2s ease, transform 0.2s ease;
	visibility: hidden;
	width: 320px;
	will-change: transform, opacity;
}

.whatsapp-box.active {
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}

/* Box Positioning */
.whatsapp-box--bottom-right {
	bottom: calc(var(--wa-button-y, 20px) + 80px);
	right: var(--wa-button-x, 20px);
}
.whatsapp-box--bottom-left {
	bottom: calc(var(--wa-button-y, 20px) + 80px);
	left: var(--wa-button-x, 20px);
}
.whatsapp-box--top-right {
	right: var(--wa-button-x, 20px);
	top: calc(var(--wa-button-y, 20px) + 80px);
}
.whatsapp-box--top-left {
	left: var(--wa-button-x, 20px);
	top: calc(var(--wa-button-y, 20px) + 80px);
}

/* Special positioning for Design 6 & 7 */
.whatsapp-chat-widget.design-6 .whatsapp-box,
.whatsapp-chat-widget.design-7 .whatsapp-box {
	margin: 0;
	position: fixed;
	right: var(--wa-button-x, 20px);
	z-index: 999998;
}

.whatsapp-chat-widget.design-6 .whatsapp-box--top-right {
	bottom: auto;
	left: auto;
	right: var(--wa-button-x, 20px);
	top: calc(var(--wa-button-y, 20px) + 80px);
}

.whatsapp-chat-widget.design-6 .whatsapp-box--top-left {
	bottom: auto;
	left: var(--wa-button-x, 20px);
	right: auto;
	top: calc(var(--wa-button-y, 20px) + 80px);
}

.whatsapp-chat-widget.design-6 .whatsapp-box--bottom-right,
.whatsapp-chat-widget.design-6 .whatsapp-box--bottom-left,
.whatsapp-chat-widget.design-7 .whatsapp-box--bottom-right,
.whatsapp-chat-widget.design-7 .whatsapp-box--bottom-left {
	bottom: calc(var(--wa-button-y, 20px) + 80px);
}

.whatsapp-chat-widget.design-6 .whatsapp-box--top-right,
.whatsapp-chat-widget.design-6 .whatsapp-box--top-left,
.whatsapp-chat-widget.design-7 .whatsapp-box--top-right,
.whatsapp-chat-widget.design-7 .whatsapp-box--top-left {
	top: calc(var(--wa-button-y, 20px) + 80px);
}

.whatsapp-chat-widget.design-6 .whatsapp-box--bottom-left,
.whatsapp-chat-widget.design-7 .whatsapp-box--bottom-left {
	left: 0;
	right: auto;
}

.whatsapp-chat-widget.design-6 .whatsapp-box--top-right,
.whatsapp-chat-widget.design-7 .whatsapp-box--top-right,
.whatsapp-chat-widget.design-6 .whatsapp-box--top-left,
.whatsapp-chat-widget.design-7 .whatsapp-box--top-left {
	bottom: auto;
}

.whatsapp-box__header {
	align-items: center;
	background: var(--wa-color, var(--wa-primary-color));
	color: var(--wa-text-color);
	display: flex;
	justify-content: space-between;
	padding: 16px;
}

.whatsapp-box__title {
	font-size: 16px;
	font-weight: 600;
}

.whatsapp-box__close {
	align-items: center;
	background: none;
	border: none;
	border-radius: 50%;
	color: white;
	cursor: pointer;
	display: flex;
	font-size: 24px;
	height: 30px;
	justify-content: center;
	transition: background 0.2s;
	width: 30px;
}

.whatsapp-box__close:hover {
	background: rgba(255, 255, 255, 0.2);
}

.whatsapp-box__content {
	max-height: 300px;
	overflow-y: auto;
	padding: 16px;
}

.whatsapp-box__footer {
	background: #f8f9fa;
	border-top: 1px solid #e9ecef;
	color: #6c757d;
	font-size: 12px;
	padding: 12px 16px;
	text-align: center;
}

/* ===== BUTTON BASE ===== */
.whatsapp-button {
	align-items: center;
	background: var(--wa-color, var(--wa-primary-color)) !important;
	border: none !important;
	border-radius: 50px;
	box-shadow: 0 4px 12px var(--wa-shadow-color);
	color: var(--wa-text-color) !important;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	font-weight: 500;
	gap: 10px;
	padding: 12px 20px;
	position: fixed;
	transition: all 0.3s ease;
	z-index: 100000;
}

.whatsapp-button:hover {
	background: var(--wa-color-hover, var(--wa-hover-color)) !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
	transform: translateY(-2px);
}

/* Button Positions */
.whatsapp-button--bottom-right {
	bottom: var(--wa-button-y, 20px);
	right: var(--wa-button-x, 20px);
}
.whatsapp-button--bottom-left {
	bottom: var(--wa-button-y, 20px);
	left: var(--wa-button-x, 20px);
}
.whatsapp-button--top-right {
	right: var(--wa-button-x, 20px);
	top: var(--wa-button-y, 20px);
}
.whatsapp-button--top-left {
	left: var(--wa-button-x, 20px);
	top: var(--wa-button-y, 20px);
}

/* ===== BUTTON ICON ===== */
.whatsapp-button__icon {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	height: 24px;
	justify-content: center;
	width: 24px;
}

.whatsapp-button__icon svg {
	display: block;
	fill: white;
	height: 24px;
	width: 24px;
}

/* ===== BUTTON TEXT ===== */
.whatsapp-button__text {
	color: white;
	white-space: nowrap;
}

/* ===== BUBBLE LAYOUT ===== */
.whatsapp-button.bubble {
	border-radius: 50%;
	height: 60px;
	justify-content: center;
	padding: 0;
	width: 60px;
}

.whatsapp-button.bubble .whatsapp-button__text {
	display: none;
}

/* ===== CIRCULAR DESIGN FOR 1-5 ===== */
.whatsapp-chat-widget.design-1 .whatsapp-button,
.whatsapp-chat-widget.design-2 .whatsapp-button,
.whatsapp-chat-widget.design-3 .whatsapp-button,
.whatsapp-chat-widget.design-4 .whatsapp-button,
.whatsapp-chat-widget.design-5 .whatsapp-button {
	background: var(--wa-color, var(--wa-primary-color)) !important;
	border: none !important;
	border-radius: 50%;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	color: var(--wa-text-color) !important;
	height: 60px;
	justify-content: center;
	padding: 0;
	width: 60px;
}

.whatsapp-chat-widget.design-1 .whatsapp-button__text,
.whatsapp-chat-widget.design-2 .whatsapp-button__text,
.whatsapp-chat-widget.design-3 .whatsapp-button__text,
.whatsapp-chat-widget.design-4 .whatsapp-button__text,
.whatsapp-chat-widget.design-5 .whatsapp-button__text {
	display: none;
}

.whatsapp-chat-widget.design-1 .whatsapp-button__icon,
.whatsapp-chat-widget.design-2 .whatsapp-button__icon,
.whatsapp-chat-widget.design-3 .whatsapp-button__icon,
.whatsapp-chat-widget.design-4 .whatsapp-button__icon,
.whatsapp-chat-widget.design-5 .whatsapp-button__icon {
	height: 32px;
	width: 32px;
}

.whatsapp-chat-widget.design-1 .whatsapp-button__icon svg,
.whatsapp-chat-widget.design-2 .whatsapp-button__icon svg,
.whatsapp-chat-widget.design-3 .whatsapp-button__icon svg,
.whatsapp-chat-widget.design-4 .whatsapp-button__icon svg,
.whatsapp-chat-widget.design-5 .whatsapp-button__icon svg {
	fill: white !important;
	height: 32px;
	width: 32px;
}

/* Force design-specific colors with higher specificity */
.whatsapp-chat-widget.design-1 .whatsapp-button {
	background: #25d366 !important;
}
.whatsapp-chat-widget.design-1 .whatsapp-button:hover {
	background: #128c7e !important;
}

.whatsapp-chat-widget.design-2 .whatsapp-button {
	background: #007BFF !important;
}
.whatsapp-chat-widget.design-2 .whatsapp-button:hover {
	background: #0056b3 !important;
}

.whatsapp-chat-widget.design-3 .whatsapp-button {
	background: #2C3E50 !important;
}
.whatsapp-chat-widget.design-3 .whatsapp-button:hover {
	background: #34495e !important;
}

.whatsapp-chat-widget.design-4 .whatsapp-button {
	background: #667eea !important;
}
.whatsapp-chat-widget.design-4 .whatsapp-button:hover {
	background: #764ba2 !important;
}

.whatsapp-chat-widget.design-5 .whatsapp-button {
	background: #FF6B6B !important;
}
.whatsapp-chat-widget.design-5 .whatsapp-button:hover {
	background: #FF5252 !important;
}

/* ===== DESIGN 6 - Moved to design-6-professional.css ===== */
/* Design 6 CSS is now in: public/css/design-6-professional.css */

/* ===== DESIGN 7 - AVATAR WITH TEXT BUBBLE ===== */
.whatsapp-chat-widget.design-7 .whatsapp-button {
	background: transparent;
	box-shadow: none;
	gap: 15px;
	padding: 0;
	transition: all 0.3s ease;
}

.whatsapp-chat-widget.design-7.animation-bounce .whatsapp-button {
	animation: whatsapp-bounce 2s infinite;
}

.whatsapp-chat-widget.design-7.animation-pulse .whatsapp-button {
	animation: whatsapp-pulse 2s infinite;
}

.whatsapp-chat-widget.design-7.animation-shake .whatsapp-button {
	animation: whatsapp-shake 0.5s infinite;
}

.whatsapp-chat-widget.design-7.animation-wiggle .whatsapp-button {
	animation: whatsapp-wiggle 1s infinite;
}

.whatsapp-chat-widget.design-7.animation-float .whatsapp-button {
	animation: whatsapp-float 3s ease-in-out infinite;
}

.whatsapp-chat-widget.design-7 .whatsapp-button__avatar {
	border: 3px solid white;
	border-radius: 50%;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
	height: 60px;
	overflow: hidden;
	transition: transform 0.3s ease;
	width: 60px;
}

.whatsapp-chat-widget.design-7 .whatsapp-button:hover .whatsapp-button__avatar {
	transform: scale(1.05);
}

.whatsapp-chat-widget.design-7 .whatsapp-button__avatar img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.whatsapp-chat-widget.design-7 .whatsapp-button__text {
	background: var(--wa-color);
	border-radius: 25px;
	box-shadow: 0 3px 12px rgba(37, 211, 102, 0.3);
	min-width: 240px;
	padding: 12px 45px 12px 20px;
	position: relative;
}

.whatsapp-chat-widget.design-7 .whatsapp-button__text::before {
	border-bottom: 8px solid transparent;
	border-right: 8px solid var(--wa-color);
	border-top: 8px solid transparent;
	content: '';
	height: 0;
	left: -8px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
}

.whatsapp-chat-widget.design-7 .whatsapp-button > .whatsapp-button__icon:first-child {
	display: none;
}

.whatsapp-chat-widget.design-7 .whatsapp-button__text .whatsapp-button__icon {
	bottom: 6px;
	height: 18px;
	position: absolute;
	right: 12px;
	width: 18px;
}

.whatsapp-chat-widget.design-7 .whatsapp-button__text .whatsapp-button__icon svg {
	height: 12px;
	width: 12px;
}

/* ===== CONTACTS ===== */
.whatsapp-contact {
	align-items: center;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	gap: 12px;
	padding: 12px;
	transition: all 0.3s ease;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.whatsapp-contact:hover {
	background: #f5f5f5;
	transform: translateY(-1px);
}

.whatsapp-contact:active {
	transform: scale(0.98);
}

/* Enhanced hover for designs 1-5 */
.whatsapp-chat-widget.design-1 .whatsapp-contact:hover,
.whatsapp-chat-widget.design-2 .whatsapp-contact:hover,
.whatsapp-chat-widget.design-3 .whatsapp-contact:hover,
.whatsapp-chat-widget.design-4 .whatsapp-contact:hover,
.whatsapp-chat-widget.design-5 .whatsapp-contact:hover {
	background: #f0f0f0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

/* Enhanced hover for designs 6-7 */
.whatsapp-chat-widget.design-6 .whatsapp-contact,
.whatsapp-chat-widget.design-7 .whatsapp-contact {
	cursor: pointer;
	transition: all 0.3s ease;
}

.whatsapp-chat-widget.design-6 .whatsapp-contact:hover,
.whatsapp-chat-widget.design-7 .whatsapp-contact:hover {
	background: #f8f9fa;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transform: translateY(-1px);
}

.whatsapp-contact__avatar {
	border-radius: 50%;
	flex-shrink: 0;
	height: 48px;
	overflow: hidden;
	width: 48px;
}

.whatsapp-contact__avatar img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.whatsapp-contact__avatar-img {
	border-radius: 50%;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.whatsapp-contact__avatar-placeholder {
	align-items: center;
	background: var(--wa-color, var(--wa-primary-color));
	border-radius: 50%;
	color: white;
	display: flex;
	font-size: 14px;
	font-weight: 600;
	height: 100%;
	justify-content: center;
	width: 100%;
}

.whatsapp-contact__info {
	flex: 1;
	min-width: 0;
}

.whatsapp-contact__name {
	color: #333;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 2px;
}

.whatsapp-contact__label {
	color: #666;
	font-size: 12px;
}

.whatsapp-contact__button {
	align-items: center;
	background: transparent;
	border: none;
	border-radius: 0;
	color: #128C7E;
	cursor: pointer;
	display: flex;
	flex-shrink: 0;
	height: auto;
	justify-content: center;
	padding: 0;
	transition: all 0.2s;
	width: auto;
}

.whatsapp-contact__button:hover {
	background: transparent;
	transform: scale(1.15);
}

.whatsapp-contact__button svg {
	display: block;
	fill: #128C7E;
	height: 20px;
	width: 20px;
}

.whatsapp-contact__button:hover svg {
	fill: #25D366;
}

.whatsapp-no-agents {
	color: #666;
	font-style: italic;
	padding: 20px;
	text-align: center;
}

/* ===== FLOATING MESSAGE ===== */
.whatsapp-floating-message {
	animation: floatIn 0.5s ease-out;
	position: absolute;
	right: 70px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}

.whatsapp-floating-text {
	background: #f5f5f5;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	color: #333;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 12px;
	position: relative;
	white-space: nowrap;
}

.whatsapp-floating-text::after {
	border-bottom: 8px solid transparent;
	border-left: 8px solid #f5f5f5;
	border-top: 8px solid transparent;
	content: '';
	height: 0;
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
}

.whatsapp-button--bottom-left .whatsapp-floating-message,
.whatsapp-button--top-left .whatsapp-floating-message {
	left: 70px;
	right: auto;
}

.whatsapp-button--bottom-left .whatsapp-floating-text::after,
.whatsapp-button--top-left .whatsapp-floating-text::after {
	border-left: none;
	border-right: 8px solid #f5f5f5;
	left: -8px;
	right: auto;
}

.whatsapp-chat-widget.design-5 .whatsapp-floating-message {
	right: 80px;
}

.whatsapp-button__notification-bubble {
	align-items: center;
	animation: shakeY 2s infinite;
	background: #FF4444;
	border: 2px solid white;
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(255, 68, 68, 0.4);
	color: white;
	display: flex;
	font-size: 11px;
	font-weight: 600;
	height: 20px;
	justify-content: center;
	position: absolute;
	right: -8px;
	top: -8px;
	width: 20px;
	z-index: 10;
}

/* ===== OFFLINE STATE ===== */
.whatsapp-offline {
	background: #f5f5f5;
	color: #666;
	cursor: not-allowed;
	opacity: 0.8;
}

.whatsapp-offline:hover {
	background: #f0f0f0;
	transform: none;
}

.whatsapp-offline-message {
	display: block;
	font-size: 12px;
	margin-top: 4px;
	max-width: 100px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.whatsapp-button.whatsapp-button {
    display: flex !important;
}
/* ===== ANIMATIONS ===== */
@keyframes whatsapp-bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-10px);
	}
	60% {
		transform: translateY(-5px);
	}
}

@keyframes whatsapp-pulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}

@keyframes whatsapp-shake {
	0%, 100% {
		transform: translateX(0);
	}
	10%, 30%, 50%, 70%, 90% {
		transform: translateX(-2px);
	}
	20%, 40%, 60%, 80% {
		transform: translateX(2px);
	}
}

@keyframes whatsapp-wiggle {
	0%, 100% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(5deg);
	}
	75% {
		transform: rotate(-5deg);
	}
}

@keyframes whatsapp-float {
	0%, 100% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
}

@keyframes floatIn {
	0% {
		opacity: 0;
		transform: translateY(-50%) translateX(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(-50%) translateX(0);
	}
}

@keyframes shakeY {
	0%, 100% {
		transform: translateY(0);
	}
	10%, 30%, 50%, 70%, 90% {
		transform: translateY(-2px);
	}
	20%, 40%, 60%, 80% {
		transform: translateY(2px);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes slideInRight {
	from {
		opacity: 0;
		transform: translateX(100%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes slideInBottom {
	from {
		opacity: 0;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInScale {
	from {
		opacity: 0;
		transform: scale(0.8);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(0.3);
	}
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	70% {
		transform: scale(0.9);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* Animation Classes */
.whatsapp-chat-widget.animation-bounce .whatsapp-button {
	animation: whatsapp-bounce 2s infinite;
}

.whatsapp-chat-widget.animation-pulse .whatsapp-button {
	animation: whatsapp-pulse 2s infinite;
}

.whatsapp-chat-widget.animation-shake .whatsapp-button {
	animation: whatsapp-shake 0.5s infinite;
}

.whatsapp-chat-widget.animation-wiggle .whatsapp-button {
	animation: whatsapp-wiggle 1s infinite;
}

.whatsapp-chat-widget.animation-float .whatsapp-button {
	animation: whatsapp-float 3s ease-in-out infinite;
}

.pulse-animation {
	animation: whatsapp-pulse 2s infinite;
}

.bounce-animation {
	animation: whatsapp-bounce 1s infinite;
}

.shake-animation {
	animation: whatsapp-shake 0.5s infinite;
}

.fade-in {
	animation: fadeIn 0.3s ease-in-out;
}

.slide-in-right {
	animation: slideInRight 0.3s ease-out;
}

.slide-in-bottom {
	animation: slideInBottom 0.3s ease-out;
}

.fade-in-scale {
	animation: fadeInScale 0.3s ease-out;
}

.bounce-in {
	animation: bounceIn 0.6s ease-out;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
	.whatsapp-box {
		width: calc(100vw - 40px);
		max-width: 320px;
	}
	
	.whatsapp-button {
		padding: 10px 16px;
		font-size: 13px;
	}
	
	.whatsapp-chat-widget.design-6 .whatsapp-box,
	.whatsapp-chat-widget.design-7 .whatsapp-box {
		width: calc(100vw - 30px);
		max-width: 280px;
		right: 15px;
		left: auto;
	}
	
	.whatsapp-chat-widget.design-6 .whatsapp-box--bottom-left,
	.whatsapp-chat-widget.design-7 .whatsapp-box--bottom-left {
		right: auto;
		left: 15px;
	}
	
	.whatsapp-chat-widget.design-6,
	.whatsapp-chat-widget.design-7 {
		min-height: 60px;
	}
}

@media (max-width: 480px) {
	.whatsapp-box {
		width: calc(100vw - 20px);
		max-width: 300px;
	}
	
	.whatsapp-chat-widget.design-6 .whatsapp-box,
	.whatsapp-chat-widget.design-7 .whatsapp-box {
		width: calc(100vw - 20px);
		max-width: 280px;
		right: 10px;
	}
	
	.whatsapp-chat-widget.design-6 .whatsapp-box--bottom-left,
	.whatsapp-chat-widget.design-7 .whatsapp-box--bottom-left {
		right: auto;
		left: 10px;
	}
}