/**
 * Styles for the WP React OptionsKit frontend "Panel" component.
 *
 * @copyright  2023 Regents of the University of Michigan
 * @license    https://www.gnu.org/licenses/gpl-3.0.html GPLv3 or later
 */

.optionskit-subnav {
	background: #edeff0;
	border-bottom: 1px solid #e2e4e7;

	ul {
		margin: 0;
		padding: 15px 20px;

		li {
			display: inline-block;
			margin-right: 0;
			margin-bottom: 0;

			span {
				opacity: 0.5;
				display: inline-block;
				margin: 0 10px;
			}

			a {
				text-decoration: none;

				&.current {
					font-weight: 700; // bold
				}
			}

		}
	}
}

.optionskit-form {

	table {

		input {
			padding: 5px;
		}

	}
}

#optionskit-topbar {
	padding: 15px 20px;
	border-bottom: 1px solid #e2e4e7;
	background: #fff;

	h1 {
		margin: 0;
		padding: 0;
		font-weight: 500;
		display: inline-block;

		img {
			padding-right: 20px;
		}

	}

	ul {
		display: inline-block;
		margin: 0 0 0 20px;

		li {
			display: inline-block;
			margin-bottom: 0;
		}

	}

	.optionskit-save-area {
		float: right;
	}

	.optionskit-page-notice {
		margin: 20px 0 5px 0;
		font-weight: 700; // bold
		color: #000;
	}

}

.optionskit-navigation-wrapper {
	background: #fff;
}

#optionskit-navigation {
	margin: -2px 0 0 0;
	padding: 0;

	.components-tab-panel__tabs {
		padding-left: 10px;
	}

	.components-tab-panel__tabs-item.is-active {
		box-shadow: inset 0 0 0 0 #007cba, inset 0 -4px 0 0 #007cba;
	}

	.components-tab-panel__tab-content {
		padding-left: 7px;
		background-color: #f0f0f1;
	}

}

.optionskit-bottom-save-area {
	margin-left: 20px;
}