/* ================= هوية عامة ================= */
.mic-courses-wrap, .mic-admin-wrap { --navy:#223A5E; --navy-deep:#16283F; --gold:#B8912F; --gold-soft:#E9D9AE;
	--brick:#A63A2C; --green:#3F6C51; --paper:#FAF7F1; --line:#DEDACB; --ink:#1C2333; --ink-soft:#5B6478;
	--font-body:'Tajawal', sans-serif; --font-display:'El Messiri', serif; }

.mic-courses-wrap, .mic-admin-wrap, .mic-modal-overlay { font-family:var(--font-body) !important; }
.mic-courses-wrap h1, .mic-courses-wrap h2, .mic-courses-wrap h3, .mic-courses-wrap .mic-card-title-bar,
.mic-admin-wrap h1, .mic-admin-wrap h2, .mic-admin-wrap h3, .mic-admin-wrap .mic-item-card-head b,
.mic-modal-overlay h3 { font-family:var(--font-display) !important; }

.mic-courses-wrap { max-width:1180px !important; margin:0 auto !important; padding:0 24px 40px !important; }
.mic-site-header { margin-left:-24px !important; margin-right:-24px !important; padding-left:calc(24px + 30px) !important; padding-right:calc(24px + 30px) !important; }

/* حماية أساسية من تنسيقات القالب العامة (box-sizing, margin, float...) */
.mic-courses-wrap *, .mic-modal-overlay *, .mic-admin-wrap * { box-sizing:border-box; }
.mic-courses-wrap ul, .mic-courses-wrap li { margin:0; padding:0; list-style:none; float:none; }
.mic-courses-wrap p, .mic-modal-overlay p { float:none; }

/* ================= الهيدر العام ================= */
.mic-site-header { background:var(--navy) !important; color:#fff !important; padding:40px 30px !important; border-radius:16px 16px 0 0; margin-bottom:0 !important; text-align:center !important; }
.mic-header-eyebrow { font-size:13px !important; color:var(--gold-soft) !important; font-weight:700 !important; margin-bottom:8px !important; text-align:center !important; }
.mic-site-header h1 { color:#fff !important; font-size:clamp(24px,4vw,36px) !important; margin:0 auto 10px !important; font-weight:700 !important; text-align:center !important; }
.mic-site-header p { color:#C9D3E0 !important; font-size:14.5px !important; margin:0 auto !important; max-width:600px; text-align:center !important; }
.mic-section-title { font-size:22px !important; font-weight:700 !important; color:var(--navy) !important; margin:44px 0 4px !important; text-align:center !important; }
.mic-section-sub { color:var(--ink-soft) !important; font-size:13.5px !important; margin:0 0 18px !important; text-align:center !important; }

/* ================= كروت الدورات (الواجهة العامة) ================= */
.mic-courses-grid { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:22px; margin:20px 0; }
.mic-course-card { background:#fff !important; border:1.5px solid var(--navy) !important; border-radius:14px; padding:0 !important; box-shadow:0 4px 16px rgba(0,0,0,.06); float:none !important; width:auto !important; overflow:hidden; }
.mic-card-title-bar { background:var(--navy) !important; color:#fff !important; padding:14px 20px !important; font-size:16px !important; font-weight:700 !important;
	white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.mic-card-top { padding:14px 20px 4px !important; }
.mic-instructor { color:var(--ink-soft) !important; font-size:13.5px !important; margin:0 !important; }
.mic-card-meta { padding:6px 20px !important; }
.mic-card-meta p { margin:6px 0 !important; font-size:13.5px !important; color:var(--ink) !important; line-height:1.6 !important; }
.mic-benefits { background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:10px 14px; margin:12px 20px; }
.mic-benefits ul { margin:6px 0 0 !important; padding:0 !important; }
.mic-benefits li { list-style:none !important; margin:3px 0 !important; font-size:13px !important; color:var(--ink); }

.mic-cta-row { padding:0 20px 20px !important; margin-top:8px !important; }
.mic-book-btn { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:2px !important;
	width:100% !important; background:var(--green) !important; color:#fff !important; border:0 !important;
	padding:10px !important; border-radius:9px !important; cursor:pointer; font-size:15px !important; }
.mic-book-btn:disabled { background:#B7BDC9 !important; cursor:not-allowed; }
.mic-book-btn.urgent { background:var(--brick) !important; }
.mic-btn-main { font-weight:700 !important; font-size:15px !important; }
.mic-btn-countdown { font-size:11.5px !important; font-weight:700 !important; color:rgba(255,255,255,.82) !important; }

/* دائرة المقاعد */
.mic-seats-wrap { padding:0 20px 4px !important; }
.mic-seat-stat { display:flex !important; align-items:center !important; gap:12px !important; }
.mic-seat-circle { width:44px !important; height:44px !important; border-radius:50% !important; flex-shrink:0;
	border:2.5px solid var(--green) !important; display:flex !important; align-items:center !important; justify-content:center !important;
	font-weight:800 !important; font-size:16px !important; color:var(--green) !important; background:#EAF3EC !important; }
.mic-seat-circle.low { border-color:var(--brick) !important; color:var(--brick) !important; background:#FBEBE7 !important; }
.mic-seat-text { display:flex !important; flex-direction:column !important; }
.mic-seat-label { font-size:13px !important; font-weight:700 !important; color:var(--ink) !important; }
.mic-seat-sub { font-size:11.5px !important; color:var(--ink-soft) !important; }
.mic-seats-bar { height:6px !important; background:#EDEAE0 !important; border-radius:6px !important; overflow:hidden !important; margin-top:8px !important; }
.mic-seats-fill { height:100% !important; background:var(--green) !important; border-radius:6px !important; }
.mic-seats-fill.low { background:var(--brick) !important; }

/* ================= مودال الحجز ================= */
.mic-modal-overlay { display:none; position:fixed; inset:0; background:rgba(20,25,35,.55); z-index:99999; align-items:flex-start; justify-content:center; padding:40px 16px; overflow-y:auto; }
.mic-modal-overlay.open { display:flex; }
.mic-modal { background:#fff; border-radius:16px; max-width:520px; width:100%; padding:26px; }
.mic-modal label { display:block !important; font-weight:700 !important; color:var(--navy) !important; font-size:13.5px !important; margin:12px 0 5px !important; }
.mic-modal-overlay input[type=text], .mic-modal-overlay input[type=tel], .mic-modal-overlay input[type=file], .mic-modal-overlay textarea {
	display:block !important; box-sizing:border-box !important; width:100% !important; height:auto !important; min-height:0 !important;
	padding:10px 12px !important; margin:0 0 4px !important; border:1.5px solid var(--line) !important; border-radius:8px !important;
	background:#fff !important; font-size:14px !important; line-height:1.5 !important; float:none !important;
}
.mic-modal-overlay textarea { min-height:70px !important; }
.mic-modal button[type=submit] { display:block !important; margin-top:16px !important; width:100% !important; background:var(--navy) !important;
	color:#fff !important; border:0 !important; padding:12px !important; border-radius:9px !important; font-weight:700 !important; cursor:pointer; }
#micPaymentBox { background:#FBF6EA; border:1.5px dashed var(--gold); border-radius:10px; padding:14px; margin-top:10px; }

/* ================= لوحة الإدمن — الهوية الكاملة ================= */
.mic-admin-wrap { background:var(--paper); margin:12px 20px 20px 0 !important; padding:24px !important; border-radius:14px; }
.mic-admin-wrap h1 { color:var(--navy); font-weight:700; margin-bottom:18px !important; text-align:right !important; }
.mic-admin-wrap h2 { color:var(--navy); font-size:19px; margin:22px 0 14px !important; text-align:right !important; }

/* التابات */
.mic-admin-wrap .nav-tab-wrapper { border:0 !important; display:inline-flex; gap:5px; background:#fff; padding:6px;
	border-radius:14px; box-shadow:0 3px 12px rgba(0,0,0,.06); margin-bottom:22px !important; }
.mic-admin-wrap .nav-tab { border:0 !important; background:transparent !important; color:var(--ink-soft) !important;
	font-weight:700 !important; padding:10px 20px !important; border-radius:10px !important; margin:0 !important; box-shadow:none !important; }
.mic-admin-wrap .nav-tab-active, .mic-admin-wrap .nav-tab-active:hover {
	background:var(--navy) !important; color:#fff !important; }

/* الفورم */
.mic-admin-wrap .form-table { background:#fff; border:1px solid var(--line); border-radius:12px; padding:6px 20px; border-collapse:separate; width:100% !important; }
.mic-admin-wrap .form-table th { color:var(--navy); font-weight:700; padding:14px 10px 14px 20px; width:220px; }
.mic-admin-wrap .form-table td { padding:10px; }

@media (max-width:782px) {
	.mic-admin-wrap { padding:14px !important; margin:8px !important; overflow-x:hidden; }
	.mic-admin-wrap h1 { font-size:22px !important; line-height:1.4 !important; }
	.mic-admin-wrap .form-table, .mic-admin-wrap .form-table tbody, .mic-admin-wrap .form-table tr,
	.mic-admin-wrap .form-table th, .mic-admin-wrap .form-table td { display:block !important; width:100% !important; }
	.mic-admin-wrap .form-table th { padding:14px 4px 4px !important; border:0 !important; }
	.mic-admin-wrap .form-table td { padding:4px 4px 14px !important; }
	.mic-admin-wrap input, .mic-admin-wrap select, .mic-admin-wrap textarea { max-width:100% !important; box-sizing:border-box !important; }
	.mic-admin-wrap .regular-text { width:100% !important; }
	.mic-item-card-head { flex-wrap:wrap; }

	/* شريط التابات على الموبايل: عمود واحد بعرض كامل بدل ما يتزنقوا في سطر */
	.mic-admin-wrap .nav-tab-wrapper { display:flex !important; flex-direction:column !important; width:100% !important; box-sizing:border-box !important; gap:6px !important; }
	.mic-admin-wrap .nav-tab { display:block !important; width:100% !important; box-sizing:border-box !important;
		text-align:center !important; white-space:nowrap !important; font-size:14px !important; padding:12px 10px !important; }
	.mic-admin-wrap .nav-tab.nav-tab-active::after { display:none; }

	/* صف العنوان وزر الخروج فوق: يبقى عمود واحد متوسط على الموبايل */
	.mic-admin-wrap > div:first-child { flex-direction:column !important; text-align:center !important; }
	.mic-admin-wrap > div:first-child h1 { width:100%; }
	.mic-admin-wrap > div:first-child form { width:100%; }
	.mic-admin-wrap > div:first-child .button { width:100%; display:block; text-align:center; }
}
.mic-admin-wrap input[type=text], .mic-admin-wrap input[type=number], .mic-admin-wrap input[type=date],
.mic-admin-wrap input[type=time], .mic-admin-wrap input[type=url], .mic-admin-wrap select, .mic-admin-wrap textarea {
	border:1.5px solid var(--line) !important; border-radius:8px !important; padding:8px 10px !important; background:#fff !important;
	box-shadow:none !important;
}
.mic-admin-wrap input:focus, .mic-admin-wrap select:focus, .mic-admin-wrap textarea:focus {
	border-color:var(--navy) !important; box-shadow:0 0 0 1px var(--navy) !important;
}
.mic-admin-wrap .description { color:var(--ink-soft); }

/* الأزرار */
.mic-admin-wrap .button-primary, .mic-admin-wrap .button.button-primary {
	background:var(--navy) !important; border-color:var(--navy) !important; color:#fff !important; font-weight:700 !important;
	border-radius:8px !important; box-shadow:none !important; text-shadow:none !important;
}
.mic-admin-wrap .button-primary:hover { background:var(--navy-deep) !important; border-color:var(--navy-deep) !important; }
.mic-admin-wrap .button { border-radius:8px !important; border-color:var(--line) !important; color:var(--ink) !important; box-shadow:none !important; }

/* الجداول */
.mic-admin-wrap .widefat { border:1px solid var(--line) !important; border-radius:12px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.04); }
.mic-admin-wrap .widefat thead th { background:var(--navy) !important; color:#fff !important; font-weight:700; border:0 !important; }
.mic-admin-wrap .widefat tbody tr { background:#fff !important; }
.mic-admin-wrap .widefat.striped tbody tr:nth-child(odd) { background:var(--paper) !important; }
.mic-admin-wrap .widefat td, .mic-admin-wrap .widefat th { padding:12px !important; }

/* ================= بطاقات الإحصائيات ================= */
.mic-stats-row { display:flex; gap:16px; flex-wrap:wrap; margin:16px 0; }
.mic-stat-card { background:#fff; border:1px solid var(--line); border-radius:10px; padding:14px 18px; min-width:180px; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.mic-stat-card div { font-size:12.5px; color:var(--ink-soft); margin-bottom:6px; }
.mic-stat-card b { font-size:20px; color:var(--navy); }

.mic-badge { display:inline-block; padding:3px 10px; border-radius:20px; font-size:11.5px; font-weight:700; }
.mic-badge-pending { background:#FBF6EA; color:#7A5E1B; }
.mic-badge-confirmed { background:#EAF3EC; color:var(--green); }
.mic-badge-rejected { background:#FBEBE7; color:var(--brick); }

.mic-actions button, .mic-actions a { margin-left:4px; }

.mic-cert-marker { position:absolute; transform:translate(-50%,-50%); background:rgba(184,145,47,.92); color:#fff;
	padding:3px 9px; border-radius:6px; font-size:11px; font-weight:700; white-space:nowrap; pointer-events:none; }

.mic-due-certs { background:#FBF6EA; border:2px solid var(--gold); border-radius:10px; padding:16px 20px; margin:16px 0; }
.mic-due-certs h2 { margin-top:0 !important; }
.mic-due-certs table { background:transparent; box-shadow:none !important; border:0 !important; }
.mic-due-certs td { background:transparent !important; border:none !important; padding:8px 0 !important; }

/* بطاقة عنصر بهيدلاين كحلي (تُستخدم لقائمة الدورات) */
.mic-item-card { background:#fff; border:1px solid var(--line); border-radius:12px; margin-bottom:16px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.05); }
.mic-item-card-head { background:var(--navy); color:#fff; padding:12px 18px; display:flex; justify-content:space-between; align-items:center; }
.mic-item-card-head b { font-size:15px; }
.mic-item-card-body { padding:14px 18px; font-size:13.5px; color:var(--ink); }
.mic-item-card-head .button { background:rgba(255,255,255,.1) !important; color:#fff !important; border-color:rgba(255,255,255,.4) !important; }