/* Self-contained styles for the //components/_guide_education partial (no layout stylesheet required). */
.guide-education-trigger {
	position: relative;
	cursor: pointer;
}

.guide-education.guide-education-popover {
	display: none;
	position: absolute;
	bottom: -150px;
	left: 100%;
	z-index: 99;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 0 30px 0 #8ba0be;
	transition: all 0.3s ease-in-out;
	cursor: default;
}

.guide-education.guide-education-popover::after {
	content: "";
	position: absolute;
	bottom: 150px;
	left: -6px;
	width: 12px;
	height: 12px;
	background-color: #fff;
	transform: rotate(45deg);
}

.guide-education.guide-education-popover.hide-after::after {
	display: none;
}

.guide-education-trigger.open > .guide-education.guide-education-popover {
	display: block;
}

body[dir="rtl"] .guide-education.guide-education-popover {
	left: unset;
	right: 100%;
}

body[dir="rtl"] .guide-education.guide-education-popover::after {
	left: unset;
	right: -6px;
}

body[dir="rtl"] .guide-education.guide-education-popover.show-on-start {
	left: 100%;
	right: unset;
}

body[dir="rtl"] .guide-education.guide-education-popover.show-on-start::after {
	left: -6px;
	right: unset;
}

body[dir="ltr"] .guide-education.guide-education-popover.show-on-start {
	left: unset;
	right: 100%;
}

body[dir="ltr"] .guide-education.guide-education-popover.show-on-start::after {
	left: unset;
	right: -6px;
}

.guide-education.guide-education-popover.fullScreen {
	left: unset;
	right: 0 !important;
}

.guide-education-popover .guide-load-status[hidden],
.guide-education-popover .guide-box-content[hidden],
.guide-education-popover .guide-box-footer[hidden],
.guide-education-popover .guide-description-editor[hidden],
.guide-education-popover .guide-description-text[hidden],
.guide-education-popover .guide-media-section[hidden],
.guide-education-popover .guide-media-cards[hidden],
.guide-education-popover .guide-media-row[hidden],
.guide-education-popover .guide-media-row:empty {
	display: none;
}

.guide-education-popover .guide-load-status {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 100px;
	padding: 24px;
}

.guide-education-popover .guide-load-spinner {
	width: 20px;
	height: 20px;
	border: 2px solid #e7e8f3;
	border-top-color: #36459b;
	border-radius: 50%;
	animation: guide-education-loading 0.8s linear infinite;
}

@keyframes guide-education-loading {
	to {
		transform: rotate(360deg);
	}
}

.guide-education-popover .guide-box-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem;
	background-color: #ffeabd;
	border-radius: 15px 15px 0 0;
}

.guide-education-popover .guide-box-header .guide-title {
	font-size: 1rem;
	color: #424242;
	font-weight: 500;
}

.guide-education.guide-education-popover .guide-box-content {
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	gap: 1rem;
	min-width: 400px;
	max-width: 600px;
	height: auto;
	max-height: 400px;
	overflow-y: auto;
	padding: 1rem;
	background-color: #fff;
	text-align: justify;
	border-radius: 0 0 15px 15px;
}

.guide-education-popover .app-second-textarea-box {
	padding: 0;
}

.guide-education-popover .guide-box-footer {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 1rem;
	padding: 1rem 1rem 2rem;
}

.guide-education-popover .guide-media-section {
	width: 100%;
	min-width: 0;
	align-items: stretch;
}

.guide-education-popover .guide-media-cards {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	min-width: 0;
}

.guide-education-popover .guide-media-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	width: 100%;
	min-width: 0;
}

.guide-education-popover .guide-media-row[data-media-type="audio"] {
	grid-template-columns: minmax(0, 1fr);
}

.guide-education-popover .guide-media-card {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 10px 12px;
	border-radius: 4px;
	background: #f3f4f6;
	color: #4b4b4b;
}

.guide-education-popover .guide-media-details {
	flex: 1;
	min-width: 0;
}

.guide-education-popover .guide-media-title {
	display: block;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	font-weight: 500;
}

.guide-education-popover .guide-media-meta {
	display: block;
	text-align: match-parent;
	margin-top: 4px;
	color: #888;
	font-size: 12px;
}

.guide-education-popover .guide-media-icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.guide-education-popover .guide-media-icon img {
	display: block;
	width: 35px;
	height: 33px;
	object-fit: contain;
}

.guide-education-popover .guide-media-download {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: #4148a3;
}

.guide-education-popover .guide-media-download .bio-icon-outline {
	font-size: 20px;
}

.guide-education-popover .guide-media-download[aria-disabled="true"] {
	cursor: default;
}

.guide-education-popover .guide-media-card--audio {
	background: #fff;
	border: 1px solid #e5e9f8;
	border-radius: 7px;
}

.guide-education-popover .guide-media-audio-info {
	flex: 0 1 25%;
	min-width: 0;
}

.guide-education-popover .guide-media-audio-info .guide-media-download {
	display: flex;
	margin-inline-end: auto;
	width: 20px;
	height: 20px;
}

.guide-education-popover .guide-media-player {
	display: flex;
	flex: 1;
	min-width: 0;
	align-items: center;
	gap: 8px;
	direction: ltr;
}

.guide-education-popover .guide-media-play {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #5575ff;
	color: white;
	cursor: pointer;
}

.guide-education-popover .guide-media-play:focus {
	outline: none;
	box-shadow: none;
}

.guide-education-popover .guide-media-wave {
	display: flex;
	align-items: center;
	gap: 3px;
	flex: 1;
	min-width: 0;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	user-select: none;
}

.guide-education-popover .guide-media-wave[aria-disabled="true"] {
	cursor: default;
}

.guide-education-popover .guide-media-wave i {
	display: block;
	flex: 1 1 0;
	min-width: 0;
	border-radius: 2px;
	background: #dee3f5;
}

.guide-education-popover .guide-media-duration {
	color: #888;
	font-size: 12px;
	white-space: nowrap;
}

.guide-education-popover .guide-media-card--video {
	background: transparent;
	padding: 0;
}

.guide-education-popover .guide-media-video-button {
	width: 100%;
	min-width: 0;
	gap: 8px;
}

.guide-education-popover .guide-media-download:focus-visible,
.guide-education-popover .guide-media-play:focus-visible,
.guide-education-popover .guide-media-wave:focus-visible,
.guide-education-popover .guide-media-video-button:focus-visible {
	outline: 2px solid #5575ff;
	outline-offset: 3px;
}
/* Layout and editor styles formerly embedded in _guide_education.php. */
.guide-education.guide-education-popover {
	position: fixed;
	bottom: auto;
	left: auto;
	right: auto;
	width: min(600px, calc(100vw - 24px));
	max-height: calc(100vh - 24px);
	overflow: visible;
	z-index: 10050;
	color: #424242;
	text-align: start;
	box-sizing: border-box;
	transition: none;
}

.guide-education.guide-education-popover > .d-flex.flex-column {
	max-height: calc(100vh - 24px);
	min-height: 0;
}

.guide-education.guide-education-popover .guide-box-content {
	flex: 1 1 auto;
	min-height: 0;
}

.guide-education.guide-education-popover [hidden] {
	display: none !important;
}
.guide-education.guide-education-popover::after {
	display: none;
}
.guide-education.guide-education-popover .guide-box-content {
	min-width: 0;
	max-width: none;
}
.guide-education-popover *,
.guide-education-popover *::before {
	box-sizing: border-box;
}
.guide-education-popover .guide-close-row {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.guide-education-popover button,
.guide-education-popover input,
.guide-education-popover select,
.guide-education-popover textarea {
	font: inherit;
}
.guide-education-popover .guid-close-icon {
	border: 0;
	background: transparent;
	color: #424242;
	cursor: pointer;
}
.guide-education-popover .guid-close-icon:focus,
.guide-education-popover .guid-close-icon:focus-visible {
	outline: none;
	box-shadow: none;
}
.guide-education-popover label {
	display: block;
	margin-bottom: 5px;
}
.guide-education-popover textarea,
.guide-education-popover input,
.guide-education-popover select {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccd1df;
	border-radius: 5px;
	color: inherit;
	background: white;
}
.guide-education-popover select {
	min-height: 120px;
}
.guide-education-popover button:not(.guid-close-icon):not(.guide-media-play):not(.select2-selection__choice__remove) {
	padding: 7px 12px;
	border: 1px solid #36459b;
	border-radius: 5px;
	background: #36459b;
	color: white;
	cursor: pointer;
}
.guide-education-popover button:disabled {
	opacity: 0.5;
	cursor: default;
}
.guide-education-popover .delete_btn {
	background: white !important;
	color: #b42318 !important;
	border-color: #b42318 !important;
}
.guide-education-popover .guide-notice {
	padding: 10px 16px;
}
.guide-education-popover .guide-notice[data-error="true"] {
	color: #b42318;
}
.guide-education-popover .guide-description-text {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}
/* Textarea styles used by the guide in layouts without app-second-textarea.css. */
.guide-education-popover .app-second-textarea-section {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	margin: 6px 0;
}

.guide-education-popover .app-second-textarea-label {
	width: fit-content;
	margin: 0 0 4px;
	color: #8c8c8c;
	font-family: IRANSans, sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-align: right;
}

.guide-education-popover .app-second-textarea-box {
	display: flex;
	position: relative;
	width: 100%;
	border-radius: 4px;
	outline: 1px solid #b2c6e3;
	transition: outline-color 0.15s ease-in-out;
}

.guide-education-popover .app-second-textarea-box:focus-within {
	outline-color: #6e99da;
}

.guide-education-popover .app-second-textarea {
	width: 100%;
	min-height: 100px;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: #424242;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	resize: auto;
}

.guide-education-popover .app-second-textarea:focus {
	outline: none;
}

.guide-education-popover .app-second-textarea::placeholder {
	color: #858588;
	font-family: IRANSans, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
}

.guide-education-popover[dir="rtl"] .app-second-textarea {
	font-family: IRANSans, sans-serif;
}

.guide-education-popover .app-second-textarea-error {
	margin: 0;
	padding: 0 16px;
	color: #b3261e;
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
	text-align: right;
}

.guide-education-popover .app-second-textarea-error:not([hidden]) {
	display: block;
}

.guide-education-popover .app-second-textarea-section.error .app-second-textarea-box {
	outline-color: #b3261e;
}

.guide-education-popover .guide-media-select {
	width: 100%;
}

/* Select2 for the guide media field only. The dropdown is mounted inside this popover. */
#guide-education-popover .guide-media-section .app-select2-box {
	position: relative;
	width: 100%;
}

#guide-education-popover .guide-media-select.select2-hidden-accessible {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: -1px !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
}

#guide-education-popover .guide-media-section .select2-container {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 100% !important;
}

#guide-education-popover .guide-media-section .select2-selection--multiple {
	box-sizing: border-box;
	display: flex !important;
	align-items: flex-end !important;
	justify-content: flex-end;
	flex-wrap: wrap;
	min-height: 40px !important;
	padding: 3px 11px !important;
	border: 0 !important;
	border-radius: 4px !important;
	outline: 1px solid var(--input-border-color, #b2c6e3) !important;
}

#guide-education-popover .select2-dropdown {
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 10000;
}

#guide-education-popover .select2-container--open .select2-dropdown {
	left: 0;
}

#guide-education-popover .select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0;
}

#guide-education-popover .select2-results__option[aria-selected] {
	cursor: pointer;
}

#guide-education-popover .guide-media-section .select2-container--focus .select2-selection--multiple,
#guide-education-popover .guide-media-section .select2-container--open .select2-selection--multiple {
	outline-color: var(--input-border-color-focus, #6e99da) !important;
}

#guide-education-popover .guide-media-section .select2-selection__rendered {
	list-style: none !important;
	display: flex;
	width: 100%;
	min-width: 0;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 8px;
	margin: 0 !important;
	padding: 3px 0 !important;
}

#guide-education-popover .guide-media-section .select2-selection__choice {
	list-style: none !important;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	gap: 4px;
	max-width: 100%;
	min-height: 31px;
	margin: 0;
	padding: 3px 12px !important;
	border: 0 !important;
	border-radius: 2px !important;
	background: #e5e8f6 !important;
	color: #36459b !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}

#guide-education-popover .guide-media-section .select2-selection__choice::marker {
	content: none !important;
}

#guide-education-popover .guide-media-section .select2-selection__choice::before {
	content: none !important;
	display: none !important;
}

#guide-education-popover .guide-media-section .select2-selection__choice__display {
	min-width: 0;
	overflow-wrap: anywhere;
	color: #36459b;
	font-size: 14px;
}

#guide-education-popover .guide-media-section .select2-selection__choice__remove {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3px 2px !important;
	border: 0 !important;
	background: transparent !important;
	color: transparent !important;
	cursor: pointer;
}

#guide-education-popover .guide-media-section .select2-selection__choice__remove::after {
	content: url(/theme/ui/images/svg/select2-remove.svg);
	width: 19px;
	height: 19px;
}

#guide-education-popover .guide-media-section .select2-search--inline {
	flex: 1;
	min-width: 0;
	padding: 0 4px;
	background: transparent !important;
}

#guide-education-popover .guide-media-section .select2-search--inline .select2-search__field {
	width: 100% !important;
	min-width: 5px;
	max-height: 34px;
	margin: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	line-height: 34px;
	resize: none;
	outline: none;
}

#guide-education-popover .select2-container--open .select2-dropdown {
	margin-top: 10px !important;
	padding: 10px 8.5px !important;
	border: 0 !important;
	border-radius: 3px !important;
	background: #fff !important;
	box-shadow: 0 0 8px var(--input-border-color, #b2c6e3) !important;
}

#guide-education-popover .select2-dropdown .select2-search--dropdown {
	margin-bottom: 16px !important;
	padding: 0 !important;
}

#guide-education-popover .select2-dropdown .select2-search__field {
	margin-top: 4px;
	padding: 11px 10px 11px 32px;
	border: 1px solid #eaeffb !important;
	border-radius: 4px !important;
	background: url(/theme/ui/images/icon/search.png) left 10px bottom 16px no-repeat;
	color: #858588;
	font-size: 14px;
	text-align: left !important;
	outline: none !important;
}

#guide-education-popover .select2-dropdown .select2-results__options {
	display: flex;
	flex-direction: column;
	gap: 2.5px;
	max-height: 237px;
	overflow-y: auto;
}

#guide-education-popover .select2-dropdown .select2-results__option {
	margin: 0;
	padding: 12px 8px;
	background: transparent;
	color: #636366;
	text-align: left;
}

#guide-education-popover .select2-dropdown .select2-results__option--highlighted[aria-selected],
#guide-education-popover .select2-dropdown .select2-results__option[aria-selected="true"],
#guide-education-popover .select2-dropdown .select2-results__option--selected {
	padding: 12px 8px;
	border-radius: 4px;
	background: var(--option-selected-color, rgba(182, 200, 241, 0.29));
	color: #36459b;
}

#guide-education-popover[dir="rtl"] .guide-media-section .select2-selection--multiple {
	direction: rtl !important;
	justify-content: flex-start !important;
}

#guide-education-popover[dir="rtl"] .guide-media-section .select2-search__field,
#guide-education-popover[dir="rtl"] .select2-dropdown .select2-search__field,
#guide-education-popover[dir="rtl"] .select2-dropdown .select2-results__option {
	font-family: IRANSans, sans-serif;
	text-align: right !important;
}

#guide-education-popover[dir="rtl"] .select2-dropdown .select2-search__field {
	padding: 11px 32px 11px 10px;
	background-position: right 10px bottom 16px;
}

.guide-education-trigger {
	display: inline-flex;
	align-items: center;
	padding-inline: 4px;
}

@media (max-width: 480px) {
	.guide-education-popover .guide-media-row {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 576px) {
	.guide-education-popover .app-second-textarea {
		font-size: 12px;
	}

	.guide-education-popover .app-second-textarea::placeholder {
		font-size: 13px;
	}
}