/* Almdrasa student dashboard (/my-courses, /my-tracks, /my-certificates, /achievements, certificate verification).
   Scoped to body.adu (added by almdrasa-dashboard-ui.php only on those pages). */
body.adu {
	--adu-brand: #5700ff;
	--adu-brand-2: #7c3aed;
	--adu-ink: #1e1b3a;
	--adu-text: #4b5470;
	--adu-muted: #6b7290;
	--adu-line: #ece8fb;
	--adu-soft: #f8f6ff;
	--adu-tint: #f1ebff;
	background: var(--adu-soft) !important;
}

/* the pages' old headings / images around the shortcode (our header replaces them) */
body.adu.page-id-49162 .elementor-49162 .elementor-widget:not(.elementor-widget-shortcode),
body.adu.page-id-104969 .elementor-104969 .elementor-widget:not(.elementor-widget-shortcode),
body.adu.page-id-7485 .elementor-7485 .elementor-widget:not(.elementor-widget-shortcode),
body.adu.page-id-7480 .elementor-7480 .elementor-widget:not(.elementor-widget-shortcode) { display: none !important; }
body.adu .entry-header, body.adu .page-header { display: none !important; }
body.adu .elementor-widget-shortcode .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
body.adu #content > .container, body.adu .site-content > .container { max-width: 1200px; }

body.adu .adu-head, body.adu .adu-stats, body.adu .adu-resume, body.adu .adu-toolbar, body.adu .adu-grid, body.adu .adu-tracks,
body.adu .adu-profile, body.adu .adu-badges, body.adu .adu-empty, body.adu .adu-sec-h, body.adu .adu-more-wrap, body.adu .adu-none { direction: rtl; text-align: right; }
body.adu .adu-head { margin: 8px 0 22px; }

/* ---------- header: greeting + tabs + title ---------- */
body.adu .adu-head-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 14px 16px; border-radius: 20px; background: #fff; border: 1px solid var(--adu-line); box-shadow: 0 14px 34px -28px rgba(87, 0, 255, .45); }
body.adu .adu-hi { display: flex; align-items: center; gap: 12px; }
body.adu .adu-hi img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 3px #fff, 0 0 0 5px #c4b5fd; }
body.adu .adu-hi small { display: block; color: var(--adu-muted); font-size: 12.5px; font-weight: 700; }
body.adu .adu-hi b { color: var(--adu-ink); font-size: 16px; font-weight: 800; }
body.adu .adu-tabs { display: flex; gap: 6px; flex-wrap: wrap; padding: 4px; border-radius: 14px; background: var(--adu-soft); }
body.adu .adu-tabs a { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 11px; color: var(--adu-text) !important; font-size: 14px; font-weight: 800; text-decoration: none !important; transition: background .2s, color .2s; }
body.adu .adu-tabs a i { color: #a78bfa; font-size: 14px; }
body.adu .adu-tabs a em { min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: var(--adu-brand); font-size: 12px; font-style: normal; }
body.adu .adu-tabs a:hover { background: #fff; color: var(--adu-ink) !important; }
body.adu .adu-tabs a.is-active { background: var(--adu-brand); color: #fff !important; box-shadow: 0 10px 20px -12px rgba(87, 0, 255, .7); }
body.adu .adu-tabs a.is-active i { color: #fff; }
body.adu .adu-tabs a.is-active em { background: rgba(255, 255, 255, .2); color: #fff; }
body.adu .adu-head-title { margin-top: 24px; }
body.adu .adu-h1 { margin: 0 0 6px !important; color: var(--adu-ink) !important; font-size: 32px !important; font-weight: 800 !important; line-height: 1.35 !important; }
body.adu .adu-sub { margin: 0 !important; color: var(--adu-text); font-size: 16px; line-height: 1.85; }

/* ---------- stats ---------- */
body.adu .adu-stats { list-style: none; margin: 0 0 20px !important; padding: 8px !important; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; border-radius: 20px; background: #fff; border: 1px solid var(--adu-line); }
body.adu .adu-stats.adu-stats-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.adu .adu-stats li { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; margin: 0 !important; padding: 12px 14px; border-radius: 14px; }
body.adu .adu-stats li + li { box-shadow: inset -1px 0 0 var(--adu-line); }
body.adu .adu-stats i { grid-row: 1 / 3; width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--adu-tint); color: var(--adu-brand); font-size: 17px; }
body.adu .adu-stats b { color: var(--adu-ink); font-size: 22px; font-weight: 800; line-height: 1.25; }
body.adu .adu-stats span { color: var(--adu-muted); font-size: 13px; font-weight: 700; }

/* ---------- continue learning ---------- */
body.adu .adu-resume { display: grid; grid-template-columns: 200px minmax(0, 1fr) auto; align-items: center; gap: 20px; margin: 0 0 24px; padding: 14px; border-radius: 22px; text-decoration: none !important;
	background: linear-gradient(135deg, #5700ff, #7c3aed); box-shadow: 0 24px 50px -30px rgba(87, 0, 255, .8); color: #fff; }
body.adu .adu-resume-img { display: block; border-radius: 16px; overflow: hidden; aspect-ratio: 1200 / 630; background: rgba(255, 255, 255, .15); }
body.adu .adu-resume-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.adu .adu-resume-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
body.adu .adu-resume small { color: rgba(255, 255, 255, .85); font-size: 13px; font-weight: 700; }
body.adu .adu-resume b { color: #fff; font-size: 20px; font-weight: 800; line-height: 1.5; }
body.adu .adu-resume .adu-bar { background: rgba(255, 255, 255, .25); }
body.adu .adu-resume .adu-bar > i { background: #fff; }
body.adu .adu-resume .adu-prog em { color: #fff; }
body.adu .adu-resume .adu-btn-primary { background: #fff !important; border-color: #fff !important; color: var(--adu-brand) !important; box-shadow: none; }

/* ---------- toolbar ---------- */
body.adu .adu-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 18px; }
body.adu .adu-chips { display: flex; gap: 6px; flex-wrap: wrap; }
body.adu .adu-chips button { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--adu-line) !important; background: #fff !important; color: var(--adu-text) !important; font-size: 14px; font-weight: 800; cursor: pointer; box-shadow: none !important; }
body.adu .adu-chips button em { font-style: normal; color: var(--adu-muted); font-size: 12.5px; }
body.adu .adu-chips button:hover { border-color: #c4b5fd !important; }
body.adu .adu-chips button.is-active { background: var(--adu-ink) !important; border-color: var(--adu-ink) !important; color: #fff !important; }
body.adu .adu-chips button.is-active em { color: rgba(255, 255, 255, .7); }
body.adu .adu-search { display: flex; gap: 8px; flex-wrap: wrap; }
body.adu .adu-input, body.adu .adu-select { position: relative; display: inline-flex; align-items: center; margin: 0 !important; }
body.adu .adu-input > i { position: absolute; right: 14px; color: var(--adu-muted); font-size: 14px; pointer-events: none; }
body.adu .adu-input input { width: 260px; height: 42px !important; padding: 0 40px 0 14px !important; border-radius: 12px !important; border: 1px solid var(--adu-line) !important; background: #fff !important; color: var(--adu-ink) !important; font-size: 14.5px !important; box-shadow: none !important; }
body.adu .adu-input input:focus, body.adu .adu-select select:focus { border-color: #a78bfa !important; outline: 3px solid rgba(87, 0, 255, .12); }
body.adu .adu-select select { appearance: none; height: 42px !important; padding: 0 14px 0 36px !important; border-radius: 12px !important; border: 1px solid var(--adu-line) !important; background: #fff !important; color: var(--adu-ink) !important; font-size: 14px !important; font-weight: 700; cursor: pointer; }
body.adu .adu-select > i { position: absolute; left: 14px; color: var(--adu-muted); font-size: 11px; pointer-events: none; }

/* ---------- buttons / pills / progress ---------- */
body.adu .adu-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--adu-line) !important; background: #fff; color: var(--adu-ink) !important; font-size: 14px; font-weight: 800; text-decoration: none !important; white-space: nowrap; cursor: pointer; transition: border-color .2s, background .2s, transform .2s; box-shadow: none; }
body.adu .adu-btn:hover { border-color: #c4b5fd !important; transform: translateY(-1px); }
body.adu .adu-btn-primary { background: var(--adu-brand) !important; border-color: var(--adu-brand) !important; color: #fff !important; box-shadow: 0 12px 24px -12px rgba(87, 0, 255, .65); }
body.adu .adu-btn-primary:hover { background: #4a00db !important; border-color: #4a00db !important; }
body.adu .adu-btn-block { width: 100%; height: 50px; }
body.adu .adu-icon-btn { flex: none; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid var(--adu-line) !important; background: #fff !important; color: var(--adu-brand) !important; font-size: 15px; cursor: pointer; text-decoration: none !important; padding: 0 !important; box-shadow: none !important; transition: border-color .2s, background .2s; }
body.adu .adu-icon-btn:hover { border-color: #c4b5fd !important; background: var(--adu-tint) !important; }
body.adu .adu-icon-btn.is-copied { background: #ecfdf3 !important; border-color: #86efac !important; color: #15803d !important; }
body.adu .adu-li { color: #0a66c2 !important; }
body.adu .adu-pill { display: inline-flex; align-items: center; gap: 6px; padding: 3px 11px; border-radius: 999px; font-size: 12px; font-weight: 800; line-height: 1.8; }
body.adu .adu-pill-done { background: #ecfdf3; color: #15803d; }
body.adu .adu-pill-progress { background: var(--adu-tint); color: var(--adu-brand); }
body.adu .adu-pill-todo { background: #f3f4f6; color: #6b7290; }
body.adu .adu-pill-cert { background: #fffbeb; color: #b45309; }
body.adu .adu-prog { display: flex; align-items: center; gap: 10px; }
body.adu .adu-bar { position: relative; flex: 1 1 auto; height: 8px; border-radius: 999px; background: var(--adu-line); overflow: hidden; }
body.adu .adu-bar > i { position: absolute; top: 0; bottom: 0; right: 0; display: block; border-radius: 999px; background: linear-gradient(90deg, #7c3aed, #5700ff); }
body.adu .adu-done .adu-bar > i { background: #16a34a; }
body.adu .adu-prog em { flex: none; font-style: normal; color: var(--adu-ink); font-size: 13px; font-weight: 800; }

/* ---------- course / certificate cards ---------- */
body.adu .adu-grid { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
body.adu .adu-card { display: flex; flex-direction: column; margin: 0 !important; border-radius: 22px; background: #fff; border: 1px solid var(--adu-line); overflow: hidden; box-shadow: 0 14px 34px -28px rgba(87, 0, 255, .45); transition: border-color .2s, box-shadow .2s, transform .2s; }
body.adu .adu-card:hover { border-color: #d6ccf7; box-shadow: 0 22px 44px -28px rgba(87, 0, 255, .5); transform: translateY(-2px); }
body.adu .adu-card[hidden] { display: none !important; }
body.adu .adu-card-img { position: relative; display: block; aspect-ratio: 1200 / 630; background: var(--adu-tint); }
body.adu .adu-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.adu .adu-card-img .adu-pill { position: absolute; top: 12px; right: 12px; box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .35); }
body.adu .adu-noimg { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #c4b5fd; font-size: 34px; }
body.adu .adu-card-body { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; padding: 16px 18px 18px; }
body.adu .adu-card h3 { margin: 0 !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.55 !important; color: var(--adu-ink) !important; }
body.adu .adu-card h3 a { color: inherit !important; text-decoration: none !important; }
body.adu .adu-card h3 a:hover { color: var(--adu-brand) !important; }
body.adu .adu-meta { display: flex; align-items: center; gap: 7px; margin: 0 !important; color: var(--adu-muted); font-size: 13.5px; font-weight: 700; }
body.adu .adu-meta i { color: #a78bfa; }
body.adu .adu-steps { margin: 0 !important; color: var(--adu-muted); font-size: 12.5px; font-weight: 700; }
body.adu .adu-card-foot { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 10px; }
body.adu .adu-card-foot .adu-btn { flex: 1 1 auto; }
body.adu .adu-code { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin: 0 !important; padding: 3px 10px; border-radius: 8px; background: var(--adu-soft); color: var(--adu-text); font-family: ui-monospace, Menlo, monospace; font-size: 11.5px; letter-spacing: .02em; }
body.adu .adu-code span { color: var(--adu-muted); font-weight: 700; }
body.adu .adu-cert-track { border-color: #fde68a; }
body.adu .adu-none { margin: 24px 0 0 !important; text-align: center !important; color: var(--adu-muted); font-size: 15px; font-weight: 700; }
body.adu .adu-more-wrap { display: flex; justify-content: center; margin: 22px 0 6px; }
body.adu .adu-more[hidden] { display: none !important; }

/* ---------- tracks ---------- */
body.adu .adu-tracks { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 18px; }
body.adu .adu-track { display: grid; grid-template-columns: 280px minmax(0, 1fr) auto; align-items: center; gap: 22px; margin: 0 !important; padding: 16px; border-radius: 24px; background: #fff; border: 1px solid var(--adu-line); box-shadow: 0 14px 34px -28px rgba(87, 0, 255, .45); }
body.adu .adu-track-img { display: block; border-radius: 16px; overflow: hidden; aspect-ratio: 1200 / 630; background: var(--adu-tint); }
body.adu .adu-track-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.adu .adu-track-body { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
body.adu .adu-track-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
body.adu .adu-track-top small { color: var(--adu-muted); font-size: 13px; font-weight: 700; }
body.adu .adu-track h3 { margin: 0 !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.5 !important; }
body.adu .adu-track h3 a { color: var(--adu-ink) !important; text-decoration: none !important; }
body.adu .adu-dots { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; gap: 6px; flex-wrap: wrap; }
body.adu .adu-dots li { flex: 1 1 0; min-width: 18px; max-width: 64px; height: 8px; margin: 0 !important; border-radius: 999px; background: var(--adu-line); }
body.adu .adu-dots .adu-dot-done { background: #16a34a; }
body.adu .adu-dots .adu-dot-progress { background: linear-gradient(90deg, var(--adu-line) 0 40%, #7c3aed 40%); }
body.adu .adu-track .adu-card-foot { flex-wrap: wrap; }
body.adu .adu-track .adu-card-foot .adu-btn { flex: 0 1 auto; }
body.adu .adu-btn-next { max-width: 100%; }
body.adu .adu-btn-next span { overflow: hidden; text-overflow: ellipsis; }
body.adu .adu-ring { --p: 0; width: 92px; height: 92px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--adu-brand) calc(var(--p) * 1%), var(--adu-line) 0); }
body.adu .adu-ring::before { content: ""; grid-area: 1 / 1; width: 74px; height: 74px; border-radius: 50%; background: #fff; }
body.adu .adu-ring b { grid-area: 1 / 1; z-index: 1; color: var(--adu-ink); font-size: 19px; font-weight: 800; }
body.adu .adu-track.adu-done .adu-ring { background: conic-gradient(#16a34a 100%, #16a34a 0); }

/* ---------- achievements ---------- */
body.adu .adu-profile { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 20px; margin: 0 0 26px; padding: 18px 20px; border-radius: 24px; background: #fff; border: 1px solid var(--adu-line); box-shadow: 0 14px 34px -28px rgba(87, 0, 255, .45); }
body.adu .adu-profile-me { display: flex; align-items: center; gap: 14px; }
body.adu .adu-avatar { width: 76px; height: 76px; padding: 3px; border-radius: 50%; background: linear-gradient(135deg, #5700ff, #22d3ee); display: inline-block; }
body.adu .adu-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid #fff; display: block; }
body.adu .adu-profile h2 { margin: 0 !important; color: var(--adu-ink) !important; font-size: 20px !important; font-weight: 800 !important; }
body.adu .adu-profile p { margin: 2px 0 0 !important; color: var(--adu-muted); font-size: 13.5px; text-align: right; }
body.adu .adu-profile .adu-stats { margin: 0 !important; border: 0; padding: 0 !important; }
body.adu .adu-li-share { color: #0a66c2 !important; }
body.adu .adu-sec-h { margin: 0 0 14px !important; color: var(--adu-ink) !important; font-size: 22px !important; font-weight: 800 !important; }
body.adu .adu-badges { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body.adu .adu-badge { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0 !important; padding: 22px 16px 18px; border-radius: 22px; background: #fff; border: 1px solid var(--adu-line); text-align: center; box-shadow: 0 14px 34px -28px rgba(87, 0, 255, .45); }
body.adu .adu-badge-img { position: relative; width: 104px; height: 104px; display: flex; align-items: center; justify-content: center; margin-bottom: 6px; }
body.adu .adu-badge-img img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 10px 18px rgba(87, 0, 255, .25)); }
body.adu .adu-badge-img > i { font-size: 44px; color: #c4b5fd; }
body.adu .adu-badge-img em { position: absolute; bottom: 0; left: -4px; min-width: 34px; height: 26px; padding: 0 8px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--adu-brand); color: #fff; font-size: 12.5px; font-weight: 800; font-style: normal; box-shadow: 0 0 0 3px #fff; }
body.adu .adu-badge b { color: var(--adu-ink); font-size: 15.5px; font-weight: 800; line-height: 1.5; }
body.adu .adu-badge small { color: var(--adu-muted); font-size: 12.5px; font-weight: 600; line-height: 1.6; }
body.adu .adu-badge-pts { margin-top: 4px; padding: 2px 10px; border-radius: 999px; background: #fffbeb; color: #b45309; font-size: 12px; font-weight: 800; }
body.adu .adu-badge.is-locked { background: #fcfbff; border-style: dashed; }
body.adu .adu-badge.is-locked .adu-badge-img img { filter: grayscale(1); opacity: .35; }
body.adu .adu-badge-lock { position: absolute; color: var(--adu-muted); font-size: 20px !important; background: #fff; width: 38px; height: 38px; border-radius: 50%; display: flex !important; align-items: center; justify-content: center; box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .3); }

/* ---------- empty states ---------- */
body.adu .adu-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 48px 20px; border-radius: 24px; background: #fff; border: 1px dashed #d6ccf7; text-align: center !important; }
body.adu .adu-empty-ic { width: 72px; height: 72px; border-radius: 22px; display: flex; align-items: center; justify-content: center; background: var(--adu-tint); color: var(--adu-brand); font-size: 30px; }
body.adu .adu-empty h3 { margin: 6px 0 0 !important; color: var(--adu-ink) !important; font-size: 20px !important; font-weight: 800 !important; }
body.adu .adu-empty p { margin: 0 !important; color: var(--adu-text); font-size: 15px; }

/* ---------- certificate verification (verify.php / search-form.php) ---------- */
body.adu-verify .adu-verify { direction: rtl; text-align: right; max-width: 1120px; margin: 10px auto 40px; }
body.adu-verify .ld-cvss-container.adu-verify { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
body.adu-verify .adu-v-status { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding: 16px 18px; border-radius: 20px; background: #ecfdf3; border: 1px solid #bbf7d0; }
body.adu-verify .adu-v-status.is-expired { background: #fff7ed; border-color: #fed7aa; }
body.adu-verify .adu-v-seal { flex: none; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #16a34a; color: #fff; font-size: 20px; box-shadow: 0 0 0 5px rgba(22, 163, 74, .15); }
body.adu-verify .is-expired .adu-v-seal { background: #ea580c; box-shadow: 0 0 0 5px rgba(234, 88, 12, .15); }
body.adu-verify .adu-v-status b { display: block; color: #14532d; font-size: 17px; font-weight: 800; }
body.adu-verify .is-expired b { color: #7c2d12; }
body.adu-verify .adu-v-status span { color: #166534; font-size: 14px; }
body.adu-verify .is-expired span { color: #9a3412; }
body.adu-verify .adu-v-id { margin-inline-start: auto; padding: 6px 12px; border-radius: 10px; background: #fff; color: var(--adu-ink) !important; font-family: ui-monospace, Menlo, monospace; font-size: 12.5px; white-space: nowrap; }
body.adu-verify .adu-v-id small { color: var(--adu-muted); font-weight: 700; }
body.adu-verify .adu-v-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 22px; align-items: start; }
body.adu-verify .adu-v-main { padding: 14px; border-radius: 24px; background: #fff; border: 1px solid var(--adu-line); box-shadow: 0 24px 50px -36px rgba(87, 0, 255, .5); }
body.adu-verify .adu-v-img { margin: 0 !important; border-radius: 14px; overflow: hidden; background: var(--adu-soft); }
body.adu-verify .adu-v-img canvas { display: block; width: 100% !important; height: auto !important; }
body.adu-verify .adu-v-side { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: 24px; background: #fff; border: 1px solid var(--adu-line); box-shadow: 0 24px 50px -36px rgba(87, 0, 255, .5); }
body.adu-verify .adu-v-title { margin: 0 !important; color: var(--adu-ink) !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.5 !important; text-align: right; }
body.adu-verify .adu-v-facts { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 10px; }
body.adu-verify .adu-v-facts li { display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 10px 12px; border-radius: 14px; background: var(--adu-soft); }
body.adu-verify .adu-v-facts li > i { flex: none; width: 38px; height: 38px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: var(--adu-brand); font-size: 15px; }
body.adu-verify .adu-v-facts li > img { flex: none; width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
body.adu-verify .adu-v-facts small { display: block; color: var(--adu-muted); font-size: 12px; font-weight: 700; }
body.adu-verify .adu-v-facts b { color: var(--adu-ink); font-size: 15px; font-weight: 800; }
body.adu-verify .adu-v-share small { display: block; margin-bottom: 8px; color: var(--adu-muted); font-size: 12.5px; font-weight: 800; }
body.adu-verify .adu-v-share .ld-cvss-social-buttons, body.adu-verify .adu-v-share > div, body.adu-verify .adu-v-share ul { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; justify-content: flex-start; }
body.adu-verify .adu-v-course { display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: center; gap: 12px; padding: 10px; border-radius: 16px; border: 1px solid var(--adu-line); text-decoration: none !important; transition: border-color .2s; }
body.adu-verify .adu-v-course:hover { border-color: #c4b5fd; }
body.adu-verify .adu-v-course img { width: 100%; aspect-ratio: 1200 / 630; object-fit: cover; border-radius: 10px; display: block; }
body.adu-verify .adu-v-course small { display: block; color: var(--adu-muted); font-size: 12px; font-weight: 700; }
body.adu-verify .adu-v-course b { display: block; color: var(--adu-ink); font-size: 14.5px; font-weight: 800; line-height: 1.5; }
body.adu-verify .adu-v-course em { color: var(--adu-brand); font-size: 12.5px; font-weight: 800; font-style: normal; }
body.adu-verify .adu-v-other { margin: 18px 0 0 !important; text-align: center !important; color: var(--adu-muted); font-size: 14.5px; }
body.adu-verify .adu-v-other a { color: var(--adu-brand) !important; font-weight: 800; }
/* search form */
body.adu-verify .adu-v-search { max-width: 760px; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 44px 28px; border-radius: 28px; background: #fff !important; border: 1px solid var(--adu-line) !important; box-shadow: 0 30px 60px -40px rgba(87, 0, 255, .55) !important; text-align: center; }
body.adu-verify .adu-v-search-ic { width: 76px; height: 76px; border-radius: 24px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #5700ff, #7c3aed); color: #fff; font-size: 32px; box-shadow: 0 18px 34px -16px rgba(87, 0, 255, .8); }
body.adu-verify .adu-v-search .adu-v-title { font-size: 30px !important; text-align: center; }
body.adu-verify .adu-v-search .adu-sub { max-width: 560px; text-align: center; }
body.adu-verify .adu-v-form { display: flex; gap: 10px; width: 100%; max-width: 600px; margin: 10px 0 4px; }
body.adu-verify .adu-v-form .adu-input { flex: 1 1 auto; }
body.adu-verify .adu-v-form .adu-input input { width: 100%; height: 54px !important; font-size: 16px !important; letter-spacing: .02em; text-align: left; padding: 0 44px 0 16px !important; }
body.adu-verify .adu-v-form .adu-btn { height: 54px; padding: 0 26px; font-size: 16px; }
body.adu-verify .adu-v-tips { list-style: none; margin: 6px 0 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 18px; }
body.adu-verify .adu-v-tips li { display: inline-flex; align-items: center; gap: 8px; margin: 0 !important; color: var(--adu-muted); font-size: 13.5px; font-weight: 700; }
body.adu-verify .adu-v-tips i { color: #a78bfa; }

/* ---------- responsive ---------- */
@media (max-width: 1024px) {
	body.adu .adu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.adu .adu-badges { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	body.adu .adu-track { grid-template-columns: 220px minmax(0, 1fr); }
	body.adu .adu-track .adu-ring { display: none; }
	body.adu .adu-profile { grid-template-columns: 1fr; }
	body.adu-verify .adu-v-grid { grid-template-columns: 1fr; }
	body.adu-verify .adu-v-side { position: static; }
}
@media (max-width: 767px) {
	body.adu .adu-head-top { padding: 12px; }
	body.adu .adu-tabs { width: 100%; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	body.adu .adu-tabs::-webkit-scrollbar { display: none; }
	body.adu .adu-tabs a { flex: none; height: 38px; padding: 0 12px; font-size: 13.5px; }
	body.adu .adu-h1 { font-size: 26px !important; }
	body.adu .adu-sub { font-size: 14.5px; }
	body.adu .adu-stats, body.adu .adu-stats.adu-stats-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.adu .adu-stats li + li { box-shadow: none; }
	body.adu .adu-stats li { padding: 10px; }
	body.adu .adu-stats b { font-size: 19px; }
	body.adu .adu-resume { grid-template-columns: 1fr; gap: 12px; }
	body.adu .adu-resume .adu-btn { width: 100%; }
	body.adu .adu-toolbar { flex-direction: column; align-items: stretch; }
	body.adu .adu-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	body.adu .adu-chips button { flex: none; }
	body.adu .adu-search, body.adu .adu-input, body.adu .adu-input input, body.adu .adu-select, body.adu .adu-select select { width: 100% !important; }
	body.adu .adu-grid { grid-template-columns: 1fr; }
	body.adu .adu-track { grid-template-columns: 1fr; gap: 14px; padding: 12px; }
	body.adu .adu-track .adu-card-foot .adu-btn { flex: 1 1 100%; }
	body.adu .adu-badges { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	body.adu .adu-badge { padding: 16px 10px 14px; }
	body.adu .adu-badge-img { width: 80px; height: 80px; }
	body.adu-verify .adu-v-status { flex-wrap: wrap; }
	body.adu-verify .adu-v-id { margin-inline-start: 0; }
	body.adu-verify .adu-v-search { padding: 30px 18px; }
	body.adu-verify .adu-v-search .adu-v-title { font-size: 24px !important; }
	body.adu-verify .adu-v-form { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
	body.adu .adu-card, body.adu .adu-btn, body.adu .adu-tabs a { transition: none; }
}
/* theme forces img height:auto — keep every card image cropped to the 1200x630 share-image shape */
body.adu .adu-card-img, body.adu .adu-track-img, body.adu .adu-resume-img { overflow: hidden; }
body.adu .adu-card-img img, body.adu .adu-track-img img, body.adu .adu-resume-img img, body.adu-verify .adu-v-course img {
	width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center;
}
body.adu-verify .adu-v-course img { height: auto !important; aspect-ratio: 1200 / 630; }
/* certificate image box: the plugin sized it via its own column markup; size it from paper format + orientation */
body.adu-verify .adu-v-img { position: relative; width: 100%; aspect-ratio: 11 / 8.5; padding: 0 !important; }
body.adu-verify .adu-v-img.ld-cvss-certificate-orientation-p { aspect-ratio: 8.5 / 11; }
body.adu-verify .adu-v-img.ld-cvss-certificate-format-a4 { aspect-ratio: 297 / 210; }
body.adu-verify .adu-v-img.ld-cvss-certificate-format-a4.ld-cvss-certificate-orientation-p { aspect-ratio: 210 / 297; }
body.adu-verify .adu-v-img canvas { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; }
/* image hidden by the plugin setting: course share image as the visual */
body.adu-verify .adu-v-cover { position: relative; border-radius: 16px; overflow: hidden; aspect-ratio: 1200 / 630; background: linear-gradient(135deg, #5700ff, #7c3aed); }
body.adu-verify .adu-v-cover img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }
body.adu-verify .adu-v-cover-seal { position: absolute; bottom: 14px; right: 14px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, .95); color: #15803d; font-size: 14px; font-weight: 800; box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .45); }
/* search form vs. the old BuddyBoss custom CSS (#F8F8F8 form, 40px button padding, all !important) */
body.adu-verify .ld-cvss-container.adu-v-search { background: #fff !important; border: 1px solid var(--adu-line) !important; box-shadow: 0 30px 60px -40px rgba(87, 0, 255, .55) !important; padding: 44px 28px !important; }
body.adu-verify .adu-v-search .ld-cvss-search-form.adu-v-form { background: none !important; border-radius: 0 !important; padding: 0 !important; }
body.adu-verify .adu-v-form .adu-input { flex: 1 1 0 !important; min-width: 0; width: auto !important; }
body.adu-verify .adu-v-form .adu-input input { width: 100% !important; }
body.adu-verify .adu-v-search .ld-cvss-search-form .ld-cvss-search-form-button.adu-btn { flex: none; height: 54px; padding: 0 28px !important; border-radius: 12px !important; background: var(--adu-brand) !important; }
@media (max-width: 767px) {
	body.adu-verify .ld-cvss-container.adu-v-search { padding: 30px 18px !important; }
	body.adu-verify .adu-v-form .adu-input { flex: none !important; width: 100% !important; }
	body.adu-verify .adu-v-search .ld-cvss-search-form .ld-cvss-search-form-button.adu-btn { width: 100%; }
}
body.adu-verify .adu-v-search .ld-cvss-search-form .ld-cvss-search-form-button.adu-btn { width: auto !important; display: inline-flex !important; }
body.adu-verify .adu-v-form .adu-input { min-width: 220px; }
@media (max-width: 767px) { body.adu-verify .adu-v-search .ld-cvss-search-form .ld-cvss-search-form-button.adu-btn { width: 100% !important; } body.adu-verify .adu-v-form .adu-input { min-width: 0; } }
/* AJAX search result (almdrasa-verification-card) is appended inside the form: give it its own full-width row */
body.adu-verify .adu-v-form { flex-wrap: wrap; }
body.adu-verify .adu-v-form .ld-cvss-search-form-results { flex: 0 0 100%; order: 3; width: 100%; margin-top: 10px; text-align: right; }

/* ---------- custom dropdown: the /courses catalog component (acr-dd), same look ---------- */
body.adu { --acr-brand: var(--adu-brand); --acr-ink: var(--adu-ink); --acr-muted: var(--adu-muted); --acr-line: var(--adu-line); --acr-bg: var(--adu-soft); --acr-tint: var(--adu-tint); }
body.adu .adu-search .acr-dd { width: 240px; }
body.adu .adu-search .acr-dd-btn { height: 42px; font-size: 14.5px !important; background: #fff !important; }
@media (max-width: 767px) { body.adu .adu-search .acr-dd { width: 100%; } }
/* ---------- custom dropdowns (replace native selects; native kept hidden for the shortcode's filter) ---------- */
body.adu .acr-dd { position: relative; min-width: 0; }
body.adu select.acr-native { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; opacity: 0 !important; pointer-events: none !important; }
body.adu .acr-dd-btn {
	display: flex !important; align-items: center; gap: 10px;
	width: 100%; height: 48px; padding: 0 10px 0 14px !important;
	border: 1px solid var(--acr-line) !important; border-radius: 12px !important;
	background: var(--acr-bg) !important; color: var(--acr-ink) !important;
	font: inherit; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important;
	text-align: start; cursor: pointer; box-shadow: none !important;
	transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
body.adu .acr-dd-btn:hover { border-color: #d6ccf7 !important; }
body.adu .acr-dd.is-open .acr-dd-btn, body.adu .acr-dd-btn:focus-visible { outline: none; border-color: #c4b5fd !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(87, 0, 255, .1) !important; }
body.adu .acr-dd.has-value .acr-dd-btn { background: #fff !important; border-color: #d6ccf7 !important; }
body.adu .acr-dd-bic { flex: none; width: 28px; height: 28px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; background: var(--acr-tint); color: var(--acr-brand); font-size: 12px; }
body.adu .acr-dd-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.adu .acr-dd-chev { flex: none; color: var(--acr-muted); font-size: 11px; transition: transform .2s ease; }
body.adu .acr-dd.is-open .acr-dd-chev { transform: rotate(180deg); }

body.adu .acr-dd-panel {
	position: absolute; top: calc(100% + 8px); inset-inline: 0; z-index: 60;
	min-width: 260px; padding: 8px;
	background: #fff; border: 1px solid var(--acr-line); border-radius: 16px;
	box-shadow: 0 24px 50px -18px rgba(30, 27, 58, .32), 0 2px 6px rgba(30, 27, 58, .06);
	animation: acrDdIn .16s ease-out;
}
body.adu .acr-dd-panel[hidden] { display: none !important; }
@keyframes acrDdIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
body.adu .acr-dd-search { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; margin-bottom: 6px; border: 1px solid var(--acr-line); border-radius: 10px; background: var(--acr-bg); color: var(--acr-muted); font-size: 12px; }
body.adu .acr-dd-search input {
	flex: 1; min-width: 0; height: 100% !important; padding: 0 !important; margin: 0 !important;
	border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important;
	color: var(--acr-ink) !important; font: inherit; font-size: 14px !important;
}
body.adu .acr-dd-list { list-style: none; margin: 0 !important; padding: 0 !important; max-height: 340px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
body.adu .acr-dd-opt {
	display: flex; align-items: center; gap: 10px; margin: 1px 0 !important; padding: 7px 10px;
	border-radius: 10px; cursor: pointer; color: var(--acr-ink); font-size: 14.5px; font-weight: 600; line-height: 1.4;
	transition: background .12s ease;
}
body.adu .acr-dd-opt[hidden], body.adu .acr-dd-sep[hidden], body.adu .acr-dd-empty[hidden] { display: none !important; }
body.adu .acr-dd-ic { flex: none; width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--acr-tint); color: var(--acr-brand); font-size: 11px; }
body.adu .acr-dd-txt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.adu .acr-dd-check { flex: none; opacity: 0; font-size: 12px; }
body.adu .acr-dd-opt.is-active { background: var(--acr-bg); }
body.adu .acr-dd-opt.is-selected { background: var(--acr-brand); color: #fff; }
body.adu .acr-dd-opt.is-selected .acr-dd-ic { background: rgba(255, 255, 255, .2); color: #fff; }
body.adu .acr-dd-opt.is-selected .acr-dd-check { opacity: 1; }
body.adu .acr-dd-opt.is-selected.is-active { background: #4a00db; }
body.adu .acr-dd-sep { height: 1px; margin: 6px 4px !important; background: var(--acr-line); list-style: none; }
body.adu .acr-dd-empty { margin: 10px 0 6px !important; color: var(--acr-muted); font-size: 14px; text-align: center; }
@media (max-width: 767px) {
	body.adu .acr-dd-panel { min-width: 0; }
	body.adu .acr-dd-list { max-height: 260px; }
}
@media (prefers-reduced-motion: reduce) { body.adu .acr-dd-panel { animation: none; } }

/* ---------- one dashboard, four panels: the body class (page or client-side tab) picks the visible one ---------- */
body.adu .adu-panel { display: none; }
body.adu-courses .adu-panel[data-panel="courses"], body.adu-tracks .adu-panel[data-panel="tracks"],
body.adu-certificates .adu-panel[data-panel="certificates"], body.adu-achievements .adu-panel[data-panel="achievements"] { display: block; }
body.adu-courses .adu-tabs a[data-tab="courses"], body.adu-tracks .adu-tabs a[data-tab="tracks"],
body.adu-certificates .adu-tabs a[data-tab="certificates"], body.adu-achievements .adu-tabs a[data-tab="achievements"] {
	background: var(--adu-brand); color: #fff !important; box-shadow: 0 10px 20px -12px rgba(87, 0, 255, .7);
}
body.adu-courses .adu-tabs a[data-tab="courses"] i, body.adu-tracks .adu-tabs a[data-tab="tracks"] i,
body.adu-certificates .adu-tabs a[data-tab="certificates"] i, body.adu-achievements .adu-tabs a[data-tab="achievements"] i { color: #fff; }
body.adu-courses .adu-tabs a[data-tab="courses"] em, body.adu-tracks .adu-tabs a[data-tab="tracks"] em,
body.adu-certificates .adu-tabs a[data-tab="certificates"] em { background: rgba(255, 255, 255, .2); color: #fff; }