/**
 * Settings UI Framework Stylesheet
 *
 * @package    Logo_Slider_WP
 * @subpackage Logo_Slider_WP/admin/modules/settings/assets/css
 */

.lgx-settings-sidebar {
	/* The dashboard grid already gives it one-third width */
}

.lgx-settings-tabs {
	margin: 0;
	padding: 0;
	list-style: none;
}

.lgx-settings-tabs__item {
	margin: 0;
	border-bottom: 1px solid #e2e8f0;
}

.lgx-settings-tabs__item:last-child {
	border-bottom: none;
}

.lgx-settings-tabs__link {
	display: block;
	padding: 15px 20px;
	color: #475569;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	transition: all 0.2s ease-in-out;
	border-left: 3px solid transparent;
}

.lgx-settings-tabs__link:hover,
.lgx-settings-tabs__link:focus {
	color: #0ea5e9;
	background-color: #f8fafc;
	border-left-color: #bae6fd;
	box-shadow: none;
	outline: none;
}

.lgx-settings-tabs__link--active {
	color: #0ea5e9;
	background-color: #f0f9ff;
	border-left-color: #0ea5e9;
	font-weight: 600;
}

.lgx-settings-placeholder {
	font-size: 15px;
	color: #64748b;
	padding: 30px;
	text-align: center;
	background-color: #f8fafc;
	border-radius: 6px;
	border: 1px dashed #cbd5e1;
}

@media (max-width: 782px) {
	.lgx-settings-grid {
		flex-direction: column;
	}

	.lgx-settings-sidebar,
	.lgx-settings-main {
		width: 100%;
	}
}