/**
 * Theme Name:     Thème Professeurs (Kadence Child)
 * Author:         Isaac MEKATI
 * Template:       kadence
 * Text Domain:	   theme-professeurs-kadence-child
 * Description:    Ce thème est un enfant du thème Kadence, et est développé pour créer une plateforme de mise en relation entre professeurs et particuliers.
 */


/* Your custom CSS goes here */



/* ——— Icônes menu latéral ——— */
body.wp-admin [class*="latepoint"] .latepoint-side-menu-w ul.side-menu > li > a > i {
  color: var(--global-palette1) !important;
}
body.wp-admin [class*="latepoint"] .latepoint-side-menu-w ul.side-menu > li:hover > a > i,
body.wp-admin [class*="latepoint"] .latepoint-side-menu-w ul.side-menu > li.active > a > i {
  color: var(--global-palette2) !important;
}
/* Icônes SVG éventuelles */
body.wp-admin [class*="latepoint"] .latepoint-side-menu-w ul.side-menu > li > a > i svg {
  fill: var(--global-palette1) !important;
  stroke: var(--global-palette1) !important;
}
body.wp-admin [class*="latepoint"] .latepoint-side-menu-w ul.side-menu > li:hover > a > i svg,
body.wp-admin [class*="latepoint"] .latepoint-side-menu-w ul.side-menu > li.active > a > i svg {
  fill: var(--global-palette2) !important;
  stroke: var(--global-palette2) !important;
}

/* ——— Boutons standards (hors .latepoint-btn-link) ——— */
body.wp-admin [class*="latepoint"] .latepoint-btn:not(.latepoint-btn-link) {
  background-color: var(--global-palette1) !important;
  border-color: var(--global-palette1) !important;
  color: #fff !important;
  border-radius: 25px !important;
}
body.wp-admin [class*="latepoint"] .latepoint-btn:not(.latepoint-btn-link):hover,
body.wp-admin [class*="latepoint"] .latepoint-btn:not(.latepoint-btn-link):focus,
body.wp-admin [class*="latepoint"] .latepoint-btn:not(.latepoint-btn-link):active {
  background-color: var(--global-palette2) !important;
  border-color: var(--global-palette2) !important;
  color: #fff !important;
  border-radius: 25px !important;
}

/* ——— Bouton-lien : pas de BG ni bordure, texte palette 1 → 2 au hover ——— */
body.wp-admin [class*="latepoint"] .latepoint-btn.latepoint-btn-link {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--global-palette1) !important;
}
body.wp-admin [class*="latepoint"] .latepoint-btn.latepoint-btn-link:hover,
body.wp-admin [class*="latepoint"] .latepoint-btn.latepoint-btn-link:focus,
body.wp-admin [class*="latepoint"] .latepoint-btn.latepoint-btn-link:active {
  background: transparent !important;
  color: var(--global-palette2) !important;
}

/* ——— Soulignement (underline) des liens cliquables ——— */
body.wp-admin [class*="latepoint"] a,
body.wp-admin [class*="latepoint"] .latepoint-btn.latepoint-btn-link {
  text-decoration-color: var(--global-palette1) !important;
  text-underline-offset: 2px;
  text-decoration-skip-ink: auto;
}
body.wp-admin [class*="latepoint"] a:hover,
body.wp-admin [class*="latepoint"] a:focus,
body.wp-admin [class*="latepoint"] a:active,
body.wp-admin [class*="latepoint"] .latepoint-btn.latepoint-btn-link:hover,
body.wp-admin [class*="latepoint"] .latepoint-btn.latepoint-btn-link:focus,
body.wp-admin [class*="latepoint"] .latepoint-btn.latepoint-btn-link:active {
  text-decoration-color: var(--global-palette2) !important;
}

/* Icônes à l’intérieur du bouton-lien : suivent la couleur du texte */
body.wp-admin [class*="latepoint"] .latepoint-btn.latepoint-btn-link i,
body.wp-admin [class*="latepoint"] .latepoint-btn.latepoint-btn-link .os-icon,
body.wp-admin [class*="latepoint"] .latepoint-btn.latepoint-btn-link svg {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* ——— Cas spécifique : widget Upcoming Appointments (no-results) ——— */
body.wp-admin [class*="latepoint"] .os-widget-upcoming-appointments .no-results-w .latepoint-btn-link {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--global-palette1) !important;
  text-decoration: none !important;
}
body.wp-admin [class*="latepoint"] .os-widget-upcoming-appointments .no-results-w .latepoint-btn-link span {
  border-bottom-color: var(--global-palette1) !important;
}
body.wp-admin [class*="latepoint"] .os-widget-upcoming-appointments .no-results-w .latepoint-btn-link:hover,
body.wp-admin [class*="latepoint"] .os-widget-upcoming-appointments .no-results-w .latepoint-btn-link:focus,
body.wp-admin [class*="latepoint"] .os-widget-upcoming-appointments .no-results-w .latepoint-btn-link:active {
  color: var(--global-palette2) !important;
  background: transparent !important;
}
body.wp-admin [class*="latepoint"] .os-widget-upcoming-appointments .no-results-w .latepoint-btn-link:hover span,
body.wp-admin [class*="latepoint"] .os-widget-upcoming-appointments .no-results-w .latepoint-btn-link:focus span,
body.wp-admin [class*="latepoint"] .os-widget-upcoming-appointments .no-results-w .latepoint-btn-link:active span {
  border-bottom-color: var(--global-palette2) !important;
}
/* Icônes dans ce bouton-lien suivent la couleur du texte */
body.wp-admin [class*="latepoint"] .os-widget-upcoming-appointments .no-results-w .latepoint-btn-link i,
body.wp-admin [class*="latepoint"] .os-widget-upcoming-appointments .no-results-w .latepoint-btn-link .os-icon,
body.wp-admin [class*="latepoint"] .os-widget-upcoming-appointments .no-results-w .latepoint-btn-link svg {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* ——— Cas spécifiques : icônes “message-circle”, “cancel”, “cog1” ——— */
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-message-circle,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cancel,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cog1 {
  color: var(--global-palette1) !important;
}
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-message-circle svg,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cancel svg,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cog1 svg {
  fill: var(--global-palette1) !important;
  stroke: var(--global-palette1) !important;
}

/* Hover/active → palette 2 */
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-message-circle:hover,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-message-circle:active,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cancel:hover,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cancel:active,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cog1:hover,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cog1:active {
  color: var(--global-palette2) !important;
}
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-message-circle:hover svg,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-message-circle:active svg,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cancel:hover svg,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cancel:active svg,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cog1:hover svg,
body.wp-admin [class*="latepoint"] .latepoint-icon.latepoint-icon-cog1:active svg {
  fill: var(--global-palette2) !important;
  stroke: var(--global-palette2) !important;
}