/* Soha Tutor Content Access — Frontend Package Dropdown V1.9.0 */
body.stca-package-ui-ready .edublink-course-details-sidebar-inner .tutor-course-sidebar-card-pricing,
body.stca-package-ui-ready .edublink-course-details-sidebar-inner .edublink-course-meta-informations .course-price{display:none!important}

.stca-package-ui,.stca-package-ui *{box-sizing:border-box;font-family:"Tajawal",Arial,sans-serif!important}
.stca-package-ui{
	--stca-deep:#043924;--stca-green:#0e4e32;--stca-gold:#d0a536;--stca-muted:#6f7b74;--stca-line:rgba(4,57,36,.13);
	width:100%;margin:16px 0 14px;color:#2d3f35;direction:rtl
}
.stca-package-ui[dir="ltr"]{direction:ltr}
.stca-package-toggle{
	width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:72px;margin:0;padding:11px 12px;
	border:1px solid var(--stca-line);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdfb);box-shadow:0 10px 26px rgba(4,57,36,.06);
	color:#31443a;text-align:start;cursor:pointer;outline:0;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease
}
.stca-package-toggle:hover{border-color:rgba(14,78,50,.28);box-shadow:0 13px 30px rgba(4,57,36,.085);transform:translateY(-1px)}
.stca-package-toggle:focus-visible{outline:3px solid rgba(14,78,50,.13);outline-offset:2px}
.stca-package-toggle__copy{min-width:0;display:grid;gap:1px}
.stca-package-toggle__copy small{color:#7b8780;font-size:9.5px;font-weight:500;line-height:1.4}
.stca-package-toggle__copy strong{overflow:hidden;color:var(--stca-deep);font-size:13px;font-weight:600;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
.stca-package-toggle__price{min-width:92px}
.stca-package-toggle__action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:6px 9px;border-radius:10px;background:rgba(14,78,50,.07);color:var(--stca-green);font-size:10.5px;font-weight:600;white-space:nowrap}
.stca-package-toggle__action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s ease}
.stca-package-ui.is-open .stca-package-toggle__action svg{transform:rotate(180deg)}

.stca-package-price{display:grid;justify-items:end;gap:1px;min-width:84px}
[dir="ltr"] .stca-package-price{justify-items:start}
.stca-package-price b{color:var(--stca-deep);font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap}
.stca-package-price del{color:#98a19c;font-size:9.5px;font-weight:400;line-height:1.3;white-space:nowrap}
.stca-package-price em{display:inline-flex;margin-bottom:2px;padding:2px 6px;border-radius:999px;background:rgba(208,165,54,.13);color:#896719;font-size:8.5px;font-weight:600;font-style:normal;line-height:1.4;white-space:nowrap}
.stca-package-price.is-compact{min-width:78px}

.stca-package-menu{
	margin-top:8px;padding:12px;border:1px solid rgba(4,57,36,.12);border-radius:16px;background:#fff;box-shadow:0 16px 36px rgba(4,57,36,.09);
	transform-origin:top;animation:stcaPackageDrop .18s cubic-bezier(.22,1,.36,1)
}
.stca-package-menu[hidden]{display:none!important}
@keyframes stcaPackageDrop{from{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
.stca-package-menu__head{padding:1px 2px 10px}
.stca-package-menu__head>span{display:block;margin-bottom:2px;color:#927024;font-size:9.5px;font-weight:600;line-height:1.4}
.stca-package-menu__head>strong{display:block;color:var(--stca-deep);font-size:13px;font-weight:600;line-height:1.5}
.stca-package-menu__head>p{margin:3px 0 0!important;color:var(--stca-muted);font-size:10.5px;font-weight:400;line-height:1.7}
.stca-package-menu__options{display:grid;gap:7px}
.stca-package-option{
	position:relative;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:66px;margin:0;padding:9px 10px;
	border:1px solid #e3e9e5;border-radius:13px;background:#fff;color:#35483d;text-align:start;cursor:pointer;outline:0;
	transition:border-color .17s ease,background .17s ease,box-shadow .17s ease,transform .17s ease
}
.stca-package-option:hover{border-color:#c5d5cb;background:#fbfdfb;box-shadow:0 6px 16px rgba(4,57,36,.05);transform:translateY(-1px)}
.stca-package-option:focus-visible{outline:3px solid rgba(14,78,50,.12);outline-offset:2px}
.stca-package-option.is-selected{border-color:rgba(14,78,50,.4);background:linear-gradient(135deg,#f6fbf8,#fffdf8);box-shadow:0 0 0 3px rgba(14,78,50,.045)}
.stca-package-option__mark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:rgba(14,78,50,.08);color:var(--stca-green);font-size:12px;font-weight:700;transition:background .17s ease,color .17s ease,transform .17s ease}
.stca-package-option.is-selected .stca-package-option__mark{background:var(--stca-green);color:#fff;transform:scale(1.03)}
.stca-package-option__copy{min-width:0;display:grid;gap:1px}
.stca-package-option__copy strong{color:#304238;font-size:11.5px;font-weight:600;line-height:1.45}
.stca-package-option__copy small{color:#7c8881;font-size:9px;font-weight:400;line-height:1.4}

@media(max-width:600px){
	.stca-package-toggle{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:68px;padding:10px}
	.stca-package-toggle__action{grid-column:1/-1;width:100%;min-height:32px}
	.stca-package-toggle__price{justify-self:end}
	.stca-package-menu{padding:10px;border-radius:14px}
	.stca-package-option{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:9px}
	.stca-package-option .stca-package-price{grid-column:2;display:flex;align-items:baseline;flex-wrap:wrap;justify-items:start;gap:5px;min-width:0}
	.stca-package-option .stca-package-price em{order:3}
}
@media(prefers-reduced-motion:reduce){.stca-package-toggle,.stca-package-toggle__action svg,.stca-package-option{transition:none!important}.stca-package-menu{animation:none!important}}

/* ================================================================
   V2.0.0 — Compact package switcher + per-package hover language
   ================================================================ */
.stca-package-ui{margin:14px 0!important}
button.stca-package-toggle{
	grid-template-columns:minmax(0,1fr) auto auto!important;
	gap:10px!important;
	min-height:78px!important;
	margin:0!important;
	padding:11px 12px!important;
	border-color:rgba(4,57,36,.16)!important;
	background:linear-gradient(135deg,#fff 0%,#fbfdfb 72%,#fffaf0 100%)!important;
	box-shadow:0 10px 26px rgba(4,57,36,.065)!important;
}
button.stca-package-toggle:hover{
	border-color:rgba(208,165,54,.42)!important;
	background:linear-gradient(135deg,#fff 0%,#f8fcf9 62%,#fff5da 100%)!important;
	box-shadow:0 14px 32px rgba(4,57,36,.10)!important;
}
.stca-package-toggle__copy{gap:1px!important}
.stca-package-toggle__hint{
	display:block!important;
	max-width:210px;
	margin-top:2px;
	color:#8a918d!important;
	font-size:9px!important;
	font-weight:400!important;
	font-style:normal!important;
	line-height:1.45!important;
	white-space:normal!important;
}
.stca-package-toggle__action{
	min-height:36px!important;
	padding:7px 10px!important;
	border:1px solid rgba(14,78,50,.08)!important;
	background:rgba(14,78,50,.065)!important;
}
.stca-package-ui.is-open .stca-package-toggle__action{background:rgba(208,165,54,.13)!important;color:#7f611b!important}
.stca-package-menu{
	position:relative!important;
	z-index:8!important;
	margin:7px 0 0!important;
	padding:10px!important;
	border:1px solid rgba(4,57,36,.13)!important;
	border-radius:16px!important;
	background:rgba(255,255,255,.985)!important;
	box-shadow:0 18px 42px rgba(4,57,36,.12)!important;
}
.stca-package-menu__head{padding:2px 3px 9px!important;border-bottom:1px solid rgba(4,57,36,.075)!important;margin-bottom:8px!important}
.stca-package-menu__head>p{margin-top:2px!important;line-height:1.55!important}
.stca-package-menu__options{
	display:grid!important;
	grid-template-columns:1fr!important;
	gap:7px!important;
	margin:0!important;
	padding:0!important;
}
button.stca-package-option{
	width:100%!important;
	height:auto!important;
	min-height:62px!important;
	max-height:none!important;
	margin:0!important;
	padding:9px 10px!important;
	border:1px solid #e2e8e4!important;
	border-radius:13px!important;
	background:#fff!important;
	box-shadow:none!important;
	line-height:1.35!important;
	transform:none!important;
}
button.stca-package-option:hover{transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(4,57,36,.07)!important}
button.stca-package-option[data-stca-package-key="full"]:hover{
	border-color:rgba(4,57,36,.30)!important;
	background:linear-gradient(125deg,#f2faf5 0%,#fffdf6 100%)!important;
}
button.stca-package-option[data-stca-package-key="half"]:hover{
	border-color:rgba(208,165,54,.42)!important;
	background:linear-gradient(125deg,#fffaf0 0%,#f7fbf8 100%)!important;
}
button.stca-package-option[data-stca-package-key="quarter"]:hover{
	border-color:rgba(14,78,50,.30)!important;
	background:linear-gradient(125deg,#f4fbf7 0%,#f8f6ef 100%)!important;
}
button.stca-package-option.is-selected[data-stca-package-key="full"]{
	border-color:rgba(4,57,36,.40)!important;
	background:linear-gradient(125deg,#edf7f1 0%,#fffaf0 100%)!important;
}
button.stca-package-option.is-selected[data-stca-package-key="half"]{
	border-color:rgba(208,165,54,.52)!important;
	background:linear-gradient(125deg,#fff7e3 0%,#f8fcf9 100%)!important;
}
button.stca-package-option.is-selected[data-stca-package-key="quarter"]{
	border-color:rgba(14,78,50,.42)!important;
	background:linear-gradient(125deg,#eef8f2 0%,#fbfaf5 100%)!important;
}
.stca-package-option__copy strong{font-size:12px!important;line-height:1.45!important}
.stca-package-option__copy small{font-size:9.5px!important}
.stca-package-option__mark{width:32px!important;height:32px!important}
@media(max-width:600px){
	button.stca-package-toggle{grid-template-columns:minmax(0,1fr) auto!important;min-height:74px!important}
	.stca-package-toggle__hint{max-width:none!important}
	.stca-package-toggle__action{grid-column:1/-1!important;width:100%!important}
	button.stca-package-option{min-height:60px!important}
}


/* ================================================================
   V2.1.0 — desktop-safe compact switcher + label-independent icons
   ================================================================ */
button.stca-package-toggle{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy price" "footer footer"!important;gap:8px 12px!important;min-height:0!important;padding:13px 14px!important;border-radius:17px!important}
.stca-package-toggle__copy{grid-area:copy!important;align-self:center!important;min-width:0!important}
.stca-package-toggle__copy strong{font-size:13.5px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.stca-package-toggle__price{grid-area:price!important;align-self:center!important;min-width:86px!important}
.stca-package-toggle__footer{grid-area:footer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding-top:8px!important;border-top:1px solid rgba(4,57,36,.07)!important}
.stca-package-toggle__hint{display:block!important;flex:1 1 auto!important;max-width:none!important;margin:0!important;color:#7b8780!important;font-size:9.5px!important;line-height:1.55!important}
.stca-package-toggle__action{flex:0 0 auto!important;min-height:34px!important;padding:6px 10px!important}
.stca-package-menu{padding:11px!important}.stca-package-menu__head{padding:1px 2px 8px!important;margin-bottom:7px!important}
.stca-package-menu__options{gap:6px!important}
button.stca-package-option{min-height:58px!important;padding:8px 9px!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:8px!important}
.stca-package-option__mark{width:34px!important;height:34px!important;border-radius:10px!important;font-size:0!important}
.stca-package-option__mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
button.stca-package-option[data-stca-package-key="full"] .stca-package-option__mark{background:#eaf5ef!important;color:#0e4e32!important}
button.stca-package-option[data-stca-package-key="half"] .stca-package-option__mark{background:#fff6df!important;color:#9b741c!important}
button.stca-package-option[data-stca-package-key="quarter"] .stca-package-option__mark{background:#edf5f2!important;color:#345f50!important}
button.stca-package-option.is-selected .stca-package-option__mark{color:#fff!important}
button.stca-package-option.is-selected[data-stca-package-key="full"] .stca-package-option__mark{background:linear-gradient(135deg,#043924,#0e4e32)!important}
button.stca-package-option.is-selected[data-stca-package-key="half"] .stca-package-option__mark{background:linear-gradient(135deg,#b8891f,#d0a536)!important}
button.stca-package-option.is-selected[data-stca-package-key="quarter"] .stca-package-option__mark{background:linear-gradient(135deg,#315f50,#0e4e32)!important}
@media(max-width:600px){button.stca-package-toggle{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy price" "footer footer"!important;padding:11px!important}.stca-package-toggle__footer{align-items:flex-start!important}.stca-package-toggle__hint{font-size:9px!important}.stca-package-toggle__action span{display:inline!important}}
