/**
 * Optionz Coaching — Super VIP UI/UX Styles
 * Designed for /our-team/ and /profile/{username}/
 */

/* ==========================================================================
   1. Team Page & Carousel Overrides (/our-team/)
   ========================================================================== */
.thim-carousel-list-instructors {
	padding: 20px 0 !important;
}

.thim-carousel-list-instructors .instructor-item {
	padding: 15px !important;
}

.thim-carousel-list-instructors .instructor-item .wrap-item {
	background: #ffffff !important;
	border-radius: 24px !important;
	border: 1px solid rgba(9, 140, 233, 0.15) !important;
	box-shadow: 0 10px 30px -5px rgba(9, 140, 233, 0.08) !important;
	padding: 35px 25px !important;
	text-align: center !important;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	position: relative !important;
	overflow: hidden !important;
}

.thim-carousel-list-instructors .instructor-item .wrap-item::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 6px !important;
	background: linear-gradient(90deg, #098CE9, #E99809) !important;
}

.thim-carousel-list-instructors .instructor-item .wrap-item:hover {
	transform: translateY(-8px) !important;
	box-shadow: 0 20px 40px -10px rgba(9, 140, 233, 0.22) !important;
	border-color: rgba(9, 140, 233, 0.35) !important;
}

/* Circular Avatar in Team Cards */
.thim-carousel-list-instructors .avatar_item {
	margin-bottom: 20px !important;
	position: relative !important;
	display: inline-block !important;
}

.thim-carousel-list-instructors .avatar_item img,
.thim-carousel-list-instructors .avatar_item .avatar {
	width: 170px !important;
	height: 170px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	object-position: center 20% !important;
	border: 4px solid #ffffff !important;
	box-shadow: 0 10px 25px rgba(9, 140, 233, 0.25) !important;
	outline: 3px solid #098CE9 !important;
	transition: all 0.4s ease !important;
	display: block !important;
	margin: 0 auto !important;
}

.thim-carousel-list-instructors .instructor-item:hover .avatar_item img {
	transform: scale(1.04) !important;
	outline-color: #E99809 !important;
	box-shadow: 0 14px 30px rgba(233, 152, 9, 0.3) !important;
}

/* Team Card Typography & Badges */
.thim-carousel-list-instructors .instructor-info .name {
	font-family: 'Cairo', sans-serif !important;
	font-size: 21px !important;
	font-weight: 700 !important;
	margin: 10px 0 6px 0 !important;
	color: #0f172a !important;
}

.thim-carousel-list-instructors .instructor-info .name a {
	color: #0f172a !important;
	text-decoration: none !important;
	transition: color 0.3s ease !important;
}

.thim-carousel-list-instructors .instructor-info .name a:hover {
	color: #098CE9 !important;
}

.optionz-badge-pcc {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%) !important;
	color: #B45309 !important;
	border: 1px solid #FCD34D !important;
	padding: 4px 12px !important;
	border-radius: 20px !important;
	font-family: 'Cairo', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	margin-bottom: 12px !important;
	box-shadow: 0 2px 6px rgba(180, 83, 9, 0.08) !important;
}

.thim-carousel-list-instructors .instructor-info .job {
	font-family: 'Cairo', sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #0370CB !important;
	margin-bottom: 12px !important;
}

/* Description Text — GUARANTEED NEVER TO DISAPPEAR ON HOVER */
.thim-carousel-list-instructors .instructor-item .description,
.thim-carousel-list-instructors .instructor-item:hover .description,
.thim-carousel-list-instructors .instructor-item.has-social:hover .description,
.thim-ekits-list-instructors .instructor-item .description,
.thim-ekits-list-instructors .instructor-item:hover .description,
.thim-ekits-list-instructors .instructor-item.has-social:hover .description {
	font-family: 'Cairo', sans-serif !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
	color: #64748b !important;
	margin-bottom: 15px !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	transition: none !important;
}

/* Social Icons Wrapper — GUARANTEED STATIC IN FLOW (NO OVERLAP WITH BUTTON) */
.thim-carousel-list-instructors .info_ins,
.thim-carousel-list-instructors .instructor-item .info_ins,
.thim-carousel-list-instructors .instructor-item:hover .info_ins,
.thim-carousel-list-instructors .instructor-item.has-social:hover .info_ins,
.thim-ekits-list-instructors .info_ins,
.thim-ekits-list-instructors .instructor-item .info_ins,
.thim-ekits-list-instructors .instructor-item:hover .info_ins,
.thim-ekits-list-instructors .instructor-item.has-social:hover .info_ins,
.optionz-card-socials {
	position: static !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	width: 100% !important;
	margin: 10px auto 16px auto !important;
	padding: 0 !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	transition: none !important;
	border: none !important;
}

/* Social Icons Horizontal Row */
.thim-carousel-list-instructors .thim-author-social,
.thim-ekits-list-instructors .thim-author-social,
.optionz-card-socials .thim-author-social {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	list-style: none !important;
}

.thim-carousel-list-instructors .thim-author-social li,
.thim-ekits-list-instructors .thim-author-social li,
.optionz-card-socials .thim-author-social li {
	display: inline-flex !important;
	margin: 0 !important;
	padding: 0 !important;
}

.thim-carousel-list-instructors .thim-author-social li a,
.thim-ekits-list-instructors .thim-author-social li a,
.optionz-card-socials .thim-author-social li a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background: #f1f5f9 !important;
	color: #64748b !important;
	font-size: 15px !important;
	text-decoration: none !important;
	border: 1px solid #e2e8f0 !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.thim-carousel-list-instructors .thim-author-social li a:hover,
.thim-ekits-list-instructors .thim-author-social li a:hover,
.optionz-card-socials .thim-author-social li a:hover {
	transform: translateY(-3px) scale(1.08) !important;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1) !important;
}

.thim-carousel-list-instructors .thim-author-social li a.facebook:hover,
.optionz-card-socials .thim-author-social li a.facebook:hover {
	background: #1877f2 !important;
	color: #ffffff !important;
	border-color: #1877f2 !important;
}

.thim-carousel-list-instructors .thim-author-social li a.twitter:hover,
.optionz-card-socials .thim-author-social li a.twitter:hover {
	background: #000000 !important;
	color: #ffffff !important;
	border-color: #000000 !important;
}

.thim-carousel-list-instructors .thim-author-social li a.linkedin:hover,
.optionz-card-socials .thim-author-social li a.linkedin:hover {
	background: #0a66c2 !important;
	color: #ffffff !important;
	border-color: #0a66c2 !important;
}

.thim-carousel-list-instructors .thim-author-social li a.youtube:hover,
.optionz-card-socials .thim-author-social li a.youtube:hover {
	background: #ff0000 !important;
	color: #ffffff !important;
	border-color: #ff0000 !important;
}

/* Ensure instructor-info is not absolute or hidden */
.thim-carousel-list-instructors .instructor-item .instructor-info,
.thim-ekits-list-instructors .instructor-item .instructor-info {
	position: static !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	padding: 0 !important;
	background: transparent !important;
	overflow: visible !important;
	transform: none !important;
	transition: none !important;
}

.optionz-card-btn-wrap {
	margin-top: 15px !important;
	display: block !important;
}

.optionz-profile-link-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	background: linear-gradient(135deg, #098CE9 0%, #0370CB 100%) !important;
	color: #ffffff !important;
	font-family: 'Cairo', sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	padding: 10px 24px !important;
	border-radius: 30px !important;
	text-decoration: none !important;
	box-shadow: 0 6px 18px rgba(9, 140, 233, 0.3) !important;
	transition: all 0.3s ease !important;
}

.optionz-profile-link-btn:hover {
	background: linear-gradient(135deg, #0370CB 0%, #0A2540 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 10px 22px rgba(3, 112, 203, 0.4) !important;
	color: #ffffff !important;
}

/* ==========================================================================
   2. VIP Profile Template Styles (/profile/{username}/)
   ========================================================================== */
.optionz-vip-profile {
	font-family: 'Cairo', sans-serif !important;
	direction: rtl !important;
	text-align: right !important;
	color: #1e293b !important;
	margin: 20px 0 50px 0 !important;
}

/* Profile Hero Card */
/* Profile Hero Card — Executive Soft Luxury Design */
.optionz-profile-hero {
	background: linear-gradient(135deg, #f8fbff 0%, #eef5fc 50%, #ffffff 100%) !important;
	border-radius: 28px !important;
	padding: 45px 40px !important;
	color: #0f172a !important;
	border: 1px solid rgba(9, 140, 233, 0.16) !important;
	box-shadow: 0 15px 35px -5px rgba(9, 140, 233, 0.1), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
	margin-bottom: 35px !important;
	position: relative !important;
	overflow: hidden !important;
}

/* Watermark logo */
.optionz-hero-watermark {
	position: absolute !important;
	left: 3% !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 320px !important;
	max-width: 45% !important;
	opacity: 0.08 !important;
	pointer-events: none !important;
	z-index: 1 !important;
	filter: grayscale(10%) contrast(110%) !important;
}

.optionz-hero-watermark img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}

/* Subtle corner ambient glow */
.optionz-profile-hero::after {
	content: '' !important;
	position: absolute !important;
	bottom: -40px !important;
	right: -40px !important;
	width: 250px !important;
	height: 250px !important;
	background: radial-gradient(circle, rgba(233, 152, 9, 0.08) 0%, transparent 70%) !important;
	pointer-events: none !important;
}

.optionz-hero-inner {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 35px !important;
	position: relative !important;
	z-index: 2 !important;
}

@media (max-width: 900px) {
	.optionz-hero-inner {
		flex-direction: column !important;
		text-align: center !important;
	}
	.optionz-hero-watermark {
		opacity: 0.04 !important;
		width: 220px !important;
	}
}

/* Large Circular Avatar */
.optionz-hero-avatar-wrap {
	position: relative !important;
	flex-shrink: 0 !important;
}

.optionz-hero-avatar {
	width: 175px !important;
	height: 175px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	object-position: center 20% !important;
	border: 5px solid #ffffff !important;
	outline: 4px solid #E99809 !important;
	box-shadow: 0 12px 30px rgba(9, 140, 233, 0.2) !important;
	display: block !important;
}

.optionz-verified-check {
	position: absolute !important;
	bottom: 8px !important;
	right: 8px !important;
	background: #E99809 !important;
	color: #ffffff !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 18px !important;
	border: 3px solid #ffffff !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

/* Hero Content Details */
.optionz-hero-details {
	flex-grow: 1 !important;
}

.optionz-hero-name {
	font-size: 32px !important;
	font-weight: 800 !important;
	color: #0B2238 !important;
	margin: 0 0 8px 0 !important;
	letter-spacing: -0.5px !important;
}

.optionz-hero-title {
	font-size: 17px !important;
	font-weight: 600 !important;
	color: #0370CB !important;
	margin: 0 0 16px 0 !important;
}

.optionz-badges-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	margin-bottom: 20px !important;
}

@media (max-width: 900px) {
	.optionz-badges-row {
		justify-content: center !important;
	}
}

.optionz-badge-gold {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%) !important;
	color: #B45309 !important;
	border: 1px solid #FCD34D !important;
	padding: 6px 16px !important;
	border-radius: 30px !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	box-shadow: 0 2px 8px rgba(180, 83, 9, 0.12) !important;
}

.optionz-badge-blue {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%) !important;
	color: #1D4ED8 !important;
	border: 1px solid #BFDBFE !important;
	padding: 6px 16px !important;
	border-radius: 30px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	box-shadow: 0 2px 8px rgba(29, 78, 216, 0.08) !important;
}

.optionz-hero-socials {
	display: flex !important;
	gap: 12px !important;
}

@media (max-width: 900px) {
	.optionz-hero-socials {
		justify-content: center !important;
	}
}

.optionz-hero-socials a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: #0370CB !important;
	border: 1px solid rgba(9, 140, 233, 0.22) !important;
	font-size: 17px !important;
	box-shadow: 0 4px 10px rgba(9, 140, 233, 0.1) !important;
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	text-decoration: none !important;
}

.optionz-hero-socials a:hover {
	background: linear-gradient(135deg, #098CE9 0%, #0370CB 100%) !important;
	color: #ffffff !important;
	transform: translateY(-3px) scale(1.08) !important;
	box-shadow: 0 8px 18px rgba(9, 140, 233, 0.35) !important;
	border-color: transparent !important;
}

/* Hide Redundant Default Gray Page Title & Polish Breadcrumbs on Profile Pages */
.learnpress-profile .top_site_main .page-title,
.learnpress-page.profile .top_site_main .page-title,
.lp-profile-page .top_site_main .page-title {
	display: none !important;
}

.learnpress-profile .top_site_main,
.learnpress-page.profile .top_site_main,
.lp-profile-page .top_site_main {
	padding-top: 15px !important;
	padding-bottom: 0 !important;
	min-height: auto !important;
}

.learnpress-profile .banner-wrapper {
	padding-bottom: 0 !important;
}

.breadcrumbs-wrapper .breadcrumbs {
	font-family: 'Cairo', sans-serif !important;
	font-size: 13.5px !important;
	direction: rtl !important;
	margin-bottom: 5px !important;
}


/* ==========================================================================
   Stats Ribbon
   ========================================================================== */
.optionz-stats-ribbon {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 20px !important;
	margin-bottom: 40px !important;
}

@media (max-width: 900px) {
	.optionz-stats-ribbon {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 550px) {
	.optionz-stats-ribbon {
		grid-template-columns: 1fr !important;
	}
}

.optionz-stat-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 20px !important;
	padding: 24px 20px !important;
	text-align: center !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04) !important;
	transition: all 0.3s ease !important;
}

.optionz-stat-card:hover {
	transform: translateY(-5px) !important;
	border-color: #098CE9 !important;
	box-shadow: 0 14px 30px rgba(9, 140, 233, 0.12) !important;
}

.optionz-stat-number {
	font-size: 32px !important;
	font-weight: 800 !important;
	color: #098CE9 !important;
	margin-bottom: 6px !important;
	line-height: 1 !important;
}

.optionz-stat-label {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #64748b !important;
}

/* ==========================================================================
   Content Grid & Sections
   ========================================================================== */
.optionz-section-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 22px !important;
	padding: 35px 30px !important;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.03) !important;
	margin-bottom: 30px !important;
}

.optionz-section-title {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin: 0 0 22px 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	position: relative !important;
	padding-bottom: 12px !important;
	border-bottom: 2px solid #f1f5f9 !important;
}

.optionz-section-title::after {
	content: '' !important;
	position: absolute !important;
	bottom: -2px !important;
	right: 0 !important;
	width: 60px !important;
	height: 2px !important;
	background: #098CE9 !important;
}

.optionz-title-icon {
	width: 38px !important;
	height: 38px !important;
	background: #eff6ff !important;
	color: #098CE9 !important;
	border-radius: 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 18px !important;
}

/* Bio Lead Box */
.optionz-bio-lead-box {
	background: #f8fafc !important;
	border-right: 4px solid #098CE9 !important;
	padding: 20px 24px !important;
	border-radius: 0 16px 16px 0 !important;
	margin-bottom: 25px !important;
	font-size: 15.5px !important;
	line-height: 1.8 !important;
	color: #334155 !important;
}

.optionz-bio-text {
	font-size: 16px !important;
	line-height: 1.9 !important;
	color: #475569 !important;
	margin: 0 !important;
}

/* Skills 4-Card Grid */
.optionz-skills-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 20px !important;
}

@media (max-width: 768px) {
	.optionz-skills-grid {
		grid-template-columns: 1fr !important;
	}
}

.optionz-skill-item {
	background: #f8fafc !important;
	border: 1px solid #edf2f7 !important;
	border-radius: 16px !important;
	padding: 22px 20px !important;
	transition: all 0.3s ease !important;
}

.optionz-skill-item:hover {
	background: #ffffff !important;
	border-color: #098CE9 !important;
	box-shadow: 0 8px 20px rgba(9, 140, 233, 0.08) !important;
	transform: translateY(-3px) !important;
}

.optionz-skill-header {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-bottom: 10px !important;
}

.optionz-skill-icon {
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background: #eff6ff !important;
	color: #0370CB !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 16px !important;
	flex-shrink: 0 !important;
}

.optionz-skill-head-info {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	flex-grow: 1 !important;
}

.optionz-skill-badge {
	display: inline-flex !important;
	align-self: flex-start !important;
	align-items: center !important;
	gap: 5px !important;
	background: linear-gradient(135deg, rgba(233, 152, 9, 0.16) 0%, rgba(233, 152, 9, 0.05) 100%) !important;
	color: #b45309 !important;
	border: 1px solid rgba(233, 152, 9, 0.35) !important;
	padding: 2px 10px !important;
	border-radius: 50px !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	font-family: 'Cairo', 'Tajawal', sans-serif !important;
	box-shadow: 0 1px 3px rgba(233, 152, 9, 0.1) !important;
}

.optionz-skill-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin: 0 !important;
}

.optionz-skill-desc {
	font-size: 14.5px !important;
	line-height: 1.7 !important;
	color: #64748b !important;
	margin: 0 !important;
}

/* Programs & Tracks Cards */
.optionz-tracks-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 22px !important;
}

@media (max-width: 950px) {
	.optionz-tracks-grid {
		grid-template-columns: 1fr !important;
	}
}

.optionz-track-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 20px !important;
	padding: 26px 22px !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.03) !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	transition: all 0.3s ease !important;
	position: relative !important;
}

.optionz-track-card:hover {
	transform: translateY(-6px) !important;
	border-color: #098CE9 !important;
	box-shadow: 0 16px 35px rgba(9, 140, 233, 0.12) !important;
}

.optionz-track-hours {
	display: inline-block !important;
	align-self: flex-start !important;
	background: #eef6fc !important;
	color: #0370CB !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	padding: 4px 12px !important;
	border-radius: 12px !important;
	margin-bottom: 14px !important;
}

.optionz-track-title {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin: 0 0 10px 0 !important;
}

.optionz-track-desc {
	font-size: 14.5px !important;
	line-height: 1.7 !important;
	color: #64748b !important;
	margin: 0 0 15px 0 !important;
	flex-grow: 1 !important;
}

.optionz-track-footer {
	background: #f8fafc !important;
	border-radius: 12px !important;
	padding: 10px 14px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #475569 !important;
}

/* Impact & Numbers Highlights */
.optionz-impact-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 25px 0 !important;
}

.optionz-impact-list li {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 14px 18px !important;
	background: #f8fafc !important;
	border-radius: 14px !important;
	margin-bottom: 12px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #334155 !important;
	border: 1px solid #edf2f7 !important;
}

.optionz-impact-bullet {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: #eff6ff !important;
	color: #098CE9 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	font-size: 14px !important;
}

.optionz-cert-pills {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 15px !important;
}

.optionz-cert-pill {
	flex: 1 !important;
	min-width: 130px !important;
	background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%) !important;
	border: 1px solid #FCD34D !important;
	border-radius: 16px !important;
	padding: 16px !important;
	text-align: center !important;
}

.optionz-cert-count {
	font-size: 26px !important;
	font-weight: 800 !important;
	color: #B45309 !important;
	line-height: 1 !important;
	margin-bottom: 4px !important;
}

.optionz-cert-type {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #78350F !important;
}

/* CTA Banner */
.optionz-cta-banner {
	background: linear-gradient(135deg, #098CE9 0%, #0370CB 100%) !important;
	border-radius: 24px !important;
	padding: 35px 30px !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	box-shadow: 0 15px 35px rgba(9, 140, 233, 0.3) !important;
	flex-wrap: wrap !important;
	gap: 20px !important;
}

.optionz-cta-text h4 {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 6px 0 !important;
}

.optionz-cta-text p {
	font-size: 15px !important;
	color: #e0f2fe !important;
	margin: 0 !important;
}

.optionz-cta-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	background: #ffffff !important;
	color: #0370CB !important;
	font-family: 'Cairo', sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	padding: 12px 28px !important;
	border-radius: 30px !important;
	text-decoration: none !important;
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12) !important;
	transition: all 0.3s ease !important;
}

.optionz-cta-btn:hover {
	background: #0f172a !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
}

/* ==========================================================================
   3. Bilingual English Overrides (.optionz-vip-profile.optionz-en)
   ========================================================================== */
.optionz-vip-profile.optionz-en {
	direction: ltr !important;
	text-align: left !important;
	font-family: 'Outfit', 'Inter', -apple-system, sans-serif !important;
}

.optionz-vip-profile.optionz-en .optionz-profile-hero {
	text-align: left !important;
}

.optionz-vip-profile.optionz-en .optionz-hero-inner {
	flex-direction: row !important;
}

.optionz-vip-profile.optionz-en .optionz-hero-watermark {
	left: auto !important;
	right: 3% !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	max-width: 38% !important;
	opacity: 0.07 !important;
}

.optionz-vip-profile.optionz-en .optionz-hero-details {
	text-align: left !important;
}

.optionz-vip-profile.optionz-en .optionz-hero-name,
.optionz-vip-profile.optionz-en .optionz-hero-title,
.optionz-vip-profile.optionz-en .optionz-section-title,
.optionz-vip-profile.optionz-en .optionz-stat-number,
.optionz-vip-profile.optionz-en .optionz-stat-label,
.optionz-vip-profile.optionz-en .optionz-bio-heading,
.optionz-vip-profile.optionz-en .optionz-skill-title,
.optionz-vip-profile.optionz-en .optionz-track-title,
.optionz-vip-profile.optionz-en .optionz-cta-btn {
	font-family: 'Outfit', 'Inter', sans-serif !important;
}

.optionz-vip-profile.optionz-en .optionz-badges-row {
	justify-content: flex-start !important;
}

.optionz-vip-profile.optionz-en .optionz-hero-socials {
	justify-content: flex-start !important;
}

.optionz-vip-profile.optionz-en .optionz-verified-check {
	right: 8px !important;
	left: auto !important;
}

.optionz-vip-profile.optionz-en .optionz-section-title {
	text-align: left !important;
}

.optionz-vip-profile.optionz-en .optionz-section-title::after {
	right: auto !important;
	left: 0 !important;
}

.optionz-vip-profile.optionz-en .optionz-bio-lead-box {
	border-right: none !important;
	border-left: 4px solid #098CE9 !important;
	text-align: left !important;
	font-family: 'Outfit', 'Inter', sans-serif !important;
}

.optionz-vip-profile.optionz-en .optionz-bio-text {
	text-align: left !important;
	font-family: 'Outfit', 'Inter', sans-serif !important;
}

.optionz-vip-profile.optionz-en .optionz-skill-header {
	text-align: left !important;
	justify-content: flex-start !important;
}

.optionz-vip-profile.optionz-en .optionz-skill-desc {
	text-align: left !important;
}

.optionz-vip-profile.optionz-en .optionz-track-card {
	text-align: left !important;
}

.optionz-vip-profile.optionz-en .optionz-track-footer {
	text-align: left !important;
}

.optionz-vip-profile.optionz-en .optionz-impact-list li {
	text-align: left !important;
}

.optionz-vip-profile.optionz-en .optionz-cta-banner {
	text-align: left !important;
}

.optionz-vip-profile.optionz-en .optionz-cta-text {
	text-align: left !important;
}

/* ==========================================================================
   Instructor Active Session Bar
   ========================================================================== */
.optionz-instructor-bar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 15px !important;
	background: linear-gradient(135deg, #0b1528 0%, #1e293b 100%) !important;
	border: 1px solid rgba(233, 152, 9, 0.45) !important;
	box-shadow: 0 10px 30px rgba(11, 21, 40, 0.25) !important;
	border-radius: 16px !important;
	padding: 14px 24px !important;
	margin-bottom: 28px !important;
	color: #ffffff !important;
	position: relative !important;
	z-index: 10 !important;
}

.optionz-instbar-left {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	flex-wrap: wrap !important;
}

.optionz-instbar-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: linear-gradient(135deg, #E99809 0%, #d48206 100%) !important;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	padding: 5px 14px !important;
	border-radius: 20px !important;
	box-shadow: 0 2px 8px rgba(233, 152, 9, 0.4) !important;
	letter-spacing: -0.2px !important;
}

.optionz-instbar-welcome {
	font-size: 14px !important;
	color: #e2e8f0 !important;
}

.optionz-instbar-welcome strong {
	color: #ffffff !important;
	font-weight: 700 !important;
}

.optionz-instbar-actions {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
}

.optionz-instbar-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 8px 16px !important;
	border-radius: 10px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	line-height: 1.4 !important;
}

.optionz-instbar-btn i {
	font-size: 16px !important;
	line-height: 1 !important;
}

.optionz-btn-edit {
	background: rgba(255, 255, 255, 0.12) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.optionz-btn-edit:hover {
	background: #098CE9 !important;
	border-color: #098CE9 !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(9, 140, 233, 0.35) !important;
}

.optionz-btn-courses {
	background: rgba(9, 140, 233, 0.2) !important;
	color: #93c5fd !important;
	border: 1px solid rgba(9, 140, 233, 0.4) !important;
}

.optionz-btn-courses:hover {
	background: #098CE9 !important;
	border-color: #098CE9 !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(9, 140, 233, 0.35) !important;
}

.optionz-btn-logout {
	background: rgba(239, 68, 68, 0.15) !important;
	color: #fca5a5 !important;
	border: 1px solid rgba(239, 68, 68, 0.35) !important;
}

.optionz-btn-logout:hover {
	background: #ef4444 !important;
	border-color: #ef4444 !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(239, 68, 68, 0.35) !important;
}

@media (max-width: 768px) {
	.optionz-instructor-bar {
		flex-direction: column !important;
		align-items: flex-start !important;
		padding: 16px !important;
	}
	.optionz-instbar-actions {
		width: 100% !important;
		justify-content: flex-start !important;
	}
}