/* ========================================================================== 
   SAMAKENTRA — THEME COLORS ONLY
   Clair · Sombre · Auto clair · Auto sombre

   IMPORTANT
   - Ce fichier ne modifie PAS la géométrie : aucune largeur, hauteur, marge,
     padding, position, display, grid, flex, radius ou transform.
   - Il ne gère que la couleur, les surfaces, les bordures, les ombres,
     les icônes et les états visuels.
   - Chargé après les CSS SamaKentra existants pour recolorer sans déplacer.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. JETONS — CLAIR / AUTO CLAIR
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="light"], html[data-sk-theme="auto-light"]) {
  color-scheme: light;

  --sk-theme-bg: #FFFFFF;
  --sk-theme-bg-soft: #F7FBFA;
  --sk-theme-surface: #FFFFFF;
  --sk-theme-surface-2: #EEF7F6;
  --sk-theme-surface-3: #E2F2F1;
  --sk-theme-surface-glass: rgba(255, 255, 255, 0.94);

  --sk-theme-text: #213638;
  --sk-theme-muted: #687A7B;
  --sk-theme-disabled: #94A5A5;

  --sk-theme-primary: #176B70;
  --sk-theme-primary-hover: #12595D;
  --sk-theme-primary-active: #0E4A4D;
  --sk-theme-action: #176B70;
  --sk-theme-action-hover: #12595D;
  --sk-theme-action-active: #0E4A4D;
  --sk-theme-secondary: #248B8E;
  --sk-theme-secondary-hover: #1E7A7D;
  --sk-theme-aqua: #A8D3D1;
  --sk-theme-border: #DFE9E8;
  --sk-theme-border-strong: #A8D3D1;
  --sk-theme-accent: #E8C66A;

  --sk-theme-white-on-brand: #FFFFFF;
  --sk-theme-shadow-rgb: 33, 54, 56;
  --sk-theme-brand-rgb: 23, 107, 112;
  --sk-theme-secondary-rgb: 36, 139, 142;
  --sk-theme-aqua-rgb: 168, 211, 209;
}

/* --------------------------------------------------------------------------
   2. JETONS — SOMBRE / AUTO SOMBRE
   Premium sombre, bleu-vert profond, sans violet ni néon.
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) {
  color-scheme: dark;

  --sk-theme-bg: #0B1517;
  --sk-theme-bg-soft: #0E1B1D;
  --sk-theme-surface: #102023;
  --sk-theme-surface-2: #14282B;
  --sk-theme-surface-3: #19363A;
  --sk-theme-surface-glass: rgba(16, 32, 35, 0.94);

  --sk-theme-text: #EAF4F3;
  --sk-theme-muted: #A7BFBD;
  --sk-theme-disabled: #6F8886;

  --sk-theme-primary: #78D0CC;
  --sk-theme-primary-hover: #96DFDB;
  --sk-theme-primary-active: #55B7B5;
  --sk-theme-action: #2B7F83;
  --sk-theme-action-hover: #236A6D;
  --sk-theme-action-active: #1C575A;
  --sk-theme-secondary: #4FB4B6;
  --sk-theme-secondary-hover: #6DC8C8;
  --sk-theme-aqua: #315D60;
  --sk-theme-border: #29474A;
  --sk-theme-border-strong: #3D6C70;
  --sk-theme-accent: #E8C66A;

  --sk-theme-white-on-brand: #F7FFFF;
  --sk-theme-shadow-rgb: 0, 0, 0;
  --sk-theme-brand-rgb: 120, 208, 204;
  --sk-theme-secondary-rgb: 79, 180, 182;
  --sk-theme-aqua-rgb: 49, 93, 96;
}

/* --------------------------------------------------------------------------
   3. VARIABLES EXISTANTES SAMA KENTRA
   -------------------------------------------------------------------------- */
html[data-sk-theme] {
  --sk-primary: var(--sk-theme-primary) !important;
  --sk-primary-dark: var(--sk-theme-primary) !important;
  --sk-primary-hover: var(--sk-theme-primary-hover) !important;
  --sk-primary-active: var(--sk-theme-primary-active) !important;
  --sk-secondary: var(--sk-theme-secondary) !important;
  --sk-secondary-hover: var(--sk-theme-secondary-hover) !important;
  --sk-aqua: var(--sk-theme-aqua) !important;
  --sk-aqua-soft: var(--sk-theme-surface-2) !important;
  --sk-aqua-selected: var(--sk-theme-surface-3) !important;
  --sk-text: var(--sk-theme-text) !important;
  --sk-text-muted: var(--sk-theme-muted) !important;
  --sk-text-disabled: var(--sk-theme-disabled) !important;
  --sk-border: var(--sk-theme-border) !important;
  --sk-white: var(--sk-theme-surface) !important;
  --sk-background: var(--sk-theme-surface-glass) !important;
  --sk-muted: var(--sk-theme-muted) !important;
  --sk-accent: var(--sk-theme-accent) !important;

  --sk-shadow-card: 0 6px 18px rgba(var(--sk-theme-shadow-rgb), .16) !important;
  --sk-shadow-hover: 0 12px 30px rgba(var(--sk-theme-shadow-rgb), .22) !important;
  --sk-shadow-modal: 0 24px 70px rgba(var(--sk-theme-shadow-rgb), .34) !important;
  --sk-focus-ring: 0 0 0 3px rgba(var(--sk-theme-secondary-rgb), .24) !important;
}

html[data-sk-theme] .srp-filters-container {
  --sk-filter-primary: var(--sk-theme-primary) !important;
  --sk-filter-primary-hover: var(--sk-theme-primary-hover) !important;
  --sk-filter-primary-active: var(--sk-theme-primary-active) !important;
  --sk-filter-secondary: var(--sk-theme-secondary) !important;
  --sk-filter-aqua: var(--sk-theme-aqua) !important;
  --sk-filter-aqua-soft: var(--sk-theme-surface-2) !important;
  --sk-filter-aqua-selected: var(--sk-theme-surface-3) !important;
  --sk-filter-text: var(--sk-theme-text) !important;
  --sk-filter-muted: var(--sk-theme-muted) !important;
  --sk-filter-border: var(--sk-theme-border) !important;
  --sk-filter-white: var(--sk-theme-surface) !important;
}

html[data-sk-theme] .bp-messages-wrap {
  --bm-sk-primary: var(--sk-theme-primary) !important;
  --bm-sk-primary-hover: var(--sk-theme-primary-hover) !important;
  --bm-sk-primary-active: var(--sk-theme-primary-active) !important;
  --bm-sk-secondary: var(--sk-theme-secondary) !important;
  --bm-sk-aqua: var(--sk-theme-aqua) !important;
  --bm-sk-aqua-soft: var(--sk-theme-surface-2) !important;
  --bm-sk-aqua-selected: var(--sk-theme-surface-3) !important;
  --bm-sk-text: var(--sk-theme-text) !important;
  --bm-sk-muted: var(--sk-theme-muted) !important;
  --bm-sk-border: var(--sk-theme-border) !important;
  --bm-sk-white: var(--sk-theme-surface) !important;
}

html[data-sk-theme] #sonaar-player .player,
html[data-sk-theme] .srp_extendedPlayer_container.srp_opened {
  --sk-primary: var(--sk-theme-primary) !important;
  --sk-primary-hover: var(--sk-theme-primary-hover) !important;
  --sk-primary-active: var(--sk-theme-primary-active) !important;
  --sk-secondary: var(--sk-theme-secondary) !important;
  --sk-aqua: var(--sk-theme-aqua) !important;
  --sk-aqua-soft: var(--sk-theme-surface-2) !important;
  --sk-aqua-selected: var(--sk-theme-surface-3) !important;
  --sk-text: var(--sk-theme-text) !important;
  --sk-muted: var(--sk-theme-muted) !important;
  --sk-border: var(--sk-theme-border) !important;
  --sk-white: var(--sk-theme-surface) !important;
}

/* --------------------------------------------------------------------------
   4. FOND GLOBAL + TYPOGRAPHIE
   -------------------------------------------------------------------------- */
html[data-sk-theme] body,
html[data-sk-theme] #page,
html[data-sk-theme] .site,
html[data-sk-theme] .site-content,
html[data-sk-theme] main,
html[data-sk-theme] .elementor-location-header,
html[data-sk-theme] .elementor-location-footer {
  background-color: var(--sk-theme-bg) !important;
  color: var(--sk-theme-text) !important;
}

html[data-sk-theme] :is(h1,h2,h3,h4,h5,h6,p,li,label,legend,strong,small) {
  color: inherit;
}

html[data-sk-theme] a:not(.elementor-button):not(.srp-fav-bt):not(.srp-fav-removeall-bt) {
  color: var(--sk-theme-primary);
}

html[data-sk-theme] a:not(.elementor-button):not(.srp-fav-bt):not(.srp-fav-removeall-bt):hover {
  color: var(--sk-theme-primary-hover);
}

html[data-sk-theme] ::selection {
  background: rgba(var(--sk-theme-secondary-rgb), .34);
  color: var(--sk-theme-text);
}

/* --------------------------------------------------------------------------
   5. MENU WORDPRESS GLOBAL
   -------------------------------------------------------------------------- */
html[data-sk-theme] .samakentra-wordpress-nav ul,
html[data-sk-theme] .samakentra-wordpress-nav .elementor-nav-menu {
  background: var(--sk-theme-surface-glass) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: 0 8px 28px rgba(var(--sk-theme-shadow-rgb), .18) !important;
}

html[data-sk-theme] .samakentra-wordpress-nav li > a,
html[data-sk-theme] .samakentra-wordpress-nav .elementor-item {
  color: var(--sk-theme-muted) !important;
  background: transparent !important;
}

html[data-sk-theme] .samakentra-wordpress-nav li > a:hover,
html[data-sk-theme] .samakentra-wordpress-nav li > a:focus-visible,
html[data-sk-theme] .samakentra-wordpress-nav .elementor-item:hover,
html[data-sk-theme] .samakentra-wordpress-nav .elementor-item:focus-visible {
  color: var(--sk-theme-primary) !important;
  background: rgba(var(--sk-theme-secondary-rgb), .11) !important;
}

html[data-sk-theme] .samakentra-wordpress-nav :is(.current-menu-item,.current_page_item,.current-menu-parent,.current-menu-ancestor) > a {
  color: var(--sk-theme-primary) !important;
  background: rgba(var(--sk-theme-secondary-rgb), .09) !important;
}

html[data-sk-theme] .samakentra-wordpress-nav :is(.current-menu-item,.current_page_item) > a::after {
  background: var(--sk-theme-secondary) !important;
}

/* --------------------------------------------------------------------------
   6. FORMULAIRES, RECHERCHE, PROFILE BUILDER
   -------------------------------------------------------------------------- */
html[data-sk-theme] :is(input,textarea,select),
html[data-sk-theme] .srp_search_main .srp_search_container .srp_search,
html[data-sk-theme] .wppb-user-forms input:not([type="submit"]),
html[data-sk-theme] .wppb-user-forms textarea,
html[data-sk-theme] .wppb-user-forms select {
  color: var(--sk-theme-text) !important;
  caret-color: var(--sk-theme-primary) !important;
  background-color: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: 0 6px 18px rgba(var(--sk-theme-shadow-rgb), .12) !important;
}

html[data-sk-theme] :is(input,textarea)::placeholder,
html[data-sk-theme] .srp_search_main .srp_search_container .srp_search::placeholder {
  color: var(--sk-theme-muted) !important;
}

html[data-sk-theme] :is(input,textarea,select):hover,
html[data-sk-theme] .srp_search_main .srp_search_container .srp_search:hover {
  color: var(--sk-theme-text) !important;
  background-color: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-border-strong) !important;
}

html[data-sk-theme] :is(input,textarea,select):focus,
html[data-sk-theme] .srp_search_main .srp_search_container .srp_search:focus {
  color: var(--sk-theme-text) !important;
  background-color: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-secondary) !important;
  outline-color: var(--sk-theme-secondary) !important;
  box-shadow: 0 0 0 3px rgba(var(--sk-theme-secondary-rgb), .20), 0 10px 26px rgba(var(--sk-theme-shadow-rgb), .14) !important;
}

html[data-sk-theme] .wppb-user-forms :is(input[type="submit"],button[type="submit"]),
html[data-sk-theme] .wppb-user-forms .wppb-submit input[type="submit"],
html[data-sk-theme] .srp-fav-removeall-wrapper .srp-fav-removeall-bt {
  background: var(--sk-theme-action) !important;
  color: var(--sk-theme-white-on-brand) !important;
  border-color: var(--sk-theme-action) !important;
  box-shadow: 0 8px 22px rgba(var(--sk-theme-shadow-rgb), .18) !important;
}

html[data-sk-theme] .wppb-user-forms :is(input[type="submit"],button[type="submit"]):hover,
html[data-sk-theme] .wppb-user-forms .wppb-submit input[type="submit"]:hover,
html[data-sk-theme] .srp-fav-removeall-wrapper .srp-fav-removeall-bt:hover {
  background: var(--sk-theme-action-hover) !important;
  color: var(--sk-theme-white-on-brand) !important;
  border-color: var(--sk-theme-action-hover) !important;
}

html[data-sk-theme] .wppb-user-forms :is(input[type="submit"],button[type="submit"]):active,
html[data-sk-theme] .wppb-user-forms .wppb-submit input[type="submit"]:active,
html[data-sk-theme] .srp-fav-removeall-wrapper .srp-fav-removeall-bt:active {
  background: var(--sk-theme-action-active) !important;
  color: var(--sk-theme-white-on-brand) !important;
  border-color: var(--sk-theme-action-active) !important;
}

html[data-sk-theme] .wppb-logout-url {
  background-color: var(--sk-theme-surface) !important;
  color: var(--sk-theme-primary) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: 0 7px 20px rgba(var(--sk-theme-shadow-rgb), .14) !important;
}

html[data-sk-theme] .wppb-logout-url:hover {
  background-color: var(--sk-theme-surface-2) !important;
  color: var(--sk-theme-primary-hover) !important;
  border-color: var(--sk-theme-secondary) !important;
}

html[data-sk-theme] .wppb-logout-url:active {
  background-color: var(--sk-theme-surface-3) !important;
  color: var(--sk-theme-primary-active) !important;
  border-color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] .wppb-logout-url:visited,
html[data-sk-theme] .wppb-logout-url:focus {
  color: var(--sk-theme-primary) !important;
}

/* --------------------------------------------------------------------------
   7. FILTRES, MULTISELECT, CHIPS
   -------------------------------------------------------------------------- */
html[data-sk-theme] .srp-filters-container .srp-filters-widget .multiselect__select,
html[data-sk-theme] .srp-filters-widget .multiselect > .multiselect__tags,
html[data-sk-theme] .srp-filters-container .multiselect > .multiselect__tags {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: 0 4px 14px rgba(var(--sk-theme-shadow-rgb), .12) !important;
}

html[data-sk-theme] .srp-filters-container .srp-filters-widget .multiselect__select:hover,
html[data-sk-theme] .srp-filters-container .srp-filters-widget .multiselect--active .multiselect__select {
  color: var(--sk-theme-primary-hover) !important;
  background: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-secondary) !important;
  box-shadow: 0 0 0 3px rgba(var(--sk-theme-secondary-rgb), .14) !important;
}

html[data-sk-theme] .srp-filters-widget .multiselect[data-label]::after,
html[data-sk-theme] .srp-filters-container .multiselect[data-label]::after {
  color: var(--sk-theme-primary) !important;
  -webkit-text-fill-color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] .srp-filters-container .multiselect__select::before,
html[data-sk-theme] .srp-filters-container .multiselect__select::after {
  border-color: var(--sk-theme-muted) transparent transparent !important;
}

html[data-sk-theme] .srp-filters-container .multiselect--active .multiselect__select::after {
  border-color: transparent transparent var(--sk-theme-primary) !important;
}

html[data-sk-theme] .multiselect__content-wrapper,
html[data-sk-theme] .srp-filters-container .multiselect__content-wrapper,
html[data-sk-theme] .srp-filters-container .srp-filters-widget .multiselect__content-wrapper {
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: 0 18px 44px rgba(var(--sk-theme-shadow-rgb), .26) !important;
  scrollbar-color: var(--sk-theme-border-strong) var(--sk-theme-surface-2) !important;
}

html[data-sk-theme] .multiselect__content-wrapper::-webkit-scrollbar-track {
  background: var(--sk-theme-surface-2) !important;
}

html[data-sk-theme] .multiselect__content-wrapper::-webkit-scrollbar-thumb {
  background: var(--sk-theme-border-strong) !important;
  border-color: var(--sk-theme-surface-2) !important;
}

html[data-sk-theme] .multiselect__option,
html[data-sk-theme] .srp-filters-container .multiselect__option,
html[data-sk-theme] .srp-filters-container .multiselect__content-wrapper li.multiselect__element {
  color: var(--sk-theme-text) !important;
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border) !important;
}

html[data-sk-theme] .multiselect__option--highlight,
html[data-sk-theme] .srp-filters-container .multiselect__option--highlight {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-2) !important;
}

html[data-sk-theme] .multiselect__option--selected,
html[data-sk-theme] .srp-filters-container .multiselect__option--selected {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-3) !important;
}

html[data-sk-theme] .multiselect__option--selected.multiselect__option--highlight,
html[data-sk-theme] .srp-filters-container .multiselect__option--selected.multiselect__option--highlight {
  color: var(--sk-theme-white-on-brand) !important;
  background: var(--sk-theme-action) !important;
}

html[data-sk-theme] .multiselect__option--disabled,
html[data-sk-theme] .srp-filters-container .multiselect__option--disabled {
  color: var(--sk-theme-disabled) !important;
  background: var(--sk-theme-bg-soft) !important;
}

html[data-sk-theme] .srp_chips .srp_chip {
  background-color: var(--sk-theme-surface-2) !important;
  color: var(--sk-theme-primary) !important;
  border-color: var(--sk-theme-border-strong) !important;
}

html[data-sk-theme] .srp_chips .srp_chip:hover,
html[data-sk-theme] .srp_chips .srp_chip:active {
  background-color: var(--sk-theme-primary) !important;
  color: var(--sk-theme-white-on-brand) !important;
  border-color: var(--sk-theme-primary) !important;
  box-shadow: 0 8px 20px rgba(var(--sk-theme-shadow-rgb), .20) !important;
}

html[data-sk-theme] .srp_chips .srp_chip :is(i,svg,.srp_chip_remove,.srp_chip-remove) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* --------------------------------------------------------------------------
   8. ONGLETS ELEMENTOR
   -------------------------------------------------------------------------- */
html[data-sk-theme] .e-con.e-atomic-element.e-tabs-menu-base {
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: 0 8px 22px rgba(var(--sk-theme-shadow-rgb), .14) !important;
}

html[data-sk-theme] .e-tabs-menu-base [role="tab"] {
  background: var(--sk-theme-surface) !important;
  color: var(--sk-theme-text) !important;
  border-color: var(--sk-theme-border) !important;
}

html[data-sk-theme] .e-tabs-menu-base [role="tab"]:hover {
  background: var(--sk-theme-surface-2) !important;
  color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] .e-tabs-menu-base [role="tab"]:active {
  background: var(--sk-theme-surface-3) !important;
  color: var(--sk-theme-primary-active) !important;
}

html[data-sk-theme] .e-tabs-menu-base [role="tab"][aria-selected="true"],
html[data-sk-theme] .e-tabs-menu-base [role="tab"][data-state="selected"] {
  background: var(--sk-theme-action) !important;
  color: var(--sk-theme-white-on-brand) !important;
  box-shadow: inset 0 -3px 0 var(--sk-theme-secondary) !important;
}

/* --------------------------------------------------------------------------
   9. LISTE AUDIO / CARTES DE PISTES
   -------------------------------------------------------------------------- */
html[data-sk-theme] .srp_tracklist .sr-playlist-item {
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: 0 8px 22px rgba(var(--sk-theme-shadow-rgb), .16) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item:hover {
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: 0 14px 34px rgba(var(--sk-theme-shadow-rgb), .23) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item::before {
  background: var(--sk-theme-aqua) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item .tracklist-item-title,
html[data-sk-theme] .srp_tracklist .sr-playlist-item .sr-playlist-cf-child {
  color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item .srp_tracklist-item-time {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-2) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item .srp_track_description {
  color: var(--sk-theme-text) !important;
  border-color: var(--sk-theme-border) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item .store-list {
  color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item .sr-playlist-cf--ambiance,
html[data-sk-theme] .srp_tracklist .sr-playlist-item .sr-playlist-cf--voix,
html[data-sk-theme] .srp_tracklist .sr-playlist-item .sr-playlist-cf--instrument {
  color: var(--sk-theme-muted) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item.current {
  background: linear-gradient(135deg, var(--sk-theme-surface) 0%, var(--sk-theme-surface-2) 100%) !important;
  border-color: var(--sk-theme-secondary) !important;
  box-shadow: 0 14px 38px rgba(var(--sk-theme-shadow-rgb), .24), 0 0 0 2px rgba(var(--sk-theme-secondary-rgb), .12) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item.current::before {
  background: var(--sk-theme-secondary) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item.current .sr_track_cover {
  box-shadow: 0 0 0 4px rgba(var(--sk-theme-secondary-rgb), .38), 0 0 0 8px rgba(var(--sk-theme-aqua-rgb), .28), 0 16px 34px rgba(var(--sk-theme-shadow-rgb), .34) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item.current .tracklist-item-title {
  color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item.current .srp_tracklist-item-time {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-3) !important;
}

html[data-sk-theme] .sr-cf-heading {
  background: linear-gradient(135deg, var(--sk-theme-surface) 0%, var(--sk-theme-surface-2) 100%) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: 0 5px 16px rgba(var(--sk-theme-shadow-rgb), .12) !important;
}

html[data-sk-theme] .sr-cf-heading .sr-playlist-heading-child {
  color: var(--sk-theme-muted) !important;
}

html[data-sk-theme] .sr-cf-heading :is(.sr-playlist-cf--title,[data-sort="sr-playlist-cf--playlist-category"]) {
  color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] .sr-cf-heading .sr-playlist-heading-child::after {
  background: var(--sk-theme-aqua) !important;
}

/* Badges responsive */
html[data-sk-theme] .srp_tracklist .sr-playlist-item .sr-playlist-cf--playlist-category,
html[data-sk-theme] .srp_tracklist .sr-playlist-item .sr-playlist-cf--voix {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-border) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item :is(.sr-playlist-cf--thematique,.sr-playlist-cf--instrument) {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border-strong) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item .sr-playlist-cf--ambiance {
  color: var(--sk-theme-muted) !important;
  background: var(--sk-theme-bg-soft) !important;
  border-color: var(--sk-theme-border) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item .sr-playlist-cf-container .sr-playlist-cf-child::after {
  color: var(--sk-theme-muted) !important;
  border-color: var(--sk-theme-aqua) !important;
}

/* --------------------------------------------------------------------------
   10. ACTIONS AUDIO : DOWNLOAD, FAVORI, TROIS POINTS
   -------------------------------------------------------------------------- */
html[data-sk-theme] .srp_tracklist .sr-playlist-item :is(.store-list,.srp-fav-bt,[class*="download"],[class*="store"]),
html[data-sk-theme] #sonaar-player :is(.srp-fav-bt,[class*="download"],[class*="favorite"],[class*="favourite"]) {
  color: var(--sk-theme-primary) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item :is(.store-list,.srp-fav-bt,[class*="download"]):hover,
html[data-sk-theme] #sonaar-player :is(.srp-fav-bt,[class*="download"],[class*="favorite"],[class*="favourite"]):hover {
  color: var(--sk-theme-primary-hover) !important;
}

html[data-sk-theme] .srp_tracklist .sr-playlist-item .srp-fav-bt.is-favorite,
html[data-sk-theme] .srp_tracklist .sr-playlist-item .srp-fav-bt.active,
html[data-sk-theme] .srp_tracklist .sr-playlist-item .srp-fav-bt.srp_is_favorite {
  color: var(--sk-theme-primary) !important;
}

/* --------------------------------------------------------------------------
   11. STICKY PLAYER SONAAR
   -------------------------------------------------------------------------- */
html[data-sk-theme] #sonaar-player .player {
  color: var(--sk-theme-text) !important;
  background: linear-gradient(180deg, rgba(var(--sk-theme-aqua-rgb), .42) 0%, var(--sk-theme-surface-2) 24%, var(--sk-theme-surface) 62%, var(--sk-theme-surface) 100%) !important;
  border-color: var(--sk-theme-border-strong) !important;
  border-top-color: var(--sk-theme-primary) !important;
  box-shadow: 0 0 0 2px var(--sk-theme-surface), 0 0 0 5px rgba(var(--sk-theme-aqua-rgb), .56), 0 -4px 16px rgba(var(--sk-theme-brand-rgb), .28), 0 -10px 28px rgba(var(--sk-theme-shadow-rgb), .36), 0 -28px 58px rgba(var(--sk-theme-shadow-rgb), .22) !important;
}

html[data-sk-theme] #sonaar-player :is(.mobilePanel,.player-row,.playerNowPlaying,.metadata) {
  color: var(--sk-theme-text) !important;
  background: transparent !important;
}

html[data-sk-theme] #sonaar-player .playerNowPlaying .metadata .track-name,
html[data-sk-theme] .sonaar-player .playerNowPlaying .metadata .track-name {
  color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] #sonaar-player .playerNowPlaying .metadata .track-name a:hover,
html[data-sk-theme] .sonaar-player .playerNowPlaying .metadata .track-name a:hover {
  color: var(--sk-theme-primary-hover) !important;
}

html[data-sk-theme] #sonaar-player :is(.metadata,.artist,.album,.time,[class*="time"]) {
  color: var(--sk-theme-muted) !important;
}

html[data-sk-theme] #sonaar-player .mobileProgress {
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-primary) !important;
  box-shadow: 0 0 0 2px var(--sk-theme-surface), 0 0 0 4px rgba(var(--sk-theme-aqua-rgb), .72), 0 2px 8px rgba(var(--sk-theme-shadow-rgb), .26), inset 0 1px 3px rgba(var(--sk-theme-shadow-rgb), .22) !important;
}

html[data-sk-theme] #sonaar-player .mobileProgressing {
  background: linear-gradient(90deg, var(--sk-theme-secondary) 0%, var(--sk-theme-primary) 100%) !important;
  box-shadow: 0 0 9px rgba(var(--sk-theme-secondary-rgb), .34) !important;
}

html[data-sk-theme] #sonaar-player .progressDot {
  background: var(--sk-theme-primary) !important;
  border-color: var(--sk-theme-surface) !important;
  box-shadow: 0 2px 8px rgba(var(--sk-theme-shadow-rgb), .34), 0 0 0 3px rgba(var(--sk-theme-aqua-rgb), .58) !important;
}

html[data-sk-theme] #sonaar-player .player > .close.btn-player {
  color: var(--sk-theme-white-on-brand) !important;
  background: var(--sk-theme-action) !important;
  border-color: var(--sk-theme-aqua) !important;
  border-top-color: var(--sk-theme-action) !important;
  box-shadow: 0 0 0 2px var(--sk-theme-surface), 0 0 0 4px rgba(var(--sk-theme-aqua-rgb), .62), 0 -7px 20px rgba(var(--sk-theme-shadow-rgb), .28), 0 6px 15px rgba(var(--sk-theme-shadow-rgb), .20) !important;
}

html[data-sk-theme] #sonaar-player .player > .close.btn-player:hover {
  color: var(--sk-theme-white-on-brand) !important;
  background: var(--sk-theme-action-hover) !important;
  border-color: var(--sk-theme-secondary) !important;
  border-top-color: var(--sk-theme-action-hover) !important;
}

html[data-sk-theme] #sonaar-player .player > .close.btn-player::before {
  color: var(--sk-theme-white-on-brand) !important;
}

html[data-sk-theme] #sonaar-player .player-row :is(.control,.controls button,.buttons button) {
  color: var(--sk-theme-primary) !important;
  background: transparent !important;
}

html[data-sk-theme] #sonaar-player .player-row :is(.control,.controls button,.buttons button):hover {
  color: var(--sk-theme-primary-hover) !important;
  background: var(--sk-theme-surface-2) !important;
}

/* --------------------------------------------------------------------------
   12. LECTEUR ÉTENDU / PLEIN ÉCRAN
   -------------------------------------------------------------------------- */
html[data-sk-theme] .srp_extendedPlayer_container.srp_opened {
  color: var(--sk-theme-text) !important;
  background: radial-gradient(circle at 50% 20%, rgba(var(--sk-theme-aqua-rgb), .22) 0%, rgba(var(--sk-theme-aqua-rgb), .06) 36%, transparent 60%), linear-gradient(180deg, var(--sk-theme-bg) 0%, var(--sk-theme-bg) 58%, var(--sk-theme-bg-soft) 100%) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened::before {
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--sk-theme-aqua-rgb), .18), inset 0 0 46px rgba(var(--sk-theme-aqua-rgb), .10), 0 12px 40px rgba(var(--sk-theme-shadow-rgb), .18) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened::after {
  background: radial-gradient(ellipse at center, transparent 52%, rgba(var(--sk-theme-brand-rgb), .025) 72%, rgba(var(--sk-theme-brand-rgb), .09) 100%) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_extendedPlayer__scrolling_box {
  background: var(--sk-theme-bg) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_extendedPlayer {
  background: radial-gradient(circle at 50% 17%, rgba(var(--sk-theme-aqua-rgb), .22) 0%, rgba(var(--sk-theme-aqua-rgb), .07) 36%, transparent 60%), linear-gradient(180deg, var(--sk-theme-bg) 0%, var(--sk-theme-bg) 54%, var(--sk-theme-bg-soft) 100%) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--sk-theme-aqua-rgb), .18), inset 0 0 48px rgba(var(--sk-theme-aqua-rgb), .10), 0 14px 42px rgba(var(--sk-theme-shadow-rgb), .22) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_artwork {
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: 0 24px 54px rgba(var(--sk-theme-shadow-rgb), .30), 0 8px 24px rgba(var(--sk-theme-brand-rgb), .12), 0 0 32px rgba(var(--sk-theme-aqua-rgb), .18), inset 0 0 0 1px rgba(var(--sk-theme-aqua-rgb), .18) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_artwork::after {
  border-color: rgba(var(--sk-theme-aqua-rgb), .35) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--sk-theme-brand-rgb), .14), inset 0 0 38px rgba(var(--sk-theme-shadow-rgb), .18) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_track_info,
html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_track > span:has(a.srp-fav-bt),
html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_track > span:last-of-type {
  background: radial-gradient(ellipse at center, var(--sk-theme-surface) 46%, var(--sk-theme-surface-2) 100%) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: 0 14px 34px rgba(var(--sk-theme-shadow-rgb), .20), 0 0 26px rgba(var(--sk-theme-aqua-rgb), .13), inset 0 0 0 4px rgba(var(--sk-theme-aqua-rgb), .08), inset 0 0 30px rgba(var(--sk-theme-aqua-rgb), .09) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_track_info :is(.srp_ext_title,.srp_track_title,[class*="track-title"],h1,h2,h3),
html[data-sk-theme] .srp_extendedPlayer_container .srp_extendedPlayer .srp_track_title {
  color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_track_info :is(.srp_ext_artist,.srp_track_artist,[class*="artist"],[class*="subtitle"]),
html[data-sk-theme] .srp_extendedPlayer_container .srp_extendedPlayer .srp_artist {
  color: var(--sk-theme-muted) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_track a.srp-fav-bt,
html[data-sk-theme] .srp_extendedPlayer_container.srp_opened [class*="favorite"],
html[data-sk-theme] .srp_extendedPlayer_container.srp_opened [class*="favourite"] {
  color: var(--sk-theme-secondary) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_secondary {
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: 0 16px 38px rgba(var(--sk-theme-shadow-rgb), .22), 0 0 26px rgba(var(--sk-theme-aqua-rgb), .14), inset 0 0 0 4px rgba(var(--sk-theme-aqua-rgb), .08) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_secondary .srp_ext_section {
  color: var(--sk-theme-text) !important;
  background: radial-gradient(ellipse at center, var(--sk-theme-surface) 0%, var(--sk-theme-surface) 52%, var(--sk-theme-surface-2) 82%, rgba(var(--sk-theme-aqua-rgb), .14) 100%) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: inset 0 0 0 2px rgba(var(--sk-theme-aqua-rgb), .07), inset 0 0 32px rgba(var(--sk-theme-aqua-rgb), .08), 0 5px 16px rgba(var(--sk-theme-shadow-rgb), .14) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_secondary .srp_ext_section :is(p,div) {
  color: var(--sk-theme-text) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_controls :is(button,[role="button"]) {
  color: var(--sk-theme-primary) !important;
  background: transparent !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_controls :is(.srp_play_pause,.srp-play-pause,.srp_main_control,button[class*="play"]) {
  color: var(--sk-theme-white-on-brand) !important;
  background: linear-gradient(145deg, var(--sk-theme-action), var(--sk-theme-action-hover)) !important;
  box-shadow: 0 12px 28px rgba(var(--sk-theme-brand-rgb), .28), 0 4px 12px rgba(var(--sk-theme-shadow-rgb), .22), inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .18) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened [class*="time"] {
  color: var(--sk-theme-muted) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened :is(.srp_progressbar,.sr_progressbar) .ui-slider-range {
  background: var(--sk-theme-secondary) !important;
}

html[data-sk-theme] .srp_extendedPlayer_container.srp_opened .srp_ext_footer :is(button,[role="button"]),
html[data-sk-theme] .srp_extendedPlayer_container.srp_opened button[class*="close"],
html[data-sk-theme] .srp_ext_featured_cta_center {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: 0 8px 22px rgba(var(--sk-theme-shadow-rgb), .18), inset 0 0 18px rgba(var(--sk-theme-aqua-rgb), .10) !important;
}

html[data-sk-theme] .srp_ext_featured_cta_center::before {
  background: var(--sk-theme-action) !important;
  color: var(--sk-theme-white-on-brand) !important;
}

/* --------------------------------------------------------------------------
   13. NOTIFICATIONS FAVORIS
   -------------------------------------------------------------------------- */
html[data-sk-theme] .srp-fav-notification {
  background: var(--sk-theme-surface) !important;
  color: var(--sk-theme-primary) !important;
  border-color: var(--sk-theme-border-strong) !important;
  border-left-color: var(--sk-theme-primary) !important;
  box-shadow: 0 16px 44px rgba(var(--sk-theme-shadow-rgb), .34), 0 4px 14px rgba(var(--sk-theme-shadow-rgb), .18) !important;
}

html[data-sk-theme] .srp-fav-notification :is(p,span,a,svg,button) {
  color: var(--sk-theme-primary) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-sk-theme] .srp-fav-notification button {
  background: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-border) !important;
}

/* --------------------------------------------------------------------------
   14. BETTER MESSAGES / CHAT
   -------------------------------------------------------------------------- */
html[data-sk-theme] .bp-messages-wrap {
  background: var(--sk-theme-surface-glass) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: 0 12px 36px rgba(var(--sk-theme-shadow-rgb), .24), 0 3px 12px rgba(var(--sk-theme-shadow-rgb), .14) !important;
}

html[data-sk-theme] .bp-messages-wrap .chat-header {
  color: var(--sk-theme-white-on-brand) !important;
  background: linear-gradient(135deg, var(--sk-theme-action-active) 0%, var(--sk-theme-action) 100%) !important;
  border-color: rgba(var(--sk-theme-aqua-rgb), .28) !important;
}

html[data-sk-theme] .bp-messages-wrap .chat-header :is(a,span,div,.name,.user,.username,.bm-thread-info-action-label,svg,i) {
  color: var(--sk-theme-white-on-brand) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-sk-theme] .bp-messages-wrap .bm-message:not(.my) .bm-message-content {
  color: var(--sk-theme-white-on-brand) !important;
  background: var(--sk-theme-action) !important;
  border-color: var(--sk-theme-action) !important;
  box-shadow: 0 5px 14px rgba(var(--sk-theme-brand-rgb), .20) !important;
}

html[data-sk-theme] .bp-messages-wrap .bm-message:not(.my) .bm-message-content * {
  color: var(--sk-theme-white-on-brand) !important;
}

html[data-sk-theme] .bp-messages-wrap .bm-message.my .bm-message-content {
  color: var(--sk-theme-text) !important;
  background: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: 0 4px 12px rgba(var(--sk-theme-shadow-rgb), .14) !important;
}

html[data-sk-theme] .bp-messages-wrap .bm-message.my .bm-message-content * {
  color: var(--sk-theme-text) !important;
}

html[data-sk-theme] .bp-messages-wrap .bm-message :is(.user,.user-name,.username,.name,.author,.sender) {
  color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] .bp-messages-wrap :is(textarea,[contenteditable="true"],.bm-editor) {
  color: var(--sk-theme-text) !important;
  caret-color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: inset 0 1px 2px rgba(var(--sk-theme-shadow-rgb), .12) !important;
}

html[data-sk-theme] .bp-messages-wrap :is(textarea,[contenteditable="true"],.bm-editor):hover {
  background: var(--sk-theme-surface-3) !important;
  border-color: var(--sk-theme-border-strong) !important;
}

html[data-sk-theme] .bp-messages-wrap :is(textarea,[contenteditable="true"],.bm-editor):focus {
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-secondary) !important;
  box-shadow: 0 0 0 3px rgba(var(--sk-theme-secondary-rgb), .16) !important;
}

html[data-sk-theme] .bp-messages-wrap .bm-send-message,
html[data-sk-theme] .bp-messages-wrap .bm-send-message :is(svg,i,span) {
  color: var(--sk-theme-primary) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-sk-theme] .bp-messages-wrap :is(.date,.date-separator,.messages-date,.bm-date) {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-3) !important;
  border-color: var(--sk-theme-border-strong) !important;
}

html[data-sk-theme] :is(.bm-toasts-container .Toastify__toast,.Toastify__toast.bm-toast-site-message) {
  color: var(--sk-theme-white-on-brand) !important;
  background: linear-gradient(135deg, var(--sk-theme-action-active) 0%, var(--sk-theme-action) 100%) !important;
  border-color: rgba(var(--sk-theme-aqua-rgb), .42) !important;
  box-shadow: 0 18px 48px rgba(var(--sk-theme-shadow-rgb), .34) !important;
}

html[data-sk-theme] .bp-messages-single-thread-wrap:has(.bp-messages-wrap.bp-messages-full-screen),
html[data-sk-theme] .bp-messages-single-thread-wrap:has(.bp-messages-wrap.bp-messages-full-screen) .bp-messages-wrap.bp-messages-full-screen {
  background: var(--sk-theme-bg) !important;
  color: var(--sk-theme-text) !important;
}

/* --------------------------------------------------------------------------
   15. CARTES GLASS / BANNIÈRE HOME / ACCORDÉON TAXONOMIE
   -------------------------------------------------------------------------- */
html[data-sk-theme] .sk-home-card {
  background: var(--sk-theme-surface) !important;
  box-shadow: 0 12px 32px rgba(var(--sk-theme-shadow-rgb), .22), 0 3px 10px rgba(var(--sk-theme-shadow-rgb), .12) !important;
}

html[data-sk-theme] .sk-home-card::after {
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .18), inset 0 -1px 0 rgba(var(--sk-theme-brand-rgb), .06) !important;
}

html[data-sk-theme] :is(.sk-category-card,.sk-theme-card) {
  border-color: var(--sk-theme-border-strong) !important;
  background: radial-gradient(circle at 12% 4%, rgba(var(--sk-theme-aqua-rgb), .22) 0%, rgba(var(--sk-theme-aqua-rgb), 0) 38%), linear-gradient(145deg, var(--sk-theme-surface) 0%, var(--sk-theme-bg-soft) 52%, var(--sk-theme-surface-2) 100%) !important;
  box-shadow: 0 16px 40px rgba(var(--sk-theme-shadow-rgb), .24), 0 4px 12px rgba(var(--sk-theme-shadow-rgb), .12), inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .16), inset 0 -1px 0 rgba(var(--sk-theme-brand-rgb), .06) !important;
}

html[data-sk-theme] :is(.sk-category-card,.sk-theme-card)::before {
  background: linear-gradient(180deg, rgba(var(--sk-theme-aqua-rgb), .20) 0%, rgba(var(--sk-theme-aqua-rgb), .06) 48%, rgba(var(--sk-theme-aqua-rgb), 0) 100%) !important;
}

html[data-sk-theme] :is(.sk-category-card,.sk-theme-card)::after {
  background: radial-gradient(circle, rgba(var(--sk-theme-secondary-rgb), .15) 0%, rgba(var(--sk-theme-aqua-rgb), .09) 44%, rgba(var(--sk-theme-aqua-rgb), 0) 72%) !important;
}

html[data-sk-theme] .sk-home-banner {
  background-color: var(--sk-theme-surface-glass) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: 0 16px 42px rgba(var(--sk-theme-shadow-rgb), .23), 0 4px 12px rgba(var(--sk-theme-shadow-rgb), .12), inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .18), inset 0 -1px 0 rgba(var(--sk-theme-brand-rgb), .06) !important;
}

html[data-sk-theme] .sk-home-banner::before {
  background: linear-gradient(145deg, rgba(var(--sk-theme-aqua-rgb), .20) 0%, rgba(var(--sk-theme-aqua-rgb), .06) 38%, rgba(var(--sk-theme-aqua-rgb), 0) 68%) !important;
}

html[data-sk-theme] .sk-home-banner::after {
  background: radial-gradient(circle, rgba(var(--sk-theme-secondary-rgb), .16) 0%, rgba(var(--sk-theme-aqua-rgb), .09) 42%, rgba(var(--sk-theme-aqua-rgb), 0) 72%) !important;
}

html[data-sk-theme] .skfa__body {
  background: var(--sk-theme-surface) !important;
  color: var(--sk-theme-text) !important;
}

/* --------------------------------------------------------------------------
   16. PANNEAU DE THÈME / ROUE CRANTÉE
   Couleurs uniquement : la géométrie est dans le PHP de l'extension.
   -------------------------------------------------------------------------- */
html[data-sk-theme] #sk-theme-dock .sk-theme-dock__button {
  color: var(--sk-theme-white-on-brand) !important;
  background: var(--sk-theme-action) !important;
  border-color: var(--sk-theme-aqua) !important;
  border-top-color: var(--sk-theme-action) !important;
  box-shadow: 0 0 0 2px var(--sk-theme-surface), 0 0 0 4px rgba(var(--sk-theme-aqua-rgb), .62), 0 -7px 20px rgba(var(--sk-theme-shadow-rgb), .28), 0 6px 15px rgba(var(--sk-theme-shadow-rgb), .20) !important;
}

html[data-sk-theme] #sk-theme-dock .sk-theme-dock__button:hover {
  color: var(--sk-theme-white-on-brand) !important;
  background: var(--sk-theme-action-hover) !important;
  border-color: var(--sk-theme-secondary) !important;
  border-top-color: var(--sk-theme-action-hover) !important;
  box-shadow: 0 0 0 2px var(--sk-theme-surface), 0 0 0 4px rgba(var(--sk-theme-aqua-rgb), .72), 0 -9px 23px rgba(var(--sk-theme-shadow-rgb), .31), 0 7px 17px rgba(var(--sk-theme-shadow-rgb), .22) !important;
}

html[data-sk-theme] #sk-theme-dock .sk-theme-dock__button:focus-visible,
html[data-sk-theme] #sk-theme-panel :is(button,[role="button"]):focus-visible {
  outline-color: var(--sk-theme-secondary) !important;
  box-shadow: 0 0 0 4px rgba(var(--sk-theme-secondary-rgb), .22), 0 10px 28px rgba(var(--sk-theme-shadow-rgb), .24) !important;
}

html[data-sk-theme] #sk-theme-panel {
  color: var(--sk-theme-text) !important;
  background: var(--sk-theme-surface-glass) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: 0 24px 70px rgba(var(--sk-theme-shadow-rgb), .38), inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .14) !important;
}

html[data-sk-theme] #sk-theme-panel .sk-theme-panel__title {
  color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] #sk-theme-panel .sk-theme-panel__close {
  color: var(--sk-theme-muted) !important;
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border) !important;
}

html[data-sk-theme] #sk-theme-panel .sk-theme-panel__close:hover {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-border-strong) !important;
}

html[data-sk-theme] #sk-theme-panel .sk-theme-mode {
  color: var(--sk-theme-muted) !important;
  background: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: 0 5px 14px rgba(var(--sk-theme-shadow-rgb), .12) !important;
}

html[data-sk-theme] #sk-theme-panel .sk-theme-mode:hover {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-border-strong) !important;
}

html[data-sk-theme] #sk-theme-panel .sk-theme-mode[aria-pressed="true"] {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-3) !important;
  border-color: var(--sk-theme-secondary) !important;
  box-shadow: inset 0 0 0 1px var(--sk-theme-secondary), 0 7px 18px rgba(var(--sk-theme-shadow-rgb), .16) !important;
}

html[data-sk-theme] #sk-theme-panel .sk-theme-panel__status {
  color: var(--sk-theme-muted) !important;
}

html[data-sk-theme] #sk-theme-panel .sk-theme-panel__locked {
  color: var(--sk-theme-muted) !important;
  background: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-border) !important;
}

/* --------------------------------------------------------------------------
   17. SPÉCIFIQUE SOMBRE — FINITIONS HIGH LUXE
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body {
  background: radial-gradient(circle at 50% -10%, rgba(79, 180, 182, .08) 0%, transparent 34%), #0B1517 !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-home-banner,
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(.sk-category-card,.sk-theme-card),
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .srp_tracklist .sr-playlist-item,
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) #sk-theme-panel {
  box-shadow: 0 18px 46px rgba(0, 0, 0, .34), 0 4px 14px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(120, 208, 204, .08) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) #sonaar-player .player {
  box-shadow: 0 0 0 2px #102023, 0 0 0 5px rgba(61, 108, 112, .58), 0 -4px 16px rgba(79, 180, 182, .18), 0 -12px 30px rgba(0, 0, 0, .58), 0 -30px 64px rgba(0, 0, 0, .36) !important;
}


/* --------------------------------------------------------------------------
   18. ACCESSIBILITÉ COULEUR
   -------------------------------------------------------------------------- */
html[data-sk-theme] :is(button,a,input,textarea,select,[role="button"],[role="tab"]):focus-visible {
  outline-color: var(--sk-theme-secondary) !important;
}


/* --------------------------------------------------------------------------
   19. MENU MOBILE TAHEFOBU + FOOTER DE MARQUE
   Couleurs uniquement — aucun changement de géométrie.
   -------------------------------------------------------------------------- */

/* === Navigation mobile / tablette WordPress === */
html[data-sk-theme] :is(
  .tahefobu-mobile-nav-menu-container,
  .tahefobu-mobile-nav-menu,
  [id^="mobile-menu-"][class*="tahefobu-mobile-nav-menu"]
) {
  color: var(--sk-theme-muted) !important;
  background: var(--sk-theme-surface-glass) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: 0 8px 24px rgba(var(--sk-theme-shadow-rgb), .18), inset 0 -1px 0 rgba(var(--sk-theme-aqua-rgb), .10) !important;
}

html[data-sk-theme] :is(
  .tahefobu-mobile-nav-menu,
  [id^="mobile-menu-"][class*="tahefobu-mobile-nav-menu"]
) > li {
  color: var(--sk-theme-muted) !important;
  background: transparent !important;
  border-color: var(--sk-theme-border) !important;
}

html[data-sk-theme] :is(
  .tahefobu-mobile-menu-item,
  .tahefobu-mobile-nav-menu a,
  [id^="mobile-menu-"][class*="tahefobu-mobile-nav-menu"] > li > a
) {
  color: var(--sk-theme-muted) !important;
  background: transparent !important;
  border-color: transparent !important;
  text-shadow: none !important;
}

html[data-sk-theme] :is(
  .tahefobu-mobile-menu-item,
  .tahefobu-mobile-nav-menu a
) :is(span,i,svg,svg *),
html[data-sk-theme] :is(
  .tahefobu-mobile-menu-item,
  .tahefobu-mobile-nav-menu a
)::before,
html[data-sk-theme] :is(
  .tahefobu-mobile-menu-item,
  .tahefobu-mobile-nav-menu a
)::after {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-sk-theme] :is(
  .tahefobu-mobile-nav-menu li:hover > a,
  .tahefobu-mobile-menu-item:hover,
  .tahefobu-mobile-menu-item:focus-visible
) {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-border-strong) !important;
}

html[data-sk-theme] :is(
  .tahefobu-mobile-nav-menu li.current-menu-item > a,
  .tahefobu-mobile-nav-menu li.current_page_item > a,
  .tahefobu-mobile-nav-menu li.tahefobu-active-menu-item > a,
  .tahefobu-mobile-nav-menu a.tahefobu-active-menu-item,
  .tahefobu-mobile-menu-item.tahefobu-active-menu-item,
  [id^="mobile-menu-"][class*="tahefobu-mobile-nav-menu"] > li.current-menu-item > a,
  [id^="mobile-menu-"][class*="tahefobu-mobile-nav-menu"] > li.current_page_item > a,
  [id^="mobile-menu-"][class*="tahefobu-mobile-nav-menu"] > li.tahefobu-active-menu-item > a
) {
  color: var(--sk-theme-primary) !important;
  background: var(--sk-theme-surface-3) !important;
  border-color: var(--sk-theme-secondary) !important;
  box-shadow: inset 0 -3px 0 var(--sk-theme-secondary), inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .16) !important;
}

/* Verrou sombre : certains styles inline du header utilisent encore des blancs. */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  #tahefobu-header,
  #tahefobu-header .tahefobu-mobile-nav-menu-container,
  #tahefobu-header .tahefobu-mobile-nav-menu,
  #tahefobu-header [id^="mobile-menu-"]
) {
  background-color: var(--sk-theme-surface) !important;
  color: var(--sk-theme-muted) !important;
  border-color: var(--sk-theme-border) !important;
}

/* === Footer / bloc de marque SamaKentra === */
html[data-sk-theme] .sk-bottom-brand {
  color: var(--sk-theme-muted) !important;
  background: linear-gradient(180deg, var(--sk-theme-surface-2) 0%, var(--sk-theme-bg-soft) 100%) !important;
  border-color: var(--sk-theme-border) !important;
  box-shadow: inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .10) !important;
}

html[data-sk-theme] .sk-bottom-brand::before,
html[data-sk-theme] .sk-bottom-brand::after {
  background: linear-gradient(90deg, transparent 0%, var(--sk-theme-secondary) 18%, var(--sk-theme-primary) 50%, var(--sk-theme-secondary) 82%, transparent 100%) !important;
  border-color: var(--sk-theme-border-strong) !important;
  opacity: .72 !important;
}

html[data-sk-theme] .sk-bottom-brand :is(
  .sk-bottom-brand__inner,
  .sk-bottom-brand__legal,
  .sk-bottom-brand__copyright,
  .sk-bottom-brand__text,
  p,span,small
) {
  color: var(--sk-theme-muted) !important;
  background-color: transparent !important;
}

html[data-sk-theme] .sk-bottom-brand a {
  color: var(--sk-theme-primary) !important;
}

html[data-sk-theme] .sk-bottom-brand a:hover {
  color: var(--sk-theme-primary-hover) !important;
}

html[data-sk-theme] .sk-bottom-brand__separator {
  background: var(--sk-theme-border-strong) !important;
  border-color: var(--sk-theme-border-strong) !important;
  opacity: .72 !important;
}

/*
 * Le fichier du logo possède un fond blanc. On ne recolore pas le logo :
 * on fond progressivement les bords de l'image dans le footer afin que le
 * rectangle blanc disparaisse naturellement en clair comme en sombre.
 */
html[data-sk-theme] .sk-bottom-brand__logo {
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, #000 58%, rgba(0,0,0,.96) 70%, rgba(0,0,0,.58) 86%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse at center, #000 0%, #000 58%, rgba(0,0,0,.96) 70%, rgba(0,0,0,.58) 86%, transparent 100%) !important;
  filter: saturate(.96) contrast(.98) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-bottom-brand {
  background: radial-gradient(ellipse at 50% 0%, rgba(var(--sk-theme-secondary-rgb), .10) 0%, transparent 48%), linear-gradient(180deg, var(--sk-theme-surface) 0%, var(--sk-theme-bg) 100%) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .12), 0 -10px 32px rgba(var(--sk-theme-shadow-rgb), .18) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-bottom-brand__logo {
  filter: brightness(.90) saturate(.92) contrast(1.04) !important;
}


/* --------------------------------------------------------------------------
   20. PATCH ULTRA PRIORITAIRE — MENU MOBILE TAHEFOBU / HEADER SOMBRE
   Ce bloc est placé en toute fin de fichier pour gagner les conflits d'ordre.
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  #tahefobu-header,
  .tahefobu-mobile-nav-menu-container,
  .tahefobu-mobile-nav-menu-container nav,
  .tahefobu-mobile-nav-menu-container > div,
  .tahefobu-mobile-nav-menu,
  [id^="mobile-menu-"],
  [id^="mobile-menu-"][class*="tahefobu-mobile-nav-menu"],
  [class*="tahefobu-mobile-nav-menu-container"],
  [class*="tahefobu-mobile-nav-menu"]
) {
  background: linear-gradient(180deg, rgba(var(--sk-theme-surface-rgb), .98) 0%, rgba(var(--sk-theme-bg-soft-rgb), .96) 100%) !important;
  background-color: var(--sk-theme-surface) !important;
  background-image: none !important;
  color: var(--sk-theme-muted) !important;
  border-color: var(--sk-theme-border) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .tahefobu-mobile-nav-menu-container,
  .tahefobu-mobile-nav-menu,
  [id^="mobile-menu-"],
  [id^="mobile-menu-"][class*="tahefobu-mobile-nav-menu"]
) {
  box-shadow: 0 10px 26px rgba(var(--sk-theme-shadow-rgb), .22), inset 0 -1px 0 rgba(var(--sk-theme-aqua-rgb), .12) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .tahefobu-mobile-nav-menu > li,
  [id^="mobile-menu-"] > li,
  [id^="mobile-menu-"][class*="tahefobu-mobile-nav-menu"] > li
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .tahefobu-mobile-nav-menu > li > a,
  [id^="mobile-menu-"] > li > a,
  .tahefobu-mobile-menu-item,
  a.tahefobu-mobile-menu-item,
  .tahefobu-mobile-nav-menu a
) {
  color: var(--sk-theme-muted) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .tahefobu-mobile-nav-menu > li > a span,
  [id^="mobile-menu-"] > li > a span,
  .tahefobu-mobile-menu-item span,
  .tahefobu-mobile-menu-item i,
  .tahefobu-mobile-menu-item svg,
  .tahefobu-mobile-menu-item svg *,
  .tahefobu-mobile-nav-menu a i,
  .tahefobu-mobile-nav-menu a svg,
  .tahefobu-mobile-nav-menu a svg *
),
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .tahefobu-mobile-menu-item,
  .tahefobu-mobile-nav-menu a
)::before,
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .tahefobu-mobile-menu-item,
  .tahefobu-mobile-nav-menu a
)::after {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .tahefobu-mobile-nav-menu li:hover > a,
  [id^="mobile-menu-"] > li:hover > a,
  .tahefobu-mobile-menu-item:hover,
  .tahefobu-mobile-menu-item:focus-visible
) {
  color: var(--sk-theme-text) !important;
  background: rgba(var(--sk-theme-secondary-rgb), .10) !important;
  background-color: rgba(var(--sk-theme-secondary-rgb), .10) !important;
  border-color: rgba(var(--sk-theme-secondary-rgb), .22) !important;
  box-shadow: inset 0 -2px 0 rgba(var(--sk-theme-secondary-rgb), .55) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .tahefobu-mobile-nav-menu li.current-menu-item > a,
  .tahefobu-mobile-nav-menu li.current_page_item > a,
  .tahefobu-mobile-nav-menu li.tahefobu-active-menu-item > a,
  .tahefobu-mobile-nav-menu a.tahefobu-active-menu-item,
  .tahefobu-mobile-menu-item.tahefobu-active-menu-item,
  [id^="mobile-menu-"] > li.current-menu-item > a,
  [id^="mobile-menu-"] > li.current_page_item > a,
  [id^="mobile-menu-"] > li.tahefobu-active-menu-item > a
) {
  color: var(--sk-theme-text) !important;
  background: linear-gradient(180deg, rgba(var(--sk-theme-secondary-rgb), .16) 0%, rgba(var(--sk-theme-secondary-rgb), .10) 100%) !important;
  background-color: rgba(var(--sk-theme-secondary-rgb), .12) !important;
  background-image: linear-gradient(180deg, rgba(var(--sk-theme-secondary-rgb), .16) 0%, rgba(var(--sk-theme-secondary-rgb), .10) 100%) !important;
  border-color: rgba(var(--sk-theme-secondary-rgb), .26) !important;
  box-shadow: inset 0 -3px 0 var(--sk-theme-secondary), inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .14) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .tahefobu-mobile-nav-menu li.current-menu-item > a span,
  .tahefobu-mobile-nav-menu li.current_page_item > a span,
  .tahefobu-mobile-nav-menu li.tahefobu-active-menu-item > a span,
  .tahefobu-mobile-nav-menu a.tahefobu-active-menu-item span,
  .tahefobu-mobile-menu-item.tahefobu-active-menu-item span,
  [id^="mobile-menu-"] > li.current-menu-item > a span,
  [id^="mobile-menu-"] > li.current_page_item > a span,
  [id^="mobile-menu-"] > li.tahefobu-active-menu-item > a span,
  .tahefobu-mobile-nav-menu li.current-menu-item > a i,
  .tahefobu-mobile-nav-menu li.current_page_item > a i,
  .tahefobu-mobile-nav-menu li.tahefobu-active-menu-item > a i,
  .tahefobu-mobile-menu-item.tahefobu-active-menu-item i,
  .tahefobu-mobile-nav-menu li.current-menu-item > a svg,
  .tahefobu-mobile-nav-menu li.current_page_item > a svg,
  .tahefobu-mobile-nav-menu li.tahefobu-active-menu-item > a svg,
  .tahefobu-mobile-menu-item.tahefobu-active-menu-item svg,
  .tahefobu-mobile-nav-menu li.current-menu-item > a svg *,
  .tahefobu-mobile-nav-menu li.current_page_item > a svg *,
  .tahefobu-mobile-nav-menu li.tahefobu-active-menu-item > a svg *,
  .tahefobu-mobile-menu-item.tahefobu-active-menu-item svg *
) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Le conteneur Elementor/widget peut lui aussi injecter du blanc. */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .elementor-widget-tahefobu-navigation-menu,
  .elementor-widget-tahefobu-navigation-menu > .elementor-widget-container,
  .elementor-widget-tahefobu-navigation-menu .elementor-widget-container,
  [data-widget_type="tahefobu-navigation-menu.default"],
  [data-widget_type="tahefobu-navigation-menu.default"] > .elementor-widget-container
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}


/* --------------------------------------------------------------------------
   21. V1.0.5 — BODY THEME HOOK + TAHEFOBU FALLBACK
   Le JavaScript ajoute aussi ces classes directement au body :
   .sk-theme-dark / .sk-theme-auto-dark / .sk-theme-light / .sk-theme-auto-light
   -------------------------------------------------------------------------- */
html[data-sk-theme="dark"] body.sk-theme-dark #tahefobu-header,
html[data-sk-theme="dark"] body.sk-theme-dark #tahefobu-header .tahefobu-mobile-nav-menu-container,
html[data-sk-theme="dark"] body.sk-theme-dark #tahefobu-header ul[id^="mobile-menu-"],
html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark #tahefobu-header,
html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark #tahefobu-header .tahefobu-mobile-nav-menu-container,
html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark #tahefobu-header ul[id^="mobile-menu-"] {
  background: #102023 !important;
  background-color: #102023 !important;
  background-image: none !important;
  color: #A7BFBD !important;
  border-color: #29474A !important;
}

html[data-sk-theme="dark"] body.sk-theme-dark #tahefobu-header ul[id^="mobile-menu-"] > li > a,
html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark #tahefobu-header ul[id^="mobile-menu-"] > li > a {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #A7BFBD !important;
}

html[data-sk-theme="dark"] body.sk-theme-dark #tahefobu-header ul[id^="mobile-menu-"] > li.current-menu-item > a,
html[data-sk-theme="dark"] body.sk-theme-dark #tahefobu-header ul[id^="mobile-menu-"] > li.current_page_item > a,
html[data-sk-theme="dark"] body.sk-theme-dark #tahefobu-header ul[id^="mobile-menu-"] > li.tahefobu-active-menu-item > a,
html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark #tahefobu-header ul[id^="mobile-menu-"] > li.current-menu-item > a,
html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark #tahefobu-header ul[id^="mobile-menu-"] > li.current_page_item > a,
html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark #tahefobu-header ul[id^="mobile-menu-"] > li.tahefobu-active-menu-item > a {
  background: rgba(79,180,182,.14) !important;
  background-color: rgba(79,180,182,.14) !important;
  color: #EAF4F3 !important;
  border-color: #3D6C70 !important;
  box-shadow: inset 0 -3px 0 #4FB4B6 !important;
}

/* Les nouveaux fichiers sont déjà créés pour le thème sombre : pas de filtre/mask. */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body :is(.sk-home-banner img,.sk-bottom-brand__logo) {
  filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}


/* --------------------------------------------------------------------------
   22. V1.0.7 — FOOTER HARD LOCK
   Les captures F12 montrent que le blanc vient de .sk-bottom-brand__inner
   et .sk-bottom-brand__logo-link. Le JS applique aussi ces valeurs inline
   en sombre pour gagner les conflits avec les !important existants.
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body :is(
  .sk-bottom-brand,
  .sk-bottom-brand__inner
) {
  background: #051014 !important;
  background-color: #051014 !important;
  background-image: none !important;
  color: #A7BFBD !important;
  border-color: #29474A !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body .sk-bottom-brand__inner {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body .sk-bottom-brand__logo-link {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body .sk-bottom-brand :is(
  .sk-bottom-brand__legal,
  .sk-bottom-brand__copyright,
  .sk-bottom-brand__text,
  p,span,small
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #A7BFBD !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body .sk-bottom-brand a:not(.sk-bottom-brand__logo-link) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #78D0CC !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body .sk-bottom-brand__separator {
  background: #3D6C70 !important;
  background-color: #3D6C70 !important;
  background-image: none !important;
  border-color: #3D6C70 !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body .sk-bottom-brand__logo {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}


/* --------------------------------------------------------------------------
   23. V1.0.7 — BASCULE CLAIR / SOMBRE INSTANTANÉE + FOOTER #051014
   Le JS applique les mêmes valeurs inline pour gagner les CSS tiers.
   -------------------------------------------------------------------------- */

/* HEADER MOBILE — clair */
:is(html[data-sk-theme="light"], html[data-sk-theme="auto-light"]) body :is(
  #tahefobu-header,
  #tahefobu-header .tahefobu-mobile-nav-menu-container,
  #tahefobu-header ul.tahefobu-mobile-nav-menu,
  #tahefobu-header ul[id^="mobile-menu-"],
  .tahefobu-mobile-nav-menu-container,
  ul.tahefobu-mobile-nav-menu,
  ul[id^="mobile-menu-"]
) {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  color: #687A7B !important;
  border-color: #DFE9E8 !important;
}

:is(html[data-sk-theme="light"], html[data-sk-theme="auto-light"]) body :is(
  #tahefobu-header ul[id^="mobile-menu-"] > li > a,
  ul.tahefobu-mobile-nav-menu > li > a,
  a.tahefobu-mobile-menu-item
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #687A7B !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

:is(html[data-sk-theme="light"], html[data-sk-theme="auto-light"]) body :is(
  #tahefobu-header ul[id^="mobile-menu-"] > li.current-menu-item > a,
  #tahefobu-header ul[id^="mobile-menu-"] > li.current_page_item > a,
  #tahefobu-header ul[id^="mobile-menu-"] > li.tahefobu-active-menu-item > a,
  ul.tahefobu-mobile-nav-menu > li.current-menu-item > a,
  ul.tahefobu-mobile-nav-menu > li.current_page_item > a,
  ul.tahefobu-mobile-nav-menu > li.tahefobu-active-menu-item > a
) {
  background: #EEF7F6 !important;
  background-color: #EEF7F6 !important;
  color: #176B70 !important;
  border-color: #A8D3D1 !important;
  box-shadow: inset 0 -3px 0 #248B8E !important;
}

/* FOOTER — sombre, toutes les zones utilisent exactement #051014 */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body :is(
  .sk-bottom-brand,
  .sk-bottom-brand__inner,
  .sk-bottom-brand__logo-link,
  .sk-bottom-brand__legal,
  .sk-bottom-brand__copyright,
  .sk-bottom-brand__text
) {
  background: #051014 !important;
  background-color: #051014 !important;
  background-image: none !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body .elementor-widget-html:has(.sk-bottom-brand),
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) body .elementor-widget-html:has(.sk-bottom-brand) > .elementor-widget-container {
  background: #051014 !important;
  background-color: #051014 !important;
  background-image: none !important;
}

/* FOOTER — clair, retour immédiat sans rechargement */
:is(html[data-sk-theme="light"], html[data-sk-theme="auto-light"]) body :is(
  .sk-bottom-brand,
  .sk-bottom-brand__inner,
  .sk-bottom-brand__logo-link,
  .sk-bottom-brand__legal,
  .sk-bottom-brand__copyright,
  .sk-bottom-brand__text
) {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  color: #687A7B !important;
  border-color: #DFE9E8 !important;
}

:is(html[data-sk-theme="light"], html[data-sk-theme="auto-light"]) body .elementor-widget-html:has(.sk-bottom-brand),
:is(html[data-sk-theme="light"], html[data-sk-theme="auto-light"]) body .elementor-widget-html:has(.sk-bottom-brand) > .elementor-widget-container {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
}

:is(html[data-sk-theme="light"], html[data-sk-theme="auto-light"]) body .sk-bottom-brand :is(p,span,small) {
  color: #687A7B !important;
}

:is(html[data-sk-theme="light"], html[data-sk-theme="auto-light"]) body .sk-bottom-brand a:not(.sk-bottom-brand__logo-link) {
  color: #176B70 !important;
}

:is(html[data-sk-theme="light"], html[data-sk-theme="auto-light"]) body .sk-bottom-brand__separator {
  background: #A8D3D1 !important;
  background-color: #A8D3D1 !important;
  border-color: #A8D3D1 !important;
}


/* --------------------------------------------------------------------------
   24. V1.0.8 — HEADERS PREMIUM / SKFA / PLAYLIST / BETTER MESSAGES
   Sombre uniquement sauf le retrait des fonds de métadonnées playlist.
   -------------------------------------------------------------------------- */

/* ===== 24.1 Headers Besoins + Catégories + Thématiques ==================== */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) :is(
  .samakentra-besoin-header,
  .samakentra-autohypnose-header,
  .samakentra-auto-hypnose-header,
  .samakentra-meditation-header,
  .samakentra-chant-immersif-header,
  .samakentra-chantimmersif-header,
  .samakentra-mantra-header,
  .samakentra-musique-header,
  .samakentra-music-header,
  .samakentra-thematique-header
) {
  color: #EAF4F3 !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(79,180,182,.14) 0%, rgba(79,180,182,0) 36%),
    linear-gradient(145deg, #102023 0%, #0D1B1E 56%, #091619 100%) !important;
  background-color: #102023 !important;
  border-color: #29474A !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.28),
    0 5px 14px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(120,208,204,.10),
    inset 0 -1px 0 rgba(79,180,182,.06) !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) :is(
  .samakentra-besoin-header,
  .samakentra-autohypnose-header,
  .samakentra-auto-hypnose-header,
  .samakentra-meditation-header,
  .samakentra-chant-immersif-header,
  .samakentra-chantimmersif-header,
  .samakentra-mantra-header,
  .samakentra-musique-header,
  .samakentra-music-header,
  .samakentra-thematique-header
) :is(
  .samakentra-besoin-header-content,
  .samakentra-autohypnose-header-content,
  .samakentra-auto-hypnose-header-content,
  .samakentra-meditation-header-content,
  .samakentra-chant-immersif-header-content,
  .samakentra-chantimmersif-header-content,
  .samakentra-mantra-header-content,
  .samakentra-musique-header-content,
  .samakentra-music-header-content,
  .samakentra-thematique-header-content
) {
  color: #EAF4F3 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Titres : blanc franc et premium. */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) :is(
  .samakentra-besoin-header,
  .samakentra-autohypnose-header,
  .samakentra-auto-hypnose-header,
  .samakentra-meditation-header,
  .samakentra-chant-immersif-header,
  .samakentra-chantimmersif-header,
  .samakentra-mantra-header,
  .samakentra-musique-header,
  .samakentra-music-header,
  .samakentra-thematique-header
) :is(h1,h2,h3,h4,strong,.title,[class$="-title"]) {
  color: #F7FFFF !important;
  -webkit-text-fill-color: #F7FFFF !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.20) !important;
}

/* Descriptions / sous-titres : aqua clair lisible. */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) :is(
  .samakentra-besoin-header,
  .samakentra-autohypnose-header,
  .samakentra-auto-hypnose-header,
  .samakentra-meditation-header,
  .samakentra-chant-immersif-header,
  .samakentra-chantimmersif-header,
  .samakentra-mantra-header,
  .samakentra-musique-header,
  .samakentra-music-header,
  .samakentra-thematique-header
) :is(p,.description,.subtitle,[class$="-subtitle"],[class$="-description"]) {
  color: #A7BFBD !important;
  -webkit-text-fill-color: #A7BFBD !important;
}

/* Labels / badges des headers. */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) :is(
  .samakentra-besoin-header-label,
  .samakentra-autohypnose-header-label,
  .samakentra-auto-hypnose-header-label,
  .samakentra-meditation-header-label,
  .samakentra-chant-immersif-header-label,
  .samakentra-chantimmersif-header-label,
  .samakentra-mantra-header-label,
  .samakentra-musique-header-label,
  .samakentra-music-header-label,
  .samakentra-thematique-header-label
) {
  color: #78D0CC !important;
  -webkit-text-fill-color: #78D0CC !important;
  background: rgba(79,180,182,.12) !important;
  background-color: rgba(79,180,182,.12) !important;
  border-color: rgba(120,208,204,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Les conteneurs d'images restent intégrés à la carte sombre. */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) :is(
  .samakentra-besoin-header-image,
  .samakentra-autohypnose-header-image,
  .samakentra-auto-hypnose-header-image,
  .samakentra-meditation-header-image,
  .samakentra-chant-immersif-header-image,
  .samakentra-chantimmersif-header-image,
  .samakentra-mantra-header-image,
  .samakentra-musique-header-image,
  .samakentra-music-header-image,
  .samakentra-thematique-header-image
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #315D60 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.20) !important;
}

/* ===== 24.2 Accordéon SKFA — fermé ET ouvert ============================== */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .skfa {
  color: #EAF4F3 !important;
  background: #102023 !important;
  background-color: #102023 !important;
  background-image: none !important;
  border-color: #29474A !important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(120,208,204,.08) !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .skfa::before,
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .skfa::after {
  border-color: #315D60 !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .skfa .skfa__toggle {
  color: #EAF4F3 !important;
  background:
    linear-gradient(180deg, rgba(20,40,43,.98) 0%, rgba(16,32,35,.98) 100%) !important;
  background-color: #102023 !important;
  border-color: #29474A !important;
  box-shadow: inset 0 -1px 0 rgba(120,208,204,.06) !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .skfa.is-open .skfa__toggle,
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .skfa[aria-expanded="true"] .skfa__toggle {
  background:
    linear-gradient(180deg, rgba(25,54,58,.96) 0%, rgba(16,32,35,.98) 100%) !important;
  background-color: #14282B !important;
  border-color: #3D6C70 !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .skfa :is(.skfa__title,.skfa__texts > .skfa__title) {
  color: #F7FFFF !important;
  -webkit-text-fill-color: #F7FFFF !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .skfa :is(
  .skfa__subtitle,
  .skfa__description,
  .skfa__texts small,
  .skfa__texts p
) {
  color: #9FC3C1 !important;
  -webkit-text-fill-color: #9FC3C1 !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .skfa :is(
  .skfa__icon,
  .skfa__icon svg,
  .skfa__icon svg *,
  .skfa__toggle svg,
  .skfa__toggle svg *,
  .skfa__toggle i
) {
  color: #78D0CC !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .skfa .skfa__body {
  color: #EAF4F3 !important;
  background: #0E1B1D !important;
  background-color: #0E1B1D !important;
  background-image: none !important;
  border-color: #29474A !important;
}

/* ===== 24.3 Playlist — suppression des 3 fonds parasites ================== */
html[data-sk-theme] .srp_tracklist .sr-playlist-item :is(
  .sr-playlist-cf--playlist-category,
  .sr-playlist-cf--voix,
  .sr-playlist-cf--ambiance
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* ===== 24.4 Better Messages — texte et icônes lisibles en sombre ========== */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  .thread-not-selected,
  .thread-not-selected.empty,
  .empty,
  .bbpm-empty-message,
  .bbpm-empty-or
) {
  color: #A7BFBD !important;
  -webkit-text-fill-color: #A7BFBD !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  .bbpm-empty-icon,
  .bbpm-empty-icon svg,
  .bbpm-empty-icon svg *,
  .bbpm-empty-icon i,
  .bbpm-empty-icon::before,
  .bbpm-empty-icon::after
) {
  color: #78D0CC !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  border-color: currentColor !important;
}

/* Sidebar / liste des conversations. */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  .threads-list,
  .bp-messages-threads-list,
  .bp-messages-side-threads,
  .bm-threads-list,
  .bm-thread-list,
  .bm-sidebar,
  .bm-side
) {
  color: #EAF4F3 !important;
  background-color: #102023 !important;
  border-color: #29474A !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  .threads-list,
  .bp-messages-threads-list,
  .bp-messages-side-threads,
  .bm-threads-list,
  .bm-thread-list,
  .bm-sidebar,
  .bm-side
) :is(a,.name,.user,.username,.thread-title,.title,strong,b) {
  color: #EAF4F3 !important;
  -webkit-text-fill-color: #EAF4F3 !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  .threads-list,
  .bp-messages-threads-list,
  .bp-messages-side-threads,
  .bm-threads-list,
  .bm-thread-list,
  .bm-sidebar,
  .bm-side
) :is(.last-message,.message,.excerpt,.preview,.time,.date,small) {
  color: #91AEAC !important;
  -webkit-text-fill-color: #91AEAC !important;
}

/* Formulaire de message + contrôles et icônes. */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  .bm-messages-form,
  .bm-reply,
  .bm-editor-wrap,
  .bm-message-form,
  .bm-compose
) {
  color: #EAF4F3 !important;
  background: #102023 !important;
  background-color: #102023 !important;
  border-color: #29474A !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  textarea,
  [contenteditable="true"],
  .bm-editor
) {
  color: #EAF4F3 !important;
  -webkit-text-fill-color: #EAF4F3 !important;
  caret-color: #78D0CC !important;
  background: #14282B !important;
  background-color: #14282B !important;
  border-color: #315D60 !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  textarea,
  .bm-editor
)::placeholder,
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-editor:empty::before,
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-editor[data-placeholder]::before {
  color: #91AEAC !important;
  -webkit-text-fill-color: #91AEAC !important;
  opacity: 1 !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  .bm-messages-form,
  .bm-reply,
  .bm-editor-wrap,
  .bm-message-form,
  .bm-compose
) :is(button,a,svg,svg *,i,[class*="icon"]) {
  color: #78D0CC !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Zone centrale / textes génériques Better Messages, sans toucher aux bulles. */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  .thread-not-selected,
  .bm-messages-list,
  .bm-messages-stack,
  .bm-messages-container
) :is(p,span,label) {
  color: #A7BFBD !important;
}

/* On réaffirme les couleurs des bulles après les règles génériques ci-dessus. */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-message:not(.my) .bm-message-content,
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-message:not(.my) .bm-message-content * {
  color: #F7FFFF !important;
  -webkit-text-fill-color: #F7FFFF !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-message.my .bm-message-content,
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-message.my .bm-message-content * {
  color: #EAF4F3 !important;
  -webkit-text-fill-color: #EAF4F3 !important;
}


/* ========================================================================== 
   25. V1.0.10 — BETTER MESSAGES + PAGES LÉGALES / SOMBRE
   Couleurs, fonds, bordures et icônes uniquement. Aucun positionnement.
   ========================================================================== */

/* --------------------------------------------------------------------------
   25.1 Better Messages — barre de saisie : pièce jointe / emojis / pied gauche
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  .bm-reply,
  .bm-attachments,
  .bm-attachment,
  .bm-emojies,
  .chat-footer
) {
  border-color: #29474A !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  .bm-attachment,
  .bm-emojies,
  .chat-footer
) {
  color: #78D0CC !important;
  background: #102023 !important;
  background-color: #102023 !important;
  background-image: none !important;
  box-shadow: none !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap :is(
  .bm-attachment:hover,
  .bm-emojies:hover,
  .chat-footer a:hover,
  .chat-footer .settings:hover
) {
  color: #A8E5E1 !important;
  background: #14282B !important;
  background-color: #14282B !important;
  border-color: #3D6C70 !important;
}

/*
 * Le patch générique précédent mettait fill + stroke sur tous les chemins SVG.
 * Pour l'icône pièce jointe Material, cela transforme le trombone en losange.
 * On restaure ici son dessin natif : premier path transparent, second path rempli.
 */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-attachment svg {
  color: #78D0CC !important;
  fill: currentColor !important;
  stroke: none !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-attachment svg path:first-child {
  fill: none !important;
  stroke: none !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-attachment svg path:not(:first-child) {
  fill: currentColor !important;
  stroke: none !important;
}

/* Icône smiley : garder un pictogramme au trait, sans plaque blanche. */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-emojies svg {
  color: #78D0CC !important;
  fill: none !important;
  stroke: currentColor !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-emojies svg * {
  fill: none !important;
  stroke: currentColor !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .chat-footer :is(
  a,
  .settings,
  svg,
  svg *,
  i
) {
  color: #78D0CC !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* --------------------------------------------------------------------------
   25.2 Better Messages — panneau « Information about the conversation »
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-thread-info-container {
  color: #EAF4F3 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(36,139,142,.09) 0%, transparent 44%),
    linear-gradient(180deg, #102023 0%, #0B1719 100%) !important;
  background-color: #102023 !important;
  border-color: #29474A !important;
  box-shadow: inset 0 1px 0 rgba(168,211,209,.08) !important;
}

/* Les sous-panneaux de Better Messages appliquent parfois leur propre blanc. */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-thread-info-container :is(
  [class*="thread-info"],
  [class*="thread-attachment"],
  [class*="thread-participant"],
  [class*="thread-action"],
  [class*="thread-option"],
  [class*="thread-setting"],
  .bm-thread-attachments,
  .bm-thread-attachments-images
) {
  color: #EAF4F3 !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #29474A !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-thread-info-container :is(
  h1,h2,h3,h4,h5,h6,
  strong,b,
  .name,.username,.title,.bm-thread-info-title
) {
  color: #F7FFFF !important;
  -webkit-text-fill-color: #F7FFFF !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-thread-info-container :is(
  p,span,label,small,.description,.meta
) {
  color: #A7BFBD !important;
  -webkit-text-fill-color: #A7BFBD !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-thread-info-container :is(
  button,
  a.button,
  [role="button"],
  .bm-thread-info-action,
  [class*="action-button"]
) {
  color: #78D0CC !important;
  background: linear-gradient(180deg, #14282B 0%, #102023 100%) !important;
  background-color: #14282B !important;
  border-color: #315D60 !important;
  box-shadow: inset 0 1px 0 rgba(168,211,209,.08), 0 5px 14px rgba(0,0,0,.16) !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-thread-info-container :is(
  button,
  a.button,
  [role="button"],
  .bm-thread-info-action,
  [class*="action-button"]
):hover {
  color: #EAF4F3 !important;
  background: #183033 !important;
  background-color: #183033 !important;
  border-color: #4A7C7F !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-thread-info-container :is(
  svg,
  svg *,
  i,
  [class*="icon"]
) {
  color: #78D0CC !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Barre/pièce « Attachments » en bas du panneau d'informations. */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .bp-messages-wrap .bm-thread-info-container :is(
  .bm-thread-attachments,
  .bm-thread-attachments-images,
  [class*="attachments"]
) {
  color: #A7BFBD !important;
  background: #14282B !important;
  background-color: #14282B !important;
  border-color: #315D60 !important;
  box-shadow: inset 0 1px 0 rgba(168,211,209,.06) !important;
}

/* --------------------------------------------------------------------------
   25.3 Conditions / confidentialité — notice légale
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page {
  color: #EAF4F3 !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-legal-notice {
  color: #DCEBEA !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(36,139,142,.12) 0%, transparent 34%),
    linear-gradient(135deg, #14282B 0%, #102023 62%, #0E1B1D 100%) !important;
  background-color: #102023 !important;
  border-color: #315D60 !important;
  box-shadow:
    inset 0 1px 0 rgba(168,211,209,.10),
    0 10px 28px rgba(0,0,0,.16) !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-legal-notice :is(p,span,strong,b) {
  color: #DCEBEA !important;
  -webkit-text-fill-color: #DCEBEA !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-legal-notice__icon {
  color: #A8E5E1 !important;
  background: #176B70 !important;
  background-color: #176B70 !important;
  border-color: #248B8E !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-legal-notice__icon :is(svg,svg *,i) {
  color: #F7FFFF !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* --------------------------------------------------------------------------
   25.4 Conditions / confidentialité — accordéons juridiques
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-accordion__item {
  color: #EAF4F3 !important;
  background: #0E1B1D !important;
  background-color: #0E1B1D !important;
  background-image: none !important;
  border-color: #315D60 !important;
  box-shadow:
    inset 0 1px 0 rgba(168,211,209,.06),
    0 8px 22px rgba(0,0,0,.14) !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-accordion__summary {
  color: #F7FFFF !important;
  background: linear-gradient(180deg, #14282B 0%, #102023 100%) !important;
  background-color: #14282B !important;
  background-image: linear-gradient(180deg, #14282B 0%, #102023 100%) !important;
  border-color: #315D60 !important;
  box-shadow: inset 0 -1px 0 rgba(168,211,209,.08) !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-accordion__item[open] .sk-accordion__summary {
  background: linear-gradient(180deg, #183033 0%, #122629 100%) !important;
  background-color: #183033 !important;
  border-color: #3D6C70 !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-accordion__number {
  color: #F7FFFF !important;
  -webkit-text-fill-color: #F7FFFF !important;
  background: #176B70 !important;
  background-color: #176B70 !important;
  border-color: #248B8E !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-accordion__title {
  color: #F7FFFF !important;
  -webkit-text-fill-color: #F7FFFF !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-accordion__summary :is(svg,svg *,i)::before,
:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-accordion__summary :is(svg,svg *,i) {
  color: #78D0CC !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-accordion__item > :not(summary) {
  color: #D5E5E3 !important;
  background: #0E1B1D !important;
  background-color: #0E1B1D !important;
  border-color: #29474A !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page .sk-accordion__item > :not(summary) :is(
  p,li,span,strong,b,h2,h3,h4,h5,h6
) {
  color: #D5E5E3 !important;
  -webkit-text-fill-color: #D5E5E3 !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page :is(
  .sk-legal-notice,
  .sk-accordion__item
) a {
  color: #78D0CC !important;
  -webkit-text-fill-color: #78D0CC !important;
  text-decoration-color: rgba(120,208,204,.65) !important;
}

:is(html[data-sk-theme="dark"] body.sk-theme-dark, html[data-sk-theme="auto-dark"] body.sk-theme-auto-dark) .sk-legal-page :is(
  .sk-legal-notice,
  .sk-accordion__item
) a:hover {
  color: #A8E5E1 !important;
  -webkit-text-fill-color: #A8E5E1 !important;
  text-decoration-color: #A8E5E1 !important;
}

/* ========================================================================== 
   26. PATCH 1.0.13 — MINI STICKY / PROFIL / LIENS LÉGAUX / SUPPRESSION
   Sombre + Auto sombre uniquement.
   Aucun changement de géométrie : couleurs, fonds, bordures, ombres, icônes.
   ========================================================================== */

/* --------------------------------------------------------------------------
   26.1 Sticky player Sonaar — vue mini mobile
   Empêche la barre player-row de repasser en blanc lorsque le lecteur est
   réduit sur les petits écrans.
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  :is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) #sonaar-player .player .player-row {
    color: var(--sk-theme-text) !important;
    background:
      linear-gradient(180deg,
        rgba(var(--sk-theme-aqua-rgb), .42) 0%,
        var(--sk-theme-surface-2) 24%,
        var(--sk-theme-surface) 62%,
        var(--sk-theme-surface) 100%) !important;
    background-color: var(--sk-theme-surface) !important;
    border-color: var(--sk-theme-border-strong) !important;
    box-shadow: inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .18) !important;
  }

  :is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) #sonaar-player .player .player-row :is(
    .playerNowPlaying,
    .metadata,
    .album-art,
    .albumArt,
    .player-controls,
    .controls,
    .buttons
  ) {
    background-color: transparent !important;
    background-image: none !important;
  }

  :is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) #sonaar-player .player .player-row::before,
  :is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) #sonaar-player .player .player-row::after {
    background-color: transparent !important;
    background-image: none !important;
  }
}

/* --------------------------------------------------------------------------
   26.2 Formulaire « Mon espace / Profil » — carte complète en sombre
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile {
  color: var(--sk-theme-text) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card {
  color: var(--sk-theme-text) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(var(--sk-theme-secondary-rgb), .11) 0%, transparent 34%),
    linear-gradient(135deg, var(--sk-theme-surface-2) 0%, var(--sk-theme-surface) 58%, var(--sk-theme-bg-soft) 100%) !important;
  background-color: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .22),
    inset 0 0 0 1px rgba(var(--sk-theme-secondary-rgb), .045),
    0 14px 38px rgba(var(--sk-theme-shadow-rgb), .28) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card :is(
  .sk-profile-header,
  .sk-profile-form,
  .sk-profile-avatar,
  .sk-profile-grid,
  .sk-profile-field,
  .sk-profile-actions
) {
  color: var(--sk-theme-text) !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--sk-theme-border) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card .sk-profile-header {
  border-color: var(--sk-theme-border) !important;
  box-shadow: inset 0 -1px 0 rgba(var(--sk-theme-aqua-rgb), .12) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card :is(
  h1,h2,h3,h4,
  .sk-profile-title,
  .sk-profile-label,
  label,
  strong,b
) {
  color: var(--sk-theme-text) !important;
  -webkit-text-fill-color: var(--sk-theme-text) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card :is(
  p,
  .sk-profile-help,
  .sk-profile-description,
  .sk-profile-avatar-help,
  small
) {
  color: var(--sk-theme-muted) !important;
  -webkit-text-fill-color: var(--sk-theme-muted) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card :is(
  .sk-profile-input,
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="tel"],
  input[type="password"],
  textarea,
  select
) {
  color: var(--sk-theme-text) !important;
  -webkit-text-fill-color: var(--sk-theme-text) !important;
  background: linear-gradient(180deg, var(--sk-theme-bg-soft) 0%, var(--sk-theme-surface) 100%) !important;
  background-color: var(--sk-theme-bg-soft) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow:
    inset 0 1px 2px rgba(var(--sk-theme-shadow-rgb), .26),
    0 0 0 1px rgba(var(--sk-theme-secondary-rgb), .025) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card :is(
  .sk-profile-input,
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="tel"],
  input[type="password"],
  textarea,
  select
):focus {
  color: var(--sk-theme-white-on-brand) !important;
  background-color: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-secondary) !important;
  box-shadow: 0 0 0 3px rgba(var(--sk-theme-secondary-rgb), .20), inset 0 1px 2px rgba(var(--sk-theme-shadow-rgb), .24) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card :is(input,textarea)::placeholder {
  color: var(--sk-theme-disabled) !important;
  -webkit-text-fill-color: var(--sk-theme-disabled) !important;
  opacity: 1 !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card input[type="file"] {
  color: var(--sk-theme-muted) !important;
  -webkit-text-fill-color: var(--sk-theme-muted) !important;
  background-color: transparent !important;
  border-color: var(--sk-theme-border) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card input[type="file"]::file-selector-button {
  color: var(--sk-theme-primary) !important;
  background: linear-gradient(180deg, var(--sk-theme-surface-3) 0%, var(--sk-theme-surface-2) 100%) !important;
  background-color: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow: inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .14) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card input[type="file"]::file-selector-button:hover {
  color: var(--sk-theme-white-on-brand) !important;
  background: var(--sk-theme-action) !important;
  background-color: var(--sk-theme-action) !important;
  border-color: var(--sk-theme-secondary) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card :is(
  .sk-profile-actions button,
  .sk-profile-actions input[type="submit"],
  button[type="submit"],
  input[type="submit"]
) {
  color: var(--sk-theme-white-on-brand) !important;
  -webkit-text-fill-color: var(--sk-theme-white-on-brand) !important;
  background: linear-gradient(180deg, var(--sk-theme-secondary) 0%, var(--sk-theme-action) 100%) !important;
  background-color: var(--sk-theme-action) !important;
  border-color: var(--sk-theme-secondary) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 7px 18px rgba(var(--sk-theme-shadow-rgb), .24) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-profile-card :is(
  .sk-profile-actions button,
  .sk-profile-actions input[type="submit"],
  button[type="submit"],
  input[type="submit"]
):hover {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: linear-gradient(180deg, var(--sk-theme-primary-hover) 0%, var(--sk-theme-action-hover) 100%) !important;
  background-color: var(--sk-theme-action-hover) !important;
  border-color: var(--sk-theme-primary) !important;
}

/* --------------------------------------------------------------------------
   26.3 Liens légaux du compte — Conditions / Confidentialité
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-legal-links {
  color: var(--sk-theme-text) !important;
  background-color: transparent !important;
  background-image: none !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-legal-links .sk-legal-button {
  color: var(--sk-theme-primary) !important;
  -webkit-text-fill-color: var(--sk-theme-primary) !important;
  background: linear-gradient(180deg, var(--sk-theme-surface-2) 0%, var(--sk-theme-surface) 100%) !important;
  background-color: var(--sk-theme-surface) !important;
  background-image: linear-gradient(180deg, var(--sk-theme-surface-2) 0%, var(--sk-theme-surface) 100%) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .14),
    0 6px 16px rgba(var(--sk-theme-shadow-rgb), .18) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-legal-links .sk-legal-button:hover {
  color: var(--sk-theme-white-on-brand) !important;
  -webkit-text-fill-color: var(--sk-theme-white-on-brand) !important;
  background: linear-gradient(180deg, var(--sk-theme-action) 0%, var(--sk-theme-action-hover) 100%) !important;
  background-color: var(--sk-theme-action) !important;
  border-color: var(--sk-theme-secondary) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 8px 20px rgba(var(--sk-theme-shadow-rgb), .24) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-legal-links .sk-legal-button :is(svg,svg *,i),
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-legal-links .sk-legal-button::before,
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-legal-links .sk-legal-button::after {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* --------------------------------------------------------------------------
   26.4 Suppression de compte — danger rouge en mode sombre
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-delete-account-btn-wrapper {
  background-color: transparent !important;
  background-image: none !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-delete-account-btn {
  color: #FFD9DC !important;
  -webkit-text-fill-color: #FFD9DC !important;
  background: linear-gradient(180deg, #5A1C22 0%, #401317 100%) !important;
  background-color: #4A171C !important;
  background-image: linear-gradient(180deg, #5A1C22 0%, #401317 100%) !important;
  border-color: #B94A55 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 7px 18px rgba(83,18,25,.26),
    0 0 0 1px rgba(185,74,85,.10) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-delete-account-btn:hover {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: linear-gradient(180deg, #7A252D 0%, #5A1C22 100%) !important;
  background-color: #681F27 !important;
  border-color: #E16A74 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 9px 22px rgba(120,24,34,.34),
    0 0 0 2px rgba(225,106,116,.10) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-delete-account-btn :is(svg,svg *,i),
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-delete-account-btn::before,
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-delete-account-btn::after {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}


/* --------------------------------------------------------------------------
   27. Auth forms — Connexion / Inscription / Mot de passe oublié
   Cohérence sombre premium sur .sk-login-card / .sk-register-card / .sk-recover-card
   -------------------------------------------------------------------------- */
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) {
  color: var(--sk-theme-text) !important;
  background: linear-gradient(180deg, var(--sk-theme-surface-glass) 0%, rgba(20,40,43,.98) 100%) !important;
  background-color: var(--sk-theme-surface) !important;
  background-image: linear-gradient(180deg, var(--sk-theme-surface-glass) 0%, rgba(20,40,43,.98) 100%) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 42px rgba(var(--sk-theme-shadow-rgb), .34),
    0 0 0 1px rgba(var(--sk-theme-aqua-rgb), .06) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card,
  .sk-login-content,
  .sk-register-content,
  .sk-recover-content
) :is(h1,h2,h3,.sk-login-title,.sk-register-title,.sk-recover-title) {
  color: var(--sk-theme-text) !important;
  -webkit-text-fill-color: var(--sk-theme-text) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card,
  .sk-login-content,
  .sk-register-content,
  .sk-recover-content
) :is(p,li,small,strong,em,.sk-login-intro,.sk-register-intro,.sk-recover-intro,.sk-login-back,.sk-register-back,.sk-recover-back) {
  color: var(--sk-theme-muted) !important;
  -webkit-text-fill-color: var(--sk-theme-muted) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(.sk-login-separator,.sk-register-separator,.sk-recover-separator) {
  background: linear-gradient(90deg, transparent 0%, var(--sk-theme-secondary) 18%, var(--sk-theme-action) 50%, var(--sk-theme-secondary) 82%, transparent 100%) !important;
  background-color: var(--sk-theme-secondary) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(.sk-login-icon,.sk-register-icon,.sk-recover-icon) {
  color: var(--sk-theme-primary) !important;
  background: linear-gradient(180deg, var(--sk-theme-surface-2) 0%, var(--sk-theme-surface) 100%) !important;
  background-color: var(--sk-theme-surface-2) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .16),
    0 8px 20px rgba(var(--sk-theme-shadow-rgb), .20) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(.sk-login-icon,.sk-register-icon,.sk-recover-icon) :is(svg,svg *,i) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(label,.sk-login-label,.sk-register-label,.sk-recover-label) {
  color: var(--sk-theme-text) !important;
  -webkit-text-fill-color: var(--sk-theme-text) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(input:not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]), textarea, select) {
  color: var(--sk-theme-text) !important;
  -webkit-text-fill-color: var(--sk-theme-text) !important;
  caret-color: var(--sk-theme-primary) !important;
  background: linear-gradient(180deg, #0D1A1D 0%, #0B1719 100%) !important;
  background-color: #0D1A1D !important;
  background-image: linear-gradient(180deg, #0D1A1D 0%, #0B1719 100%) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 8px 18px rgba(var(--sk-theme-shadow-rgb), .16) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(input:not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]), textarea, select)::placeholder {
  color: var(--sk-theme-muted) !important;
  opacity: 1 !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(input:not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]), textarea, select):focus {
  color: var(--sk-theme-text) !important;
  background: linear-gradient(180deg, #112327 0%, #0D1C1F 100%) !important;
  background-color: #112327 !important;
  border-color: var(--sk-theme-secondary) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 3px rgba(var(--sk-theme-secondary-rgb), .18),
    0 10px 24px rgba(var(--sk-theme-shadow-rgb), .18) !important;
  outline: none !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) input:-webkit-autofill,
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) input:-webkit-autofill:hover,
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--sk-theme-text) !important;
  -webkit-box-shadow: 0 0 0 1000px #0D1A1D inset, 0 8px 18px rgba(var(--sk-theme-shadow-rgb), .16) !important;
  box-shadow: 0 0 0 1000px #0D1A1D inset, 0 8px 18px rgba(var(--sk-theme-shadow-rgb), .16) !important;
  transition: background-color 9999s ease-out 0s !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--sk-theme-secondary) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(.login-remember label, .sk-login-remember, .sk-register-remember, .sk-recover-help, .wppb-form-field label[for], .wppb-checkbox-label) {
  color: var(--sk-theme-muted) !important;
  -webkit-text-fill-color: var(--sk-theme-muted) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(button, input[type="submit"], input[type="button"], .button, .wppb-submit, .sk-login-submit, .sk-register-submit, .sk-recover-submit) {
  color: var(--sk-theme-white-on-brand) !important;
  -webkit-text-fill-color: var(--sk-theme-white-on-brand) !important;
  background: linear-gradient(180deg, var(--sk-theme-secondary) 0%, var(--sk-theme-action) 100%) !important;
  background-color: var(--sk-theme-action) !important;
  background-image: linear-gradient(180deg, var(--sk-theme-secondary) 0%, var(--sk-theme-action) 100%) !important;
  border-color: var(--sk-theme-secondary) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 9px 22px rgba(var(--sk-theme-shadow-rgb), .24) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(button, input[type="submit"], input[type="button"], .button, .wppb-submit, .sk-login-submit, .sk-register-submit, .sk-recover-submit):hover {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: linear-gradient(180deg, var(--sk-theme-primary-hover) 0%, var(--sk-theme-action-hover) 100%) !important;
  background-color: var(--sk-theme-action-hover) !important;
  border-color: var(--sk-theme-primary) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(a, .sk-login-back a, .sk-register-back a, .sk-recover-back a) {
  color: var(--sk-theme-primary) !important;
  -webkit-text-fill-color: var(--sk-theme-primary) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) :is(
  .sk-login-card,
  .sk-register-card,
  .sk-recover-card
) :is(a:hover, .sk-login-back a:hover, .sk-register-back a:hover, .sk-recover-back a:hover) {
  color: var(--sk-theme-primary-hover) !important;
  -webkit-text-fill-color: var(--sk-theme-primary-hover) !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-register-card .wppb-password-strength {
  color: #1A2223 !important;
  background: #D8C061 !important;
  border-color: #E8C66A !important;
}

:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-login-card .nsl-container-buttons a,
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-login-card .nsl-button,
:is(html[data-sk-theme="dark"], html[data-sk-theme="auto-dark"]) .sk-login-card .nsl-container-buttons > * {
  color: var(--sk-theme-text) !important;
  -webkit-text-fill-color: var(--sk-theme-text) !important;
  background: linear-gradient(180deg, var(--sk-theme-surface-2) 0%, var(--sk-theme-surface) 100%) !important;
  background-color: var(--sk-theme-surface) !important;
  border-color: var(--sk-theme-border-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--sk-theme-aqua-rgb), .12),
    0 8px 18px rgba(var(--sk-theme-shadow-rgb), .16) !important;
}


/* ========================================================================== 
   28. PATCH 1.0.15 — PLAYER HOVER + ALIGNEMENT ROUE
   - Aucun fond ajouté au survol des commandes du sticky player.
   - Le feedback hover reste uniquement porté par la couleur de l'icône.
   - La roue utilise le même plan d'empilement que .close.btn-player (z-index 30,
     défini côté layout PHP) et est remontée de 2 px.
   ========================================================================== */

/* --------------------------------------------------------------------------
   28.1 Sticky player — supprimer le pavé de fond au hover des commandes
   Desktop, tablette et mobile, clair/sombre/auto.
   -------------------------------------------------------------------------- */
html[data-sk-theme] #sonaar-player .player .player-row :is(
  .control,
  .controls button,
  .buttons button,
  .play,
  .pause,
  .playPause,
  .play-pause,
  .sr-play-pause,
  .srp_play_pause,
  [class*="play-pause"],
  [class*="play_pause"]
):hover,
html[data-sk-theme] #sonaar-player .player .player-row :is(
  .control,
  .controls button,
  .buttons button,
  .play,
  .pause,
  .playPause,
  .play-pause,
  .sr-play-pause,
  .srp_play_pause,
  [class*="play-pause"],
  [class*="play_pause"]
):focus-visible {
  color: var(--sk-theme-primary-hover) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Le conteneur d'une commande peut lui-même recevoir le hover Sonaar. */
html[data-sk-theme] #sonaar-player .player .player-row :is(
  .control,
  .controls,
  .buttons,
  [class*="control"]
):hover {
  background-color: transparent !important;
  background-image: none !important;
}

/* Empêche également un pseudo-élément de recréer le rectangle de hover. */
html[data-sk-theme] #sonaar-player .player .player-row :is(
  .control,
  .controls button,
  .buttons button,
  .play,
  .pause,
  .playPause,
  .play-pause,
  .sr-play-pause,
  .srp_play_pause,
  [class*="play-pause"],
  [class*="play_pause"]
):hover::before,
html[data-sk-theme] #sonaar-player .player .player-row :is(
  .control,
  .controls button,
  .buttons button,
  .play,
  .pause,
  .playPause,
  .play-pause,
  .sr-play-pause,
  .srp_play_pause,
  [class*="play-pause"],
  [class*="play_pause"]
):hover::after {
  background-color: transparent !important;
  background-image: none !important;
}

/* L'icône elle-même prend la couleur de hover sans modifier sa géométrie. */
html[data-sk-theme] #sonaar-player .player .player-row :is(
  .control,
  .controls button,
  .buttons button,
  .play,
  .pause,
  .playPause,
  .play-pause,
  .sr-play-pause,
  .srp_play_pause,
  [class*="play-pause"],
  [class*="play_pause"]
):hover :is(svg,svg *,i),
html[data-sk-theme] #sonaar-player .player .player-row :is(
  .control,
  .controls button,
  .buttons button,
  .play,
  .pause,
  .playPause,
  .play-pause,
  .sr-play-pause,
  .srp_play_pause,
  [class*="play-pause"],
  [class*="play_pause"]
):hover::before {
  color: var(--sk-theme-primary-hover) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}