/**
 * Fonts
 */

@font-face {
	font-family: 'uncanny-learndash-toolkit';
	src:
		url( '../fonts/uncanny-learndash-toolkit.ttf' ) format( 'truetype' ),
		url( '../fonts/uncanny-learndash-toolkit.woff' ) format( 'woff' ),
		url( '../fonts/uncanny-learndash-toolkit.svg' ) format( 'svg' );
	font-weight: normal;
	font-style: normal;
}

body.toplevel_page_uncanny-toolkit,
body.uncanny-toolkit_page_uncanny-toolkit-plugins,
body.uncanny-toolkit_page_uncanny-toolkit-kb{
	background-color: #fff !important;
}

body.toplevel_page_uncanny-toolkit #poststuff{
	padding: 0 !important;
}

.ult .ult-icon {
	font-family: 'uncanny-learndash-toolkit' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

	.ult .ult-icon.ult-icon--th:before {
		content: '\e900';
	}

	.ult .ult-icon.ult-icon--th-list:before {
		content: '\e901';
	}

	.ult .ult-icon.ult-icon--times:before {
		content: '\e902';
	}

	.ult .ult-icon.ult-icon--times-circle:before {
		content: '\e903';
	}

	.ult .ult-icon.ult-icon--lock-alt:before {
		content: '\e904';
	}

	.ult .ult-icon.ult-icon-spinner-third-light:before {
		content: '\e905';
	}

	.ult .ult-icon.ult-icon-spinner-third-regular:before {
		content: '\e906';
	}

	.ult .ult-icon.ult-icon-spinner-third-bold:before {
		content: '\e907';
	}

	.ult .ult-icon.ult-icon-angle-left:before {
		content: '\e909';
	}
	.ult .ult-icon.ult-icon-angle-right:before {
		content: '\e90a';
	}
	.ult .ult-icon.ult-icon-angle-up:before {
		content: '\e90b';
	}
	.ult .ult-icon.ult-icon-angle-down:before {
		content: '\e90c';
	}
	.ult .ult-icon.ult-icon-twitter:before {
		content: '\f301';
		/* font-family: 'dashicons' !important; */
	}
	.ult .ult-icon.ult-icon-facebook:before {
		content: '\f305';
		/* font-family: 'dashicons' !important; */
	}
	.ult .ult-icon.ult-icon-linkedin:before {
		content: '\f18d';
		/* font-family: 'dashicons' !important; */
	}

	/* Social media icons without .ult wrapper */
	.ult-icon.ult-icon-twitter:before {
		content: '\f301';
		/* font-family: 'dashicons' !important; */
	}
	.ult-icon.ult-icon-facebook:before {
		content: '\f305';
		/* font-family: 'dashicons' !important; */
	}
	.ult-icon.ult-icon-linkedin:before {
		content: '\f18d';
		/* font-family: 'dashicons' !important; */
	}

	/* Base icon styling for social icons */
	.ult-header-social-icon .ult-icon {
		/* font-family: 'dashicons' !important; */
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 16px !important;
	}

/**
 * Admin tabs
 */

.ult-admin-nav {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

	.ult-admin-nav-items {}

	.ult-admin-nav-social-icons {
		position: relative;
		padding-top: 5px;

		display: flex;
	}

		.ult-admin-nav-social-icon {
			position: relative;
	
			width: 22px;
			height: 22px;

			font-size: 12px;
			color: #f1f1f1;

			background: #939393;
			border-radius: 50%;

			cursor: pointer;

			transition: color 150ms ease-in-out, background 150ms ease-in-out;
		}

			.ult-admin-nav-social-icon:hover,
			.ult-admin-nav-social-icon:focus,
			.ult-admin-nav-social-icon:active {
				border: 0;
				box-shadow: none;
				background: #0790e8;
				color: #f1f1f1;
			}

			.ult-admin-nav-social-icon span {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}

		.ult-admin-nav-social-icon:not(:last-child) {
			margin-right: 8px;
		}

		.ult-admin-nav-social-icon--facebook {
			font-size: 23px;
			color: #939393;
			background: transparent;
		}

			.ult-admin-nav-social-icon--facebook:hover,
			.ult-admin-nav-social-icon--facebook:active,
			.ult-admin-nav-social-icon--facebook:focus {
				background: transparent;
				color: #0790e8;
			}

		.ult-admin-nav-social-icon--linkedin span {
			margin-left: 1px;
		}

	@media screen and (max-width: 600px){
		.ult-admin-nav-social-icons {
			display: none;
		}
	}
	
/**
 * Fields
 */

.ult input,
.ult select,
.ult textarea {
	font-size: inherit;
	font-family: inherit;
}

/**
 * No scrolling
 */

html.noscroll {
	overflow: hidden 
}

html.noscroll #wpwrap,
html.noscroll .ult-modal {
	overflow-y: scroll;
}

/**
 * Form Element
 */

	/**
	 * Button - Modern Material UI Style
	 * DEPRECATED: Now using design system buttons (uncannyowl-license-btn)
	 */

	/* .ult .ult-btn {
		background: #ffffff;
		border: 1px solid #e0e0e0;
		border-radius: 6px;
		color: #0073aa;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
		outline: none;
		padding: 10px 16px;
		position: relative;
		text-align: center;
		text-decoration: none !important;
		transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
		user-select: none;
		vertical-align: middle;
		white-space: nowrap;
		box-shadow: none;
		overflow: hidden;
	}

	.ult .ult-btn:hover {
		background: #f5f5f5;
		border-color: #0073aa;
		transform: translateY(-1px);
		box-shadow: 0 4px 12px rgba(0, 115, 170, 0.15);
	}

	.ult .ult-btn:active {
		transform: translateY(0);
		box-shadow: 0 2px 4px rgba(0, 115, 170, 0.2);
	}

	.ult .ult-btn:focus {
		outline: none;
		box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
	}

		.ult .ult-btn + .ult-btn {
			margin-left: 7px;
		}

		.ult .ult-btn--primary {
			color: #0790e8;
			border-color: #0790e8;
		}

			.ult .ult-btn--primary.ult-btn--loading,
			.ult .ult-btn--primary.ult-btn--disabled,
			.ult .ult-btn--primary:disabled,
			.ult .ult-btn--primary:hover,
			.ult .ult-btn--primary:focus {
				color: #fff;
				background-color: #0790e8;
			}

			.ult .ult-btn--primary:not(.ult-btn--disabled):active,
			.ult .ult-btn--primary:not(.ult-btn--disabled):focus {
				box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
			}

		.ult .ult-btn--secondary {
			color: #6c757d;
			border-color: #b7b7b7;
		}

			.ult .ult-btn--secondary.ult-btn--loading,
			.ult .ult-btn--secondary.ult-btn--disabled,
			.ult .ult-btn--secondary:disabled,
			.ult .ult-btn--secondary:hover,
			.ult .ult-btn--secondary:focus {
				color: #fff;
				border-color: #9e9e9e;
				background-color: #9e9e9e;
			}

			.ult .ult-btn--secondary:not(.ult-btn--disabled):active,
			.ult .ult-btn--secondary:not(.ult-btn--disabled):focus {
				box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, .2);
			}

		.ult .ult-btn--dependency {
			color: #5ead4f;
			border-color: #75cb64;
		}

			.ult .ult-btn--dependency.ult-btn--loading,
			.ult .ult-btn--dependency.ult-btn--disabled,
			.ult .ult-btn--dependency:disabled,
			.ult .ult-btn--dependency:hover,
			.ult .ult-btn--dependency:focus {
				color: #fff;
				border-color: #6bc45a;
				background-color: #6bc45a;
			}

			.ult .ult-btn--dependency:not(.ult-btn--disabled):active,
			.ult .ult-btn--dependency:not(.ult-btn--disabled):focus {
				box-shadow: 0 0 0 0.2rem rgba(107, 196, 90, .2);
			}

		.ult .ult-btn--disabled,
		.ult .ult-btn:disabled {
			opacity: .6;
			cursor: not-allowed;
		}

		.ult .ult-btn--loading {
			color: transparent !important;
			pointer-events: none !important;
			position: relative !important;
		}



			.ult .ult-btn--loading:hover {
				color: transparent !important;
			}
		}

		// Loading Animation
		@keyframes uncannyowl-spin {
			from {
				transform: translate(-50%, -50%) rotate(0deg);
			}
			to {
				transform: translate(-50%, -50%) rotate(360deg);
			}
		} */



	/**
	 * Input - Modern Material UI Style
	 */
	
	.ult .ult-form-element__field {
		position: relative;
	}

	.ult .ult-form-element__field input {
		width: 100%;
		height: 38px;
		padding: 0 14px;
		line-height: 1.4;
		font-size: 14px;
		color: #495057;
		background: #ffffff;
		border: 1px solid #e0e0e0;
		border-radius: 6px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
		transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
		outline: none;
		/* font-family: inherit; */
	}

	.ult .ult-form-element__field input:hover {
		border-color: #bdbdbd;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	}

	.ult .ult-form-element__field input:focus {
		border-color: #0073aa;
		box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.1);
	}

	.ult .ult-form-element__field input::placeholder {
		color: #9e9e9e;
		font-weight: 400;
	}

	/**
	 * Select - Modern Material UI Style
	 */
	
	body > .select2-container--ult-select2 {
		z-index: 100000;
	}
	
	.ult .ult-form-element__select {
		width: 100%;
		height: 38px;
		padding: 0 14px;
		font-size: 14px;
		color: #495057;
		background: #ffffff;
		border: 1px solid #e0e0e0;
		border-radius: 6px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
		transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
		outline: none !important;
		-webkit-appearance: none;
		/* font-family: inherit; */
		cursor: pointer;
	}

	.ult .ult-form-element__select:hover {
		border-color: #bdbdbd;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	}

	.ult .ult-form-element__select:focus {
		border-color: #0073aa;
		box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.1);
	}

		/* Select2 - Modern Material UI Style */

		.ult .select2-container--ult-select2 {
			width: 100% !important;
		}

		.ult .select2-container--ult-select2 .select2-selection {
			height: auto !important;
			outline: none;
			padding: 0;
			border: 1px solid #e0e0e0;
			border-radius: 6px;
			background: #ffffff;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
			transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
		}

		.ult .select2-container--ult-select2 .select2-selection--single {
			border: 1px solid #e0e0e0;
			border-radius: 6px;
		}

	/* Text Input - Material UI Style */
	.ult .ult-form-element__text {
		width: 100%;
		height: 38px;
		padding: 0 14px;
		font-size: 14px;
		color: #495057;
		background: #ffffff;
		border: 1px solid #e0e0e0;
		border-radius: 6px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
		transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
		outline: none !important;
		/* font-family: inherit; */
	}

	/* Native Select Dropdown Arrow - Material UI Style */
	.ult .ult-form-element__select {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 16px;
		padding-right: 40px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.ult .ult-form-element__text:hover {
		border-color: #bdbdbd;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	}

	.ult .ult-form-element__text:focus {
		border-color: #0073aa;
		box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.1);
	}

	/* Search input with icon */
	.ult .ult-directory-search-input,
	.ult .ult-form-element__text[placeholder*="Search"],
	.ult .ult-form-element__text[placeholder*="search"],
	.ult input[type="text"][placeholder*="Search"],
	.ult input[type="text"][placeholder*="search"] {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 16px;
		padding-right: 40px;
	}

	/* Usage Statistics Notice - Modern Style */
	.ult-reporting-setting {
		margin: 20px 0;
		padding: 16px 20px;
		background: #f8f9fa;
		border: 1px solid #e9ecef;
		border-radius: 8px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
		display: flex;
		align-items: flex-start;
		gap: 12px;
	}

	.ult .ult-reporting-setting .ult-form-element {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.ult .ult-reporting-setting .ult-reporting-text {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.ult .ult-reporting-setting .ult-reporting-description {
		font-size: 12px;
		color: #6c757d;
		font-weight: 400;
		line-height: 1.4;
	}

		.ult .select2-container--ult-select2 .select2-selection--single:hover {
			border-color: #bdbdbd;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
		}

		.ult .select2-container--ult-select2 .select2-selection--single .select2-selection__rendered {
			color: #495057;
			line-height: 36px;
			padding-left: 14px;
			padding-right: 32px;
			font-size: 14px;
			font-family: inherit;
		}

		.ult .select2-container--ult-select2 .select2-selection--single .select2-selection__placeholder {
			color: #9e9e9e;
			font-weight: 400;
		}

		.ult .select2-container--ult-select2 .select2-selection--single .select2-selection__arrow {
			height: 36px;
			right: 5px;
			top: 3px;
			width: 20px;
		}

		.ult .form-element--error .select2-selection {
			border-color: #d9534f !important;
		}

		.ult .select2-container--ult-select2 .select2-selection--single .select2-selection__arrow b,
		.ult .select2-container--ult-select2.select2-container--open .select2-selection--single .select2-selection__arrow b {
			display: block;
			border: 0;
		}

		.ult .select2-container--ult-select2 .select2-selection--single .select2-selection__arrow b:before,
		.ult .select2-container--ult-select2.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
			content: '';
			position: absolute;
			top: 50%;
			right: 0px;
			transform: translateY(-50%);
			width: 0;
			height: 0;
			border-left: 4px solid transparent;
			border-right: 4px solid transparent;
			border-top: 4px solid #6c757d;
			transition: all 0.2s ease;
		}

		.ult .select2-container--ult-select2.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
			transform: translateY(-50%) rotate(180deg);
		}

		.select2-container--ult-select2 .select2-dropdown {
			border: 1px solid #e0e0e0 !important;
			border-top: 0 !important;
			border-radius: 0 0 6px 6px !important;
			box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
			background: #ffffff;
			font-size: 14px;
			/* font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; */
		}

		.select2-container--ult-select2 .select2-search--dropdown {
			padding: 0 !important;
			background: #ffffff;
		}

			.select2-container--ult-select2 .select2-search--dropdown .select2-search__field {
				border: 1px solid #e0e0e0 !important;
				border-radius: 0 !important;
				padding: 10px 14px;
				outline: none;
				font-size: 14px;
				font-family: inherit;
				line-height: 1.4 !important;
				color: #495057;
				background: #ffffff;
			}

				.select2-container--ult-select2 .select2-search--dropdown .select2-search__field:hover {
					border-color: #bdbdbd !important;
				}

				.select2-container--ult-select2 .select2-search--dropdown .select2-search__field:focus {
					border-color: #0073aa !important;
					box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.1);
				}

				.select2-container--ult-select2 .select2-dropdown.select2-dropdown--below .select2-search--dropdown .select2-search__field {
					margin-top: -1px;
					margin-left: 0;
					margin-right: 0;
					margin-bottom: 0;
				}

				.select2-container--ult-select2 .select2-dropdown.select2-dropdown--above .select2-search--dropdown .select2-search__field {
					border-top-left-radius: 6px;
					border-top-right-radius: 6px;
				}

			.select2-container--ult-select2 .select2-results {
				border: 1px solid #e0e0e0;
				border-top: 0;
				background: #ffffff;
			}

			.select2-container--ult-select2 .select2-dropdown:not(.select2-dropdown--above) .select2-results {
				border-bottom-right-radius: 6px;
				border-bottom-left-radius: 6px;
			}

			.select2-container--ult-select2 .select2-results__option {
				padding: 12px 14px !important;
				margin: 0 !important;
				color: #495057 !important;
				font-size: 14px;
				transition: all 0.2s ease;
			}

				.select2-container--ult-select2 .select2-results__option:not(:last-child){
					border-bottom: 1px solid #f5f5f5;
				}

			.select2-container--ult-select2 .select2-results>.select2-results__options::-webkit-scrollbar {
				width: 8px;
				background-color: #f5f5f5;
				border-radius: 4px;
			}

			.select2-container--ult-select2 .select2-results>.select2-results__options::-webkit-scrollbar-thumb:vertical {
				background: #bdbdbd;
				border-radius: 4px;
				background-clip: padding-box;
				border: 1px solid rgba(0,0,0,0);
				min-height: 10px;
			}

		.select2-container--ult-select2.select2-container--open.select2-container--below .select2-selection--single,
		.select2-container--ult-select2.select2-container--open.select2-container--below .select2-selection--multiple {
			border-bottom: 0px !important;
			margin-bottom: 1px;
			border-color: #0073aa !important;
			box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.1);
		}
		
		.select2-container--ult-select2 .select2-results__option:not(.select2-results__option--highlighted)[aria-selected=true] {
			background: #0073aa !important;
			color: #ffffff !important;
		}

		.select2-container--ult-select2 .select2-results__option--highlighted[aria-selected] {
			background: #f5f5f5 !important;
			color: #495057 !important;
		}

		.ult .form-element--loading .select2-selection {
			background: #f5f5f5 !important;
			border-color: #e0e0e0 !important;
			cursor: not-allowed;
			pointer-events: none; /* Prevent clicks */
		}

	/**
	 * Toggle
	 */
	
	.ult .ult-form-checkbox {
		width: 100%;
	}

		.ult .ult-form-element--loading .ult-form-checkbox {
			opacity: .5;
			cursor: not-allowed;
			pointer-events: none; /* Prevent clicks */
		}

		.ult .ult-form-checkbox__container {
			display: block;
			position: relative;
			padding-left: 23px;
			cursor: pointer;
			transition: opacity 150ms ease-in-out;
		}

			.ult .ult-form-checkbox__container:not(:last-child){
				margin-bottom: 10px;
			}

		.ult .ult-checkbox--hidden {
			display: none;
		}

		/* DEPRECATED: Now using design system toggle (uncannyowl-toggle) */
		/* .ult .ult-form-checkbox.ult-form-checkbox--toggle .ult-form-checkbox__container {
			padding-right: 3px;
		}

		.ult .ult-form-checkbox.ult-form-checkbox--toggle .ult-checkbox--show {
			width: 24px;
			height: 14px;
			position: absolute;
			top: 1px;
			left: 0;
		}

		.ult .ult-form-checkbox.ult-form-checkbox--toggle .ult-checkbox--show:before {
			content: '';
			width: 100%;
			height: 100%;
			border-radius: 150px;
			border: 2px solid #c8c8c8;
			display: block;
			position: absolute;
			box-sizing: border-box;
			z-index: 1;

			transition: border 150ms ease-in-out, background 150ms ease-in-out;
		}

			.ult .ult-form-checkbox.ult-form-checkbox--toggle.ult-form-checkbox--toggle-gutenberg .ult-checkbox--show:before {
				border-color: #6c7781;
			}

		.ult .ult-form-checkbox.ult-form-checkbox--toggle .ult-checkbox--show:after {
			content: '';
			width: 6px;
			height: 6px;
			background: #afafaf;
			border-radius: 50%;
			display: block;

			position: absolute;
			top: 50%;
			left: 4px;
			transform: translateY(-50%);
			z-index: 2;

			transition: left 150ms ease-in-out, background 150ms ease-in-out;
		}

			.ult .ult-form-checkbox.ult-form-checkbox--toggle.ult-form-checkbox--toggle-gutenberg .ult-checkbox--show:after {
				background: #6c7781;
			}

		/* Blue toggle */

		.ult .ult-form-checkbox.ult-form-checkbox--toggle .ult-checkbox--hidden:checked ~ .ult-checkbox--show:before {
			background: #6bc45a;
			border-color: #6bc45a;
		}

		.ult .ult-form-checkbox.ult-form-checkbox--toggle .ult-checkbox--hidden:checked ~ .ult-checkbox--show:after {
			background: #fff;
			left: 14px;
		}

		/* Green toggle */

		.ult .ult-form-checkbox.ult-form-checkbox--toggle.ult-form-checkbox--toggle-green .ult-checkbox--hidden:checked ~ .ult-checkbox--show:before {
			background: #6bc45a;
			border-color: #6bc45a;
		}

		/* Text in toggle */

		.ult .ult-form-checkbox .ult-checkbox-label {
			display: none;
			font-weight: 600;
			user-select: none;
			transition: opacity 150ms ease-in-out;
		}

			.ult .ult-checkbox-label.ult-checkbox-label--off {
				color: #888888;
			}

			.ult .ult-form-checkbox.ult-form-checkbox--toggle.ult-form-checkbox--toggle-gutenberg .ult-checkbox-label.ult-checkbox-label--off {
				color: #6c7781;
			}			

		.ult .ult-checkbox-label.ult-checkbox-label--on {
			color: #0790e8;
		}

			.ult .ult-form-checkbox.ult-form-checkbox--toggle.ult-form-checkbox--toggle-green .ult-checkbox-label.ult-checkbox-label--on {
				color: #5faa51;
			}

		.ult .ult-checkbox--hidden:not(:checked) ~ .ult-checkbox-label.ult-checkbox-label--off {
			display: block;
		}

		.ult .ult-checkbox--hidden:checked ~ .ult-checkbox-label.ult-checkbox-label--on {
			display: block;
		}

		/* Toggle on the right, with label on right */

		.ult .ult-form-checkbox--toggle-right {
			text-align: right;
		}

			.ult .ult-form-checkbox--toggle-right .ult-form-checkbox__container {
				padding-left: 0 !important;
				padding-right: 35px;
			}

			.ult .ult-form-checkbox--toggle-right .ult-checkbox--show {
				left: auto !important;
				right: 0;
			}

			.ult .ult-form-checkbox--loading-inline.ult-form-checkbox--toggle-right .ult-form-checkbox__container:after {
				right: -20px;
				top: 1px;
			} */

/**
 * Header
 */

/* Modern Header styles for Uncanny Toolkit admin pages */
.ult-header {
	background: #ffffff !important;
	border: 1px solid #ddd !important;
	border-radius: 4px !important;
	margin: 20px 0 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
	overflow: hidden !important;
}

.ult-header .ult-header-top {
	padding: 20px 24px 0 !important;
	position: relative !important;
}

.ult-header .ult-header-top__content {
	display: flex !important;
	align-items: baseline !important;
	gap: 10px !important;
	margin-bottom: 16px !important;
}

.ult-header .ult-header-top__title {
	font-size: 24px !important;
	font-weight: 600 !important;
	color: #23282d !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}

.ult-header .ult-header-top__author {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #666 !important;
	font-size: 14px !important;
}

.ult-header .ult-header-top__author span {
	font-style: italic !important;
}

.ult-header .ult-header-top__logo {
	display: inline-flex !important;
	align-items: center !important;
	text-decoration: none !important;
	transition: opacity 0.2s ease !important;
	margin-top: -11px !important;
}

.ult-header .ult-header-top__logo:hover {
	opacity: 0.8 !important;
}

.ult-header .ult-header-top__logo svg {
	height: 25px !important;
	width: auto !important;
}

.ult-header .ult-header-top__social {
	position: absolute !important;
	top: 20px !important;
	right: 24px !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.ult-header .ult-header-social-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: #f0f0f1 !important;
	color: #646970 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	border: none !important;
	box-shadow: none !important;
}

.ult-header .ult-header-social-icon:hover,
.ult-header .ult-header-social-icon:focus {
	background: #0073aa !important;
	color: #fff !important;
	border: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

.ult-header .ult-header-social-icon span {
	font-size: 12px !important;
	line-height: 1 !important;
}

.ult-header .ult-header-social-icon--facebook span {
	font-size: 16px !important;
}

.ult-header .ult-header-social-icon--twitter span {
	font-size: 16px !important;
}

.ult-header .ult-header-social-icon--linkedin span {
	font-size: 16px !important;
}

.ult-header .nav-tab-wrapper {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1) !important;
	border-radius: 0 !important;
	display: block !important;
}

.ult-header .nav-tab-wrapper .nav-tab {
	background: transparent !important;
	border: none !important;
	border-bottom: 3px solid transparent !important;
	color: #555 !important;
	font-weight: 500 !important;
	padding: 16px 24px !important;
	margin: 0 !important;
	border-radius: 0 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	display: inline-block !important;
	transform: none !important;
	font-size: 14px !important;
}

.ult-header .nav-tab-wrapper .nav-tab:hover {
	background: #f9f9f9 !important;
	color: #333 !important;
	transform: none !important;
}

.ult-header .nav-tab-wrapper .nav-tab.nav-tab-active {
	background: #0073aa !important;
	color: #fff !important;
	border-bottom-color: transparent !important;
	border-radius: 0 !important;
	font-weight: 500 !important;
}

.ult-header .nav-tab-wrapper .nav-tab.nav-tab-active:hover {
	background: #005a87 !important;
	color: #fff !important;
	transform: none !important;
}

.ult-header .nav-tab-wrapper .nav-tab:focus {
	box-shadow: none !important;
	outline: none !important;
}

/* Responsive header */
@media (max-width: 768px) {
	.ult-header .ult-header-top {
		margin: 16px 0 12px 0;
		gap: 3px;
	}
	
	.ult-header .ult-header-top__content {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 8px !important;
	}
	
	.ult-header .ult-header-top__social {
		position: static !important;
		margin-top: 8px !important;
		align-self: flex-end !important;
	}
	
	.ult-header .ult-header-top__title {
		font-size: 24px;
	}
	
	.ult-header .ult-header-top__author {
		gap: 5px;
		margin-top: 1px;
	}
	
	.ult-header .ult-header-top__author span {
		font-size: 13px;
	}
	
	.ult-header .ult-header-top__logo svg {
		width: 85px;
	}
	
	.ult-header .ult-header-social-icon {
		width: 26px !important;
		height: 26px !important;
	}
	
	.ult-header .ult-header-social-icon span {
		font-size: 11px !important;
	}
	
	.ult-header .ult-header-social-icon--facebook span {
		font-size: 13px !important;
	}
}

@media (max-width: 480px) {
	.ult-header .ult-header-top {
		margin: 12px 0 8px 0;
	}
	
	.ult-header .ult-header-top__title {
		font-size: 22px;
	}
	
	.ult-header .ult-header-top__author span {
		font-size: 12px;
	}
	
	.ult-header .ult-header-top__logo svg {
		width: 75px;
	}
}

/* Legacy header styles - keep for backward compatibility */
.uo-plugins-header {
	width: 100%;
	margin-top: 20px;
}

	.uo-plugins-header__title {
		font-size: 25px;
		color: #4c4c4c;
		font-weight: 600;
		line-height: 1.2;
	}

	.uo-plugins-header__author {
		width: 100%;
	}

		.uo-plugins-header__author span {
			display: inline-block;
			vertical-align: bottom;
			margin-right: 5px;
		}

		.uo-plugins-header__logo {
			display: inline-block;
			vertical-align: bottom;
		}

			.uo-plugins-header__logo img {
				display: inline-block;
				width: 100px;
			}

.uo-plugins-tabs {
	margin: 5px 0 20px 0;
}

/**
 * Directory
 * This CSS styles the page where you select what modules you want to enable
 */

	/**
	 * Actions - Modern Material UI Style
	 */

	.ult .ult-directory-actions {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 16px;
		margin-bottom: 24px;
		font-size: 14px;
		padding: 20px;
		/* background: #ffffff; */
		/* border: 1px solid #e0e0e0; */
		border-radius: 8px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	}

		.ult .ult-directory-filters {
			flex: 0 0 auto;
			display: flex;
			gap: 12px;
		}

			.ult .ult-directory-filter {
				position: relative;
			}

			.ult .ult-directory-filter--version {
				width: 140px;
			}

			.ult .ult-directory-filter--categories {
				width: 160px;
			}

			.ult .ult-directory-filter--statuses {
				width: 140px;
			}

		.ult .ult-directory-search {
			flex: 1 1 auto;
			text-align: right;
			min-width: 200px;
		}

			.ult .ult-directory-search .ult-form-element__field {
				width: 320px;
				max-width: 100%;
				display: inline-block;
			}

			@media screen and (max-width: 1150px){
				.ult .ult-directory-search .ult-form-element__field {
					width: 100%;
				}
				
				.ult .ult-directory-search {
					text-align: left;
				}
			}

		.ult .ult-directory-layout {
			flex: 0 0 auto;
		}

			.ult #ult-directory-layout-toggle {
				display: flex;
				height: 38px;

				background: #fff;
				border-radius: 6px;
				border: 1px solid #e0e0e0;
				box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
				overflow: hidden;
			}

				.ult .ult-directory-layout-item {
					width: 50%;
					height: 100%;
					padding: 0 20px;
					position: relative;

					/* color: #6c757d;
					background: #f8f9fa; */
					font-size: 16px;

					cursor: pointer;
					border: 1px solid #e0e0e0;
					
					transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
				}

				.ult .ult-directory-layout-item:hover {
					/* background: #e9ecef;
					color: #495057; */
				}

				.ult .ult-directory-layout-item--active {
					/* background: #0073aa;
					color: #ffffff;
					border-color: #0073aa; */
				}

				/* Ensure icons are white in active state */
				.ult .ult-directory-layout-item--active .ult-icon--th,
				.ult .ult-directory-layout-item--active .ult-icon--th-list {
					filter: brightness(0) invert(1);
				}

				.ult .ult-directory-layout-item--active:hover {
					background: #005a87;
					border-color: #005a87;
				}

				.ult .ult-directory-layout-item:first-child {
					border-top-left-radius: 6px;
					border-bottom-left-radius: 6px;
					border-right: none;
				}

				.ult .ult-directory-layout-item:last-child {
					border-top-right-radius: 6px;
					border-bottom-right-radius: 6px;
					border-left: none;
				}

					.ult .ult-directory-layout-item span {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						width: 16px;
						height: 16px;
						display: flex;
						align-items: center;
						justify-content: center;
					}

					/* Grid icon (3x3 grid) */
					.ult .ult-directory-layout-item .ult-icon--th {
						background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='3' width='7' height='7'%3E%3C/rect%3E%3Crect x='14' y='14' width='7' height='7'%3E%3C/rect%3E%3Crect x='3' y='14' width='7' height='7'%3E%3C/rect%3E%3C/svg%3E");
						background-repeat: no-repeat;
						background-position: center;
						background-size: contain;
					}

					/* List icon (horizontal lines) */
					.ult .ult-directory-layout-item .ult-icon--th-list {
						background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='8' y1='18' x2='21' y2='18'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'%3E%3C/line%3E%3C/svg%3E");
						background-repeat: no-repeat;
						background-position: center;
						background-size: contain;
					}

					/* Hide the old font icons */
					.ult .ult-directory-layout-item .ult-icon--th:before,
					.ult .ult-directory-layout-item .ult-icon--th-list:before {
						display: none;
					}

	@media screen and (max-width: 768px){
		.ult .ult-directory-actions {
			flex-direction: column;
			gap: 16px;
			padding: 16px;
		}

		.ult .ult-directory-filters {
			width: 100%;
			flex-direction: column;
			gap: 12px;
		}

		.ult .ult-directory-filter,
		.ult .ult-directory-filter--version,
		.ult .ult-directory-filter--categories,
		.ult .ult-directory-filter--statuses {
			width: 100%;
		}

		.ult .ult-directory-search {
			width: 100%;
			text-align: left;
		}

		.ult .ult-directory-search .ult-form-element__field {
			width: 100%;
		}

		/** The difference is too small, doesn't make sense */
		.ult .ult-directory-layout {
			display: none;
		}
	}

	/**
	 * Modules - Modern Material UI Design
	 */

	.ult .ult-directory-modules {
		width: auto;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 25px;
		margin: 0;
		padding: 0;
		/* font-family: 'OpenSauceSans', sans-serif; */
	}

		.ult .ult-directory-module {
			width: 100%;
			position: relative;
			border-radius: 12px;
			/* transition: transform 0.2s ease-in-out; */
			/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); */
		}

		.ult .ult-directory-module:hover {
			/* transform: translateY(-2px); */
			/* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important; */
			z-index: 2;
			transition: box-shadow 0.1s ease-in-out;
			}

			.ult .ult-directory-module-content {
				position: relative;
				padding: 20px;
				/* background: #ffffff;
				border: 1px solid #e0e0e0; */
				border-radius: 12px;
				box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
				width: 100%;
				height: 100%;
				margin: 0;
				display: flex;
				flex-direction: column;
				min-height: 240px;
				transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
				overflow: hidden;
			}

			/*.ult .ult-directory-module-content:hover {
				box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
				border-color: #0073aa; 
			}*/

			@media screen and (min-width: 961px) and (max-width: 1400px){
				.ult .ult-directory-modules {
					grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
					gap: 18px;
				}
			}

			@media screen and (min-width: 769px) and (max-width: 960px){
				.ult .ult-directory-modules {
					grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
					gap: 16px;
				}
			}

			@media screen and (max-width: 768px){
				.ult .ult-directory-modules {
					grid-template-columns: 1fr;
					gap: 16px;
				}
				
				.ult .ult-directory-module-content {
					padding: 18px;
					min-height: 200px;
				}
			}

			.ult .ult-directory-module--cant-use .ult-directory-module-content {
				background: #fafafa;
				border-color: #e0e0e0;
				opacity: 0.7;
			}

			.ult .ult-directory-module--cant-use .ult-directory-module-content:hover {
				box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
				border-color: #bdbdbd;
			}

			/**
			 * Module Header
			 */

			.ult .ult-directory-module-header {
				display: flex;
				align-items: flex-start;
				margin-bottom: 12px;
				min-height: 40px;
			}

				.ult .ult-directory-module-header-left {
					flex: 1 1 auto;
					padding-right: 12px;
					line-height: 1.4;
				}

					.ult .ult-directory-module__title {
						display: block;
						font-size: 16px;
						font-weight: 600;
						color: #1a1a1a;
						line-height: 1.3;
						margin: 0 0 6px 0;
						letter-spacing: -0.01em;
					}

					.ult .ult-directory-module__pro-label {
						position: absolute;
						top: -1px;
						left: 0;
						width: 40px;
						height: 40px;
						/* background: #4caf50; */
						clip-path: polygon(0 0, 100% 0, 0 100%);
						z-index: 20;
					}

					/* UncannyOwl Brand Colors for PRO Label */
					.ult .ult-directory-module__pro-label.uncannyowl-bg-primary {
						background: #FDC700 !important; /* UncannyOwl Primary Yellow */
					}

					.ult .ult-directory-module__pro-label a {
						position: absolute;
						top: 1px;
						left: -3px;
						width: 100%;
						height: 100%;
						color: transparent;
						text-decoration: none;
						display: block;
					}

					.ult .ult-directory-module__pro-label a:before {
						content: 'PRO';
						position: absolute;
						top: 7px;
						left: 7px;
						color: #002B28 !important; /* UncannyOwl Secondary Dark Green */
						font-size: 9px;
						font-weight: 700;
						text-transform: uppercase;
						letter-spacing: 0.5px;
						transform: rotate(-45deg);
						text-shadow: 0 1px 2px rgba(0, 43, 40, 0.2);
					}

					.ult .ult-directory-module__pro-label a:hover {
						color: transparent;
						text-decoration: none;
					}

					.ult .ult-directory-module--cant-use .ult-directory-module__pro-label {
						background: #9e9e9e;
					}

					/* Responsive PRO ribbon for mobile */
					@media screen and (max-width: 768px) {
						.ult .ult-directory-module__pro-label {
							width: 30px;
							height: 30px;
						}

						.ult .ult-directory-module__pro-label a:before {
							top: 4px;
							left: 4px;
							font-size: 8px;
						}
					}

				.ult .ult-directory-module__status {
					flex: 0 0 auto;
					position: relative;
					width: 50px;
					height: 24px;
					margin-left: auto;
				}

			/**
			 * Module Notice (Pro requirements, etc.)
			 */
			.ult .ult-directory-module-notice {
				flex: 0 0 auto;
				width: calc(100% + 40px);
				margin: -20px -20px 16px -20px;
				padding: 16px 20px;
				border-radius: 12px 12px 0 0;
				/* background: #d2eaff; */
				color: #4a5568;
				line-height: 1.4;
				font-size: 14px;
				font-weight: 500;
				display: flex;
				align-items: flex-start;
				gap: 8px;
				/* border-bottom: 1px solid #c4e0ff; */
				border-top: 0 !important;
				border-left: 0 !important;
				border-right: 0 !important;
				position: relative;
				z-index: 15;
			}

			/* Fix notice banner in list view */
			.ult .ult-directory--table .ult-directory-module-notice {
				width: 100%;
				margin: 0 0 16px 0;
				border-radius: 6px;
				border: 1px solid #c4e0ff;
				flex: 1 1 100%;
				order: -1;
			}

			/* Additional fixes for table view layout */
			.ult .ult-directory--table .ult-directory-module-content {
				flex-direction: column;
				align-items: stretch;
			}

			.ult .ult-directory--table .ult-directory-module-header {
				margin-bottom: 0;
				margin-right: 20px;
				min-height: 40px;
				position: relative;
				padding-left: 80px;
				display: flex;
				align-items: center;
			}

			.ult .ult-directory--table .ult-directory-module__description {
				margin: 0 20px 0 0;
			}

			.ult .ult-directory--table .ult-directory-module-actions {
				margin-top: 0;
				padding-top: 0;
				border-top: none;
			}

			.ult .ult-directory-module-notice__icon {
				flex: 0 0 auto;
				padding-top: 1px;
				color: #718096;
				font-size: 16px;
			}

			.ult .ult-directory-module-notice__text {
				flex: 1 1 auto;
			}

			.ult .ult-directory-module-notice a {
				color: #0073aa;
				font-weight: 600;
				text-decoration: none;
				border-bottom: 1px solid rgba(0, 115, 170, 0.3);
				transition: all 0.2s ease;
			}

			.ult .ult-directory-module-notice a:hover {
				color: #005a87;
				border-bottom-color: #005a87;
			}

			/* Responsive notice */
			@media screen and (max-width: 768px){
				.ult .ult-directory-module-notice {
					width: calc(100% + 36px);
					margin: -18px -18px 14px -18px;
					padding: 14px 18px;
				}
			}

				/**
				 * Modern Toggle Switch
				 */
				.ult .ult-form-checkbox.ult-form-checkbox--toggle .ult-form-checkbox__container {
					padding: 0;
					margin: 0;
				}



			/**
			 * Module Description
			 */
			.ult .ult-directory-module__description {
				flex: 1 1 auto;
				color: #666666;
				font-size: 14px;
				line-height: 1.5;
				margin: 0 0 18px 0;
				font-weight: 400;
			}

			/**
			 * Module Actions
			 */
			.ult .ult-directory-module-actions {
				flex: 0 0 auto;
				display: flex;
				gap: 8px;
				margin-top: auto;
				padding-top: 12px;
				border-top: 1px solid #f0f0f0;
			}

			.ult .ult-directory-module-actions .ult-directory-module__btn {
				margin: 0;
				flex: 1;
				min-width: 0;
			}

			/**
			 * Modern Button Styling
			 * DEPRECATED: Now using design system buttons (uncannyowl-license-btn)
			 */
			/* .ult .ult-directory-module-actions .ult-btn {
				background: #ffffff;
				border: 1px solid #e0e0e0;
				border-radius: 6px;
				color: #0073aa;
				font-size: 13px;
				font-weight: 500;
				padding: 10px 14px;
				text-align: center;
				text-decoration: none;
				transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
				box-shadow: none;
				cursor: pointer;
				outline: none;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				white-space: nowrap;
				position: relative;
				overflow: hidden;
			}

			.ult .ult-directory-module-actions .ult-btn:hover {
				background: #f5f5f5;
				border-color: #0073aa;
				transform: translateY(-1px);
				box-shadow: 0 4px 12px rgba(0, 115, 170, 0.15);
			}

			.ult .ult-directory-module-actions .ult-btn:active {
				transform: translateY(0);
				box-shadow: 0 2px 4px rgba(0, 115, 170, 0.2);
			}

			.ult .ult-directory-module-actions .ult-btn:focus {
				outline: none;
				box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
			}

			/* Primary button style for Settings */
			.ult .ult-directory-module-actions .ult-btn[data-settings] {
				background: #0073aa;
				border-color: #0073aa;
				color: #ffffff;
			}

			.ult .ult-directory-module-actions .ult-btn[data-settings]:hover {
				background: #005a87;
				border-color: #005a87;
				box-shadow: 0 4px 12px rgba(0, 115, 170, 0.25);
			}

			.ult .ult-directory-module-actions .ult-btn[data-settings]:active {
				background: #004567;
				border-color: #004567;
			}

			/* Loading state */
			.ult .ult-directory-module--loading .ult-directory-module-content {
				opacity: 0.6;
				pointer-events: none;
				position: relative;
			}

			.ult .ult-directory-module--loading .ult-directory-module-content:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: rgba(255, 255, 255, 0.8);
				border-radius: 12px;
				z-index: 10;
			}
			
			.ult .ult-directory-module-header,
			.ult .ult-directory-module__description,
			.ult .ult-directory-module-actions {
				transition: all 0.3s ease;
			}

	/**
	 * Table view - Modern styling
	 */
	.ult .ult-directory--table .ult-directory-modules {
		display: block;
		margin: 0;
	}

	.ult .ult-directory--table .ult-directory-module {
		width: 100%;
		margin-bottom: 8px;
	}

	.ult .ult-directory--table .ult-directory-module-content {
		border-radius: 6px;
		min-height: auto;
		flex-direction: row;
		align-items: center;
		padding: 16px 20px;
	}

	.ult .ult-directory--table .ult-directory-module-content:hover {
		transform: none;
	}

	.ult .ult-directory--table .ult-directory-module-header {
		margin-bottom: 0;
		margin-right: 20px;
		min-height: 40px;
		position: relative;
		padding-left: 60px;
		display: flex;
		align-items: center;
	}

	.ult .ult-directory--table .ult-directory-module__status {
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
	}

	.ult .ult-directory--table .ult-directory-module-header {
		margin-bottom: 0;
		margin-right: 20px;
		min-height: 40px;
		position: relative;
		padding-left: 80px;
		display: flex;
		align-items: center;
	}

	.ult .ult-directory--table .ult-directory-module__description {
		margin: 0 20px 0 0;
	}

	.ult .ult-directory--table .ult-directory-module-actions {
		border-top: none;
		padding-top: 0;
		margin-top: 0;
		margin-left: auto;
	}

	.ult .ult-directory--table .ult-directory-module:first-child .ult-directory-module-content {
		border-radius: 6px;
	}

	.ult .ult-directory--table .ult-directory-module:last-child .ult-directory-module-content {
		border-radius: 6px;
	}

	.ult .ult-directory--table .ult-directory-module:only-child .ult-directory-module-content {
		border-radius: 6px;
	}

	/* Hide notice banner in table view */
	.ult .ult-directory--table .ult-directory-module-notice {
		display: none;
	}

	/* Add lock icon to module title in table view when notice exists */
	.ult .ult-directory--table .ult-directory-module:has(.ult-directory-module-notice) .ult-directory-module__title:before {
		content: '\e904';
		font-family: 'uncanny-learndash-toolkit' !important;
		margin-right: 8px;
		color: #718096;
		font-size: 14px;
		vertical-align: middle;
		display: inline-block;
		width: 14px;
		text-align: center;
	}

	/* Show notice text below title in table view */
	.ult .ult-directory--table .ult-directory-module:has(.ult-directory-module-notice) .ult-directory-module__title {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.ult .ult-directory--table .ult-directory-module:has(.ult-directory-module-notice) .ult-directory-module__title:after {
		content: attr(data-tooltip);
		font-size: 12px;
		color: #718096;
		font-weight: normal;
		line-height: 1.3;
	}

	/* Fix PRO banner positioning in table view */
	.ult .ult-directory--table .ult-directory-module__pro-label {
		position: absolute;
		top: -16px;
		left: -20px;
		z-index: 10;
	}

	.ult .ult-directory--table .ult-directory-module__pro-label a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: transparent;
		text-decoration: none;
		display: block;
	}

	.ult .ult-directory--table .ult-directory-module__pro-label a:before {
		content: 'PRO';
		position: absolute;
		top: 7px;
		left: 7px;
		color: #ffffff;
		font-size: 9px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		transform: rotate(-45deg);
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}

	/* Vertically center the toggle in table view */
	.ult .ult-directory--table .ult-directory-module-header .uncannyowl-toggle {
		display: flex;
		align-items: center;
		height: 40px;
		margin-top: -10px;
	}

/**
 * Modal
 */

#wpwrap {
	transition: filter 150ms ease-in-out;
}    
				 
 
					.ult-modal-options .ult-modal__field:first-child > h2 {
						padding-top: 0;
						margin-top: 0;
						border-top: 0;
					}

				 

					.ult-modal-form-row--children {
						padding-left: 15px;
						border-left: 10px solid #eee;
					} 
					
					input[type=text].ult-modal-form-row__input {
						padding: 12px 16px;
						width: 100%;
						border-radius: 6px;
						border: 1px solid #e0e0e0;
						line-height: 1.4;
						outline: none;
						transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
						box-shadow: none;
						font-size: 14px;
						background: #ffffff;
					}

						input[type=text].ult-modal-form-row__input:hover {
							border-color: #0073aa;
						}

						input[type=text].ult-modal-form-row__input:focus {
							border-color: #0073aa;
							box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
						}

					select.ult-modal-form-row__select {
						width: 100%;
						height: 44px;
						padding: 12px 16px;
						position: static;
						border-radius: 6px;
						border: 1px solid #e0e0e0;
						transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
						outline: none !important;
						box-shadow: none;
						font-size: 14px;
						background: #ffffff;
						appearance: none;
						background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");
						background-repeat: no-repeat;
						background-position: right 12px center;
						background-size: 12px;
						padding-right: 40px;
					}

						/* Select2 */

						.ult-select2.ult-select2--modal.select2-container.select2-container--ult-select2 {
							z-index: 1000000;
						}

						.ult-modal .select2-container {
							width: 100% !important;
						}

						.ult-modal .select2-selection {
							outline: none;
						}

						.ult-modal .select2-container--ult-select2 .select2-selection--single {
							border-radius: 8px !important;
							padding: 2px 8px !important;
							height: 34px !important;
						}

						/* .ult-modal .form-element--error .select2-selection {
							border-color: #d9534f !important;
						} */

						/* .ult-modal .select2-container--ult-select2 .select2-selection--single .select2-selection__arrow b,
						.ult-modal .select2-container--ult-select2.select2-container--open .select2-selection--single .select2-selection__arrow b {
							display: block;
							border: 0;
						} */

						/* .ult-modal .select2-container--ult-select2 .select2-selection--single .select2-selection__arrow {
							right: 7px;
							top: 0;
						} */

								/* .ult-modal .select2-container--ult-select2 .select2-selection--single .select2-selection__arrow b:before,
		.ult-modal .select2-container--ult-select2.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
			content: '';
			font-family: 'uncanny-learndash-toolkit' !important;
							speak: none;
							font-style: normal;
							font-weight: normal;
							font-variant: normal;
							text-transform: none;
							line-height: 1;
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
							right: 5px;
							color: #a2a2a2;
						} */

						/* .ult-modal .select2-container--ult-select2 .select2-selection--single .select2-selection__arrow b:before {
							content: '\e90c';
						} */

						/* .ult-modal .select2-container--ult-select2.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
							content: '\e90b';
						} */

						/* .ult-modal .form-element--loading .select2-selection {
							background: #ebebeb !important;
							border-color: #cdcdcd !important;
							cursor: not-allowed;
							pointer-events: none; /* Prevent clicks */
						/* } */


						 

					.ult-modal-form-row__description {
						color: #666666;
						margin-top: 8px;
						font-size: 13px;
						line-height: 1.5;
						font-style: italic;
					}

					.ult-modal-form-row__radio-label {
						width: 100%;
						display: flex;
						align-items: center;
						padding: 4px 0;
					}   
 
							.ult-modal-action__btn:not(.ult-modal-action__btn--loading):focus {
								box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
							}

							  
								.ult-modal-action__btn--secondary.ult-modal-action__btn--loading {
									color: #333333;
									border-color: #0073aa;
									background: #f8f9fa;
									transform: translateY(-1px);
									box-shadow: 0 4px 12px rgba(0, 115, 170, 0.15);
								}

								.ult-modal-action__btn--secondary:not(.ult-modal-action__btn--loading):focus {
									box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
								}

							.ult-modal-action__btn--loading:before {
								opacity: 0;
								transition: opacity 150ms ease-in-out;
							}

							.ult-modal-action__btn--loading {
								color: transparent !important;
								pointer-events: none !important;
								position: relative !important;
							}

							.ult-modal-action__btn--loading:before {
								content: '';
								width: 18px !important;
								height: 18px !important;
								opacity: 1 !important;
								position: absolute !important;
								top: 50% !important;
								left: 50% !important;
								transform: translate(-50%, -50%) !important;
								z-index: 2 !important;
								background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z' fill='%23ffffff' opacity='0.3'/%3E%3Cpath d='M12 4c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8zm0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z' fill='%23ffffff'/%3E%3C/svg%3E");
								background-size: contain !important;
								background-position: center !important;
								background-repeat: no-repeat !important;
								animation: uncannyowl-spin 1s linear infinite !important;
							}

							.ult-modal-action__btn--disabled {
								opacity: .6;
								cursor: not-allowed;
								pointer-events: none;
							}

							@-ms-keyframes spin-centered {
				                from {
				                    -ms-transform: rotate(0deg) translate(-50%,-50%);
				                }
				                to {
				                    -ms-transform: rotate(360deg) translate(-50%,-50%);
				                }
				            }

				            @-moz-keyframes spin-centered {
				                from {
				                    -moz-transform: rotate(0deg) translate(-50%,-50%);
				                }
				                to {
				                    -moz-transform: rotate(360deg) translate(-50%,-50%);
				                }
				            }

				            @-webkit-keyframes spin-centered {
				                from {
				                    -webkit-transform: rotate(0deg) translate(-50%,-50%);
				                }
				                to {
				                    -webkit-transform: rotate(360deg) translate(-50%,-50%);
				                }
				            }

				            @keyframes spin-centered {
				                from {
				                    transform: rotate(0deg) translate(-50%,-50%);
				                }
				                to {
				                    transform: rotate(360deg) translate(-50%,-50%);
				                }
				            }

			/**
			 * Loading
			 */
			
			.uo-modal--loading {}

				.ult-modal--loading .ult-modal-form-row > * {
					display: none !important;
				}

				.ult-modal-form-row:before {
					content: '';
					opacity: 0;
					z-index: -1;
					top: 0;
					left: 0;
					display: none;
				}

				.ult-modal--loading .ult-modal-form-row:before {
					opacity: 1;
					z-index: 1;
	
					width: 100%;
					height: 40px;
					border-radius: 3px;

					display: block;

					animation: placeHolderShimmer 1.8s linear infinite;
					animation-fill-mode: forwards;
					background: #f6f7f8;
					background: linear-gradient(to right, #f0f0f0 8%, #dedede 38%, #f0f0f0 54%);
					background-size: 1000px 640px;
				}

					.ult-modal--loading .uncannyowl-form-section-label {
						color: transparent;
						display: none;
					}

/*
* Animations
*/

@keyframes rotating {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes rotating-centered {
	from {
		transform: translate(-50%,-50%) rotate(0deg);
	}
	to {
		transform: translate(-50%,-50%) rotate(360deg);
	}
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -800px 0
	}
	100% {
		background-position: 800px 0
	}
}

/**
 * TinyMCE Editor Button Icons
 * Ensure TinyMCE toolbar buttons display correctly in modals
 */
 .ult-modal .mce-ico {
	font:normal 20px/1 dashicons !important;
}
/**
 * Color picker styling
 */
.wp-color-result-text {
	border-radius: 0 100px 100px 0 !important;
}

.ult-modal-form-row__color.uo-color-picker.wp-color-picker{
	margin-top: 10px;
}