/* AirConso Login Button Styles */

.airconso-user-logged-in,
.airconso-user-logged-out {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}

.airconso-user-logged-in {
	flex-direction: row;
}

.airconso-welcome-text {
	font-size: 14px;
	color: #333;
	margin-right: 10px;
}

.airconso-welcome-text strong {
	color: #000;
	font-weight: 600;
}

/* Button styling to match Divi theme */
.airconso-user-logged-in a,
.airconso-user-logged-out a {
	display: inline-block;
	padding: 12px 24px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 4px;
	transition: all 0.3s ease;
	cursor: pointer;
}

/* Logged out state - primary button */
.airconso-user-logged-out a {
	background-color: #2ea3f2;
	color: #fff;
	border: 2px solid #2ea3f2;
}

.airconso-user-logged-out a:hover {
	background-color: #1e8fd9;
	border-color: #1e8fd9;
	color: #fff;
}

/* Logged in state - secondary button */
.airconso-user-logged-in a {
	background-color: transparent;
	color: #666;
	border: 2px solid #ddd;
}

.airconso-user-logged-in a:hover {
	background-color: #f5f5f5;
	border-color: #999;
	color: #333;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.airconso-user-logged-in {
		flex-direction: column;
		gap: 10px;
	}
	
	.airconso-welcome-text {
		margin-right: 0;
		text-align: center;
	}
	
	.airconso-user-logged-in a,
	.airconso-user-logged-out a {
		width: 100%;
		text-align: center;
	}
}

/* Divi theme compatibility */
.et_pb_button_module_wrapper .airconso-user-logged-in,
.et_pb_button_module_wrapper .airconso-user-logged-out {
	width: 100%;
}

/* Ensure button inherits Divi button styles if class is present */
.et_pb_button.airconso-login-btn {
	/* Inherits Divi button styles */
}

/* Custom styling for the login button shortcode */
.airconso-login-button-wrapper {
	margin: 10px 0;
}

.airconso-login-button-wrapper.center {
	text-align: center;
}

.airconso-login-button-wrapper.left {
	text-align: left;
}

.airconso-login-button-wrapper.right {
	text-align: right;
}
