/* MyEureka Theme - pages Geeks / Tutor : résultats de recherche, page de cours, profil formateur (v1.0.0)
 * Chargée sur les pages de recherche (body.search), les fiches de cours
 * (body.single-courses) et le profil public Tutor (body.meph-tutor-profile). Tokens --me-* : les deux thèmes sont couverts ; les
 * blocs keyés sur html[data-meph-theme-resolved="dark"] corrigent les restes
 * clairs du thème Geeks et de Tutor en sombre.
 * Structure relevée sur my-eureka.fr le 17/10/2026. */

/* =========================================================================
   1. Résultats de recherche (archive de cours Tutor dans le thème Geeks)
   ========================================================================= */
body.search .bg-primary.py-4,
body.search .bg-primary.py-lg-6,
body.search-results .page-header {
  background: var(--me-gradient-hero) !important;
  background-image: var(--me-gradient-hero), none !important;
  padding-top: clamp(40px, 6vw, 72px) !important;
  padding-bottom: clamp(40px, 6vw, 72px) !important;
  position: relative; overflow: hidden;
}
body.search .bg-primary.py-4::after,
body.search .bg-primary.py-lg-6::after {
  content: ""; position: absolute; right: -8%; top: -40%; width: 46vw; max-width: 620px; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0)); pointer-events: none;
}
body.search h1.display-4 {
  font-family: var(--me-font-display); font-weight: var(--me-weight-black); letter-spacing: var(--me-tracking-tight);
  font-size: var(--me-text-4xl) !important; color: #fff !important; position: relative;
}
body.search h1.display-4::before {
  content: "Recherche"; display: block; font-size: var(--me-text-xs); font-weight: var(--me-weight-bold); letter-spacing: var(--me-tracking-caps);
  text-transform: uppercase; color: rgba(255, 255, 255, .78); margin-bottom: 10px;
}
body.search .tutor-courses-wrap5 { padding-top: 28px; }

/* Ligne de résultats : compteur, vues, tri */
body.search .tutor-course-filter-wrap { align-items: center; margin-bottom: 20px; }
body.search #ajax-results-count,
body.search .cours__results-count { font-size: var(--me-text-md); font-weight: var(--me-weight-semibold); color: var(--me-text-2); }
body.search .btn-group .btn-outline-white {
  --bs-btn-bg: var(--me-surface); --bs-btn-color: var(--me-text-3); --bs-btn-border-color: var(--me-border);
  --bs-btn-hover-bg: var(--me-surface-2); --bs-btn-hover-color: var(--me-text); --bs-btn-hover-border-color: var(--me-border-strong);
  --bs-btn-active-bg: var(--me-primary); --bs-btn-active-color: var(--me-on-primary); --bs-btn-active-border-color: var(--me-primary);
  border-radius: var(--me-radius-sm); padding: 9px 13px;
}
body.search .btn-group .btn-outline-white.active { background: var(--me-primary) !important; color: var(--me-on-primary) !important; border-color: var(--me-primary) !important; box-shadow: var(--me-shadow-brand); }
body.search .tutor-course-filter-select,
body.search .tutor-form-select {
  min-height: 44px; border-radius: var(--me-radius-sm) !important; border: 1px solid var(--me-border) !important;
  background-color: var(--me-input-bg) !important; color: var(--me-text) !important; font-weight: var(--me-weight-medium); box-shadow: var(--me-shadow-1);
}

/* Filtres (colonne gauche) */
body.search .tutor-course-filter-container .card {
  border: 1px solid var(--me-border) !important; border-radius: var(--me-radius-lg) !important; background: var(--me-card) !important; box-shadow: var(--me-shadow-1) !important; overflow: hidden;
}
body.search .tutor-course-filter-container .card-header { background: var(--me-surface-2) !important; border-bottom: 1px solid var(--me-border) !important; padding: 16px 20px; }
body.search .tutor-course-filter-container .card-header h4 { font-size: var(--me-text-base); font-weight: var(--me-weight-bold); color: var(--me-text); margin: 0; }
body.search .tutor-course-filter-container .card-body { padding: 16px 20px; }
body.search .tutor-course-filter-container .card-body.border-top { border-color: var(--me-border) !important; }
body.search .tutor-course-filter-container .dropdown-header {
  font-size: var(--me-text-xs) !important; font-weight: var(--me-weight-bold); letter-spacing: var(--me-tracking-caps); text-transform: uppercase; color: var(--me-text-3) !important; padding: 0; margin-bottom: 10px !important;
}
body.search .tutor-course-filter-container .form-check { padding-left: 1.75rem; margin-bottom: 8px !important; }
body.search .tutor-course-filter-container .form-check-label { color: var(--me-text-2); font-size: var(--me-text-md); cursor: pointer; }
body.search .tutor-course-filter-container .form-check-input { width: 18px; height: 18px; margin-left: -1.75rem; margin-top: .15rem; border: 1.5px solid var(--me-border-strong); border-radius: 5px; background-color: var(--me-input-bg); cursor: pointer; }
body.search .tutor-course-filter-container .form-check-input:checked { background-color: var(--me-primary); border-color: var(--me-primary); }
body.search .tutor-course-filter-container .form-check-input:focus { box-shadow: var(--me-focus-ring); }
body.search .tutor-clear-all-filter a { color: var(--me-highlight) !important; font-weight: var(--me-weight-semibold); font-size: var(--me-text-sm) !important; }

/* Cartes de cours */
body.search .tutor-course-card .card,
body.search #tab-pane-list .card {
  border: 1px solid var(--me-border) !important; border-radius: var(--me-radius-lg) !important; background: var(--me-card) !important;
  box-shadow: var(--me-shadow-1) !important; overflow: hidden; transition: transform var(--me-dur) var(--me-ease), box-shadow var(--me-dur) var(--me-ease), border-color var(--me-dur) var(--me-ease);
}
body.search .tutor-course-card .card:hover,
body.search #tab-pane-list .card:hover { transform: translateY(-4px); box-shadow: var(--me-shadow-brand) !important; border-color: var(--me-border-brand) !important; }
body.search .tutor-course-card .card-img-top { aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0 !important; filter: var(--me-image-dim); }
body.search .tutor-course-card .card-body { padding: 18px 20px 14px; }
body.search .tutor-course-card .card-body h4 { font-size: var(--me-text-lg); font-weight: var(--me-weight-bold); line-height: var(--me-leading-snug); letter-spacing: var(--me-tracking-tight); margin-bottom: 12px !important; }
body.search .tutor-course-card .card-body h4 a { color: var(--me-text) !important; }
body.search .tutor-course-card .card-body h4 a:hover { color: var(--me-highlight) !important; }
body.search .tutor-course-card .list-inline { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 12px !important; }
body.search .tutor-course-card .list-inline-item { margin: 0 !important; font-size: var(--me-text-sm); color: var(--me-text-2); display: inline-flex; align-items: center; gap: 6px; }
body.search .tutor-course-card .list-inline-item i { color: var(--me-highlight); }
body.search .tutor-course-card .tutor-meta-value,
body.search .tutor-course-card .tutor-color-secondary { color: var(--me-text-2) !important; }
body.search .tutor-course-card .fs-6.text-muted { font-size: var(--me-text-xs) !important; color: var(--me-text-3) !important; }
body.search .tutor-course-card .card-footer { background: var(--me-surface-2) !important; border-top: 1px solid var(--me-border) !important; padding: 12px 20px; }
body.search .tutor-course-card .card-footer span { color: var(--me-text-2); font-size: var(--me-text-sm); font-weight: var(--me-weight-medium); }
body.search .tutor-course-card .avatar { box-shadow: 0 0 0 2px var(--me-border-strong); }

/* Tri : liste déroulante native. Les options héritent des couleurs du thème (sinon texte
   clair sur fond blanc en sombre sur macOS) ; color-scheme suit le thème résolu. */
body.search .tutor-form-select option,
body.search .tutor-course-filter-select option { background-color: var(--me-surface) !important; color: var(--me-text) !important; }
html[data-meph-theme-resolved="dark"] body.search .tutor-form-select { color-scheme: dark; }
html[data-meph-theme-resolved="light"] body.search .tutor-form-select { color-scheme: light; }

/* Pagination (Geeks force un fond blanc sur .page-numbers : surcharges prioritaires) */
body.search .tutor-pagination { margin-top: 32px !important; }
body.search .tutor-pagination .tutor-pagination-numbers { display: flex; flex-wrap: wrap; gap: 6px; }
body.search .tutor-pagination .page-numbers,
body.search .tutor-pagination a.page-numbers,
body.search .tutor-pagination span.page-numbers {
  display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 12px; margin: 0; border-radius: var(--me-radius-sm) !important;
  background: var(--me-surface) !important; color: var(--me-text-2) !important; border: 1px solid var(--me-border) !important;
  font-weight: var(--me-weight-semibold); text-decoration: none !important; box-shadow: none !important; transition: all var(--me-dur) var(--me-ease);
}
body.search .tutor-pagination .page-numbers [class*="tutor-icon-"] { color: inherit !important; }
body.search .tutor-pagination a.page-numbers:hover { background: var(--me-surface-2) !important; color: var(--me-text) !important; border-color: var(--me-border-strong) !important; }
body.search .tutor-pagination .page-numbers.current { background: var(--me-primary) !important; color: var(--me-on-primary) !important; border-color: var(--me-primary) !important; box-shadow: var(--me-shadow-brand) !important; }
body.search .tutor-pagination-hints, body.search .tutor-pagination-hints .tutor-color-black-60 { color: var(--me-text-3) !important; }
body.search .tutor-pagination-hints .tutor-color-black { color: var(--me-text) !important; }

/* Fond de page de la recherche : fond de page du Design System (gris lavande très léger en clair) */
html[data-meph-theme-resolved="light"] body.search { background-color: var(--me-bg) !important; }
html[data-meph-theme-resolved="dark"] body.search .bg-primary.py-4::after,
html[data-meph-theme-resolved="dark"] body.search .bg-primary.py-lg-6::after { opacity: .5; }

/* =========================================================================
   2. Page de cours (template Geeks + Tutor) : restes clairs en sombre
   ========================================================================= */
/* Fondu du texte replié (« Montrer plus ») : vers la couleur de la carte, pas vers le blanc */
html[data-meph-theme-resolved="dark"] body.single-courses .tutor-course-details-content::before,
html[data-meph-theme-resolved="dark"] body.single-courses .tutor-toggle-more-collapsed::before,
html[data-meph-theme-resolved="dark"] body.single-courses .tutor-course-content-expand::before,
html[data-meph-theme-resolved="dark"] body.single-courses [class*="show-more"] ~ *::before {
  background: linear-gradient(rgba(var(--me-glass-rgb), 0) 0%, var(--me-card) 100%) !important;
}
html[data-meph-theme-resolved="dark"] body.single-courses .tutor-btn-show-more {
  background: var(--me-surface-2) !important; color: var(--me-highlight) !important; border-color: var(--me-border-brand) !important;
}
html[data-meph-theme-resolved="dark"] body.single-courses .tutor-btn-show-more:hover { background: var(--me-primary-soft-2) !important; }

/* Programme (accordéon Geeks) : chapitres, leçons, états replié / déplié / en cours de transition */
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .list-group,
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .list-group-item,
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .collapse,
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .collapsing,
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .collapse .list-group-item {
  background: transparent !important; border-color: var(--me-border) !important; color: var(--me-text-2) !important; transition: none !important;
}
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .collapsing { transition: height .3s ease !important; }
/* « CSS additionnel » du Personnalisateur relevé sur my-eureka.fr : fond blanc au survol des éléments de
   #curriculumAccordion, fond bleuté du premier élément, infobulles blanches. Neutralisé par spécificité. */
html[data-meph-theme-resolved="dark"] body.single-courses #curriculumAccordion .list-group-item:hover,
html[data-meph-theme-resolved="dark"] body.single-courses #curriculumAccordion .list-group-item:first-child,
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .list-group-item:hover,
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .list-group-item:first-child {
  background: transparent !important; background-color: transparent !important; border-left-color: transparent !important; color: var(--me-text-2) !important;
}
html[data-meph-theme-resolved="dark"] body.single-courses #curriculumAccordion .tooltip-wrap .tooltip-txt { background: var(--me-surface-3) !important; color: var(--me-text) !important; }
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .list-group-item > a {
  background: var(--me-surface-2) !important; color: var(--me-text) !important; transition: none !important;
}
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .list-group-item > a[aria-expanded="true"] {
  background: var(--me-surface-3) !important; color: var(--me-highlight) !important;
}
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .list-group-item > a:hover { background: var(--me-surface-3) !important; color: var(--me-text) !important; }
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .collapse a,
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .collapsing a { background: transparent !important; color: var(--me-text-2) !important; }
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .collapse a:hover { color: var(--me-text) !important; background: var(--me-surface-2) !important; }
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .text-muted,
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .text-inherit { color: inherit !important; }
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .chevron-arrow,
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .fe-chevron-down { color: var(--me-text-3) !important; }
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .icon-shape,
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .bg-light,
html[data-meph-theme-resolved="dark"] body.single-courses .accordion .bg-white { background: var(--me-surface-3) !important; color: var(--me-highlight) !important; }

/* Infobulles « i » du programme (Tutor .tooltip-wrap) : fond sombre lisible et affichage
   sous l'icône pour ne plus être coupées ni recouvertes par la colonne voisine */
body.single-courses .accordion .tooltip-wrap { position: relative; }
body.single-courses .accordion .tooltip-wrap .tooltip-txt {
  z-index: var(--me-z-tooltip) !important; width: max-content !important; max-width: min(340px, 78vw) !important; white-space: normal !important;
  font-size: var(--me-text-sm) !important; line-height: var(--me-leading) !important; font-weight: var(--me-weight-regular) !important; padding: 10px 12px !important; border-radius: var(--me-radius-sm) !important;
  text-align: left !important; box-shadow: var(--me-shadow-2) !important;
}
body.single-courses .accordion .tooltip-wrap .tooltip-txt.tooltip-right,
body.single-courses .accordion .tooltip-wrap .tooltip-txt.tooltip-left,
body.single-courses .accordion .tooltip-wrap .tooltip-txt.tooltip-top {
  left: 0 !important; right: auto !important; top: calc(100% + 8px) !important; bottom: auto !important; transform: none !important;
}
body.single-courses .accordion .tooltip-wrap .tooltip-txt::after { display: none !important; }
html[data-meph-theme-resolved="dark"] body.single-courses .tooltip-wrap .tooltip-txt {
  background: var(--me-surface-3) !important; color: var(--me-text) !important; border: 1px solid var(--me-border-strong) !important;
}
html[data-meph-theme-resolved="light"] body.single-courses .accordion .tooltip-wrap .tooltip-txt {
  background: #ffffff !important; color: var(--me-text-2) !important; border: 1px solid var(--me-border) !important;
}
html[data-meph-theme-resolved="dark"] body.single-courses .tooltip-wrap.tooltip-icon { color: var(--me-text-3) !important; }

/* Pastilles blanches résiduelles de la fiche (onglets, cartes latérales, listes) */
html[data-meph-theme-resolved="dark"] body.single-courses .nav-lt-tab .nav-link { color: var(--me-text-2) !important; }
html[data-meph-theme-resolved="dark"] body.single-courses .nav-lt-tab .nav-link.active { background: var(--me-primary) !important; color: var(--me-on-primary) !important; }
html[data-meph-theme-resolved="dark"] body.single-courses .card .list-group-item { background: transparent !important; border-color: var(--me-border) !important; color: var(--me-text-2) !important; }
html[data-meph-theme-resolved="dark"] body.single-courses .plyr__tooltip { background: var(--me-text) !important; color: var(--me-text-inverse) !important; }

/* =========================================================================
   3. Profil public (formateur / apprenant) : template Tutor du thème Geeks
   Structure : #content > .py-20 (bannière, image en style inline) > .card.rounded-0
   (avatar, nom, badge) > .py-5.bg-light (colonne « Sur moi » + statistiques, liste des cours).
   ========================================================================= */
body.meph-tutor-profile { background: var(--me-bg) !important; }
body.meph-tutor-profile #content > .py-20 {
  position: relative; min-height: 280px; padding: 0 !important; background-position: center !important; background-size: cover !important;
  isolation: isolate;
}
body.meph-tutor-profile #content > .py-20::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(11, 11, 21, 0) 55%, rgba(11, 11, 21, .35) 100%);
}
html[data-meph-theme-resolved="light"] body.meph-tutor-profile #content > .py-20::after {
  background: linear-gradient(180deg, rgba(21, 32, 68, 0) 60%, rgba(21, 32, 68, .18) 100%);
}
body.meph-tutor-profile #content > .py-20:not([style*="url("]) { background: var(--me-gradient-hero) !important; }

/* Bandeau identité */
body.meph-tutor-profile #content > .card.rounded-0 {
  background: var(--me-card) !important; border: 0 !important; border-bottom: 1px solid var(--me-border) !important; border-radius: 0 !important;
  padding: 0 0 22px !important; box-shadow: none !important;
}
body.meph-tutor-profile #content > .card.rounded-0 .mt-n9 { margin-top: -56px !important; }
body.meph-tutor-profile #content > .card.rounded-0 .avatar {
  width: 128px !important; height: 128px !important; object-fit: cover; border: 5px solid var(--me-card) !important;
  box-shadow: 0 0 0 3px var(--me-primary), 0 18px 40px rgba(0, 0, 0, .25);
  background: var(--me-card);
}
body.meph-tutor-profile #content > .card.rounded-0 .ms-3 { margin-left: 22px !important; padding-top: 18px; }
body.meph-tutor-profile #content > .card.rounded-0 h3 {
  font-family: var(--me-font-display); font-weight: var(--me-weight-black); letter-spacing: var(--me-tracking-tight);
  font-size: clamp(24px, 2.6vw, 32px) !important; color: var(--me-text) !important; margin: 0 !important;
}
body.meph-tutor-profile #content > .card.rounded-0 .badge {
  display: inline-flex; align-items: center; gap: 6px; margin-left: 12px; padding: 7px 13px !important; border-radius: 999px !important;
  background: var(--me-gradient-brand) !important; color: var(--me-on-primary) !important; font-size: var(--me-text-xs) !important;
  font-weight: var(--me-weight-bold) !important; letter-spacing: var(--me-tracking-caps); text-transform: uppercase; box-shadow: var(--me-shadow-brand);
  vertical-align: middle;
}
body.meph-tutor-profile #content > .card.rounded-0 .badge::before { content: "\2605"; font-size: 10px; opacity: .9; }
body.meph-tutor-profile #content > .card.rounded-0 .col-lg-4 a { color: var(--me-text-2) !important; }
body.meph-tutor-profile #content > .card.rounded-0 .col-lg-4 a:hover { color: var(--me-highlight) !important; }

/* Corps de page */
body.meph-tutor-profile #content > .py-5.bg-light { background: var(--me-bg) !important; padding-top: 36px !important; padding-bottom: 72px !important; }
body.meph-tutor-profile #content > .py-5 .card {
  background: var(--me-card) !important; border: 1px solid var(--me-border) !important; border-radius: 22px !important;
  box-shadow: var(--me-shadow-1) !important; color: var(--me-text-2); overflow: hidden;
}
body.meph-tutor-profile #content > .py-5 .card-body { padding: 22px !important; }
body.meph-tutor-profile #content > .py-5 .card-header {
  background: transparent !important; border-bottom: 1px solid var(--me-border) !important; padding: 18px 22px !important;
}
body.meph-tutor-profile #content > .py-5 .card-header h4,
body.meph-tutor-profile .tutor-user-profile-content h4:first-child {
  margin: 0; font-size: var(--me-text-base); font-weight: var(--me-weight-bold); color: var(--me-text) !important; letter-spacing: var(--me-tracking-tight);
}
body.meph-tutor-profile .tutor-user-profile-content .card-body > h4 {
  font-size: var(--me-text-xs) !important; letter-spacing: var(--me-tracking-caps); text-transform: uppercase; color: var(--me-text-3) !important; margin-bottom: 12px !important;
}
body.meph-tutor-profile #content > .py-5 .card-header h4 .text-muted { color: var(--me-text-3) !important; font-weight: var(--me-weight-medium); margin-left: 4px; }
body.meph-tutor-profile .tutor-user-profile-content p { color: var(--me-text-2) !important; font-size: var(--me-text-md); line-height: var(--me-leading-relaxed); }

/* Statistiques */
body.meph-tutor-profile .tutor-user-profile-content .card-body > .d-flex {
  border-color: var(--me-border) !important; padding: 0 0 14px !important; margin: 0 0 14px !important; align-items: center !important;
}
body.meph-tutor-profile .tutor-user-profile-content .card-body > .d-flex:last-child { border: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
body.meph-tutor-profile .tutor-user-profile-content .card-body > .d-flex h4 {
  font-family: var(--me-font-display); font-size: 26px !important; font-weight: var(--me-weight-black) !important; color: var(--me-text) !important; letter-spacing: var(--me-tracking-tight); margin: 0 !important;
}
body.meph-tutor-profile .tutor-user-profile-content .card-body > .d-flex p { margin: 2px 0 0 !important; font-size: var(--me-text-sm) !important; color: var(--me-text-3) !important; }
body.meph-tutor-profile .tutor-user-profile-content .card-body > .d-flex > div:last-child span {
  display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--me-primary-soft); color: var(--me-highlight);
}
body.meph-tutor-profile .tutor-user-profile-content .card-body > .d-flex > div:last-child i { font-size: 18px !important; color: inherit !important; }

/* Liste des cours */
body.meph-tutor-profile .tutor-courses { margin: 0; padding: 0; display: grid; gap: 6px; }
body.meph-tutor-profile .tutor-courses .list-group-item {
  background: transparent !important; border: 0 !important; padding: 10px 12px !important; margin: 0 -12px; border-radius: 16px !important; color: var(--me-text-2) !important;
  transition: background var(--me-dur) var(--me-ease);
}
body.meph-tutor-profile .tutor-courses .list-group-item:hover { background: var(--me-surface-2) !important; }
body.meph-tutor-profile .tutor-courses .list-group-item > .d-flex { gap: 12px; }
body.meph-tutor-profile .tutor-courses .list-group-item > .d-flex > a { flex: 1 1 auto; min-width: 0; text-decoration: none !important; color: inherit; }
body.meph-tutor-profile .tutor-courses .list-group-item img {
  width: 132px; height: 84px; object-fit: cover; border-radius: 12px !important; flex: 0 0 auto; filter: var(--me-image-dim);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}
body.meph-tutor-profile .tutor-courses .list-group-item .ms-lg-3 { margin-left: 16px !important; min-width: 0; }
body.meph-tutor-profile .tutor-courses .list-group-item h4 {
  font-size: var(--me-text-base) !important; font-weight: var(--me-weight-bold) !important; color: var(--me-text) !important; margin: 0 0 6px !important; line-height: 1.3;
}
body.meph-tutor-profile .tutor-courses .list-group-item:hover h4 { color: var(--me-highlight) !important; }
body.meph-tutor-profile .tutor-courses .list-inline { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0; }
body.meph-tutor-profile .tutor-courses .list-inline-item { margin: 0 !important; display: inline-flex; align-items: center; gap: 5px; font-size: var(--me-text-sm) !important; color: var(--me-text-2) !important; }
body.meph-tutor-profile .tutor-courses .list-inline-item i,
body.meph-tutor-profile .tutor-courses .list-inline-item svg { color: var(--me-highlight) !important; }
body.meph-tutor-profile .tutor-courses .list-inline-item .tutor-meta-level,
body.meph-tutor-profile .tutor-courses .list-inline-item .tutor-meta-value,
body.meph-tutor-profile .tutor-courses .list-inline-item .align-middle,
body.meph-tutor-profile .tutor-courses .list-inline-item .tutor-color-secondary { color: var(--me-text-2) !important; font-size: inherit !important; margin: 0 !important; }
body.meph-tutor-profile .tutor-courses .list-inline-item .text-muted { color: var(--me-text-3) !important; font-size: var(--me-text-xs) !important; }
body.meph-tutor-profile .tutor-courses .share-dropdown > a {
  display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: var(--me-text-3) !important; transition: background var(--me-dur) var(--me-ease), color var(--me-dur) var(--me-ease);
}
body.meph-tutor-profile .tutor-courses .share-dropdown > a:hover { background: var(--me-primary-soft); color: var(--me-highlight) !important; }
body.meph-tutor-profile .tutor-courses .share-dropdown .dropdown-menu {
  background: var(--me-surface) !important; border: 1px solid var(--me-border) !important; border-radius: var(--me-radius-md) !important; box-shadow: var(--me-shadow-2) !important; padding: 6px !important;
}
body.meph-tutor-profile .tutor-courses .share-dropdown .dropdown-item { color: var(--me-text-2) !important; border-radius: var(--me-radius-sm); padding: 8px 10px; }
body.meph-tutor-profile .tutor-courses .share-dropdown .dropdown-item:hover { background: var(--me-primary-soft) !important; color: var(--me-highlight) !important; }
body.meph-tutor-profile .tutor-courses .share-dropdown .dropdown-item-icon { color: inherit !important; }
body.meph-tutor-profile .tutor-courses .tutor-pagination .page-numbers { background: var(--me-surface) !important; color: var(--me-text-2) !important; border: 1px solid var(--me-border) !important; border-radius: var(--me-radius-sm) !important; }
body.meph-tutor-profile .tutor-courses .tutor-pagination .page-numbers.current { background: var(--me-primary) !important; color: var(--me-on-primary) !important; border-color: var(--me-primary) !important; }

@media (max-width: 767px) {
  body.meph-tutor-profile #content > .py-20 { min-height: 180px; }
  body.meph-tutor-profile #content > .card.rounded-0 .d-flex.align-items-center { flex-direction: column; align-items: flex-start !important; }
  body.meph-tutor-profile #content > .card.rounded-0 .ms-3 { margin-left: 0 !important; padding-top: 10px; }
  body.meph-tutor-profile #content > .card.rounded-0 .avatar { width: 96px !important; height: 96px !important; }
  body.meph-tutor-profile .tutor-courses .list-group-item img { width: 100%; height: 150px; margin-bottom: 8px; }
  body.meph-tutor-profile .tutor-courses .list-group-item .ms-lg-3 { margin-left: 0 !important; }
}