.login-logo svg {
    display: none !important;
}

.login-logo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 60px;
  margin: 0 auto 10px auto;
}

html.w-theme-light .login-logo {
  background-image: url("/static/images/logos/logo_dopixel_light.2394bfc59d01.png");
}

html.w-theme-dark .login-logo {
  background-image: url("/static/images/logos/logo_dopixel_dark.377d182b95c8.png");
}

html.w-theme-system .login-logo {
  background-image: url("/static/images/logos/logo_dopixel_light.2394bfc59d01.png");
}

@media (prefers-color-scheme: dark) {
  html.w-theme-system .login-logo {
    background-image: url("/static/images/logos/logo_dopixel_dark.377d182b95c8.png");
  }
}

.badge {
    display: inline-block;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.03em;
}
.badge-success { background: #198754; color: #fff; }
.badge-warning { background: #ffc107; color: #000; }
.badge-danger  { background: #dc3545; color: #fff; }
.badge-info    { background: #0dcaf0; color: #000; }
.badge-light   { background: #e9ecef; color: #000; }


:root,
html.w-theme-light {
  --w-color-bg: #FFF6F4;
  --w-color-surface: #FFFFFF;
  --w-color-border: #FFD9D0;
  --w-color-bg-menus: #1C1C1C;

  --w-login-fullscreen-background: radial-gradient(
    120% 220% at 100% 0%,
    #FFF3EE 0%,
    #FFE6E0 100%
  );

  --w-color-primary: #FF4D24;
  --w-color-primary-200: #FF7050;

  --w-color-secondary: #FF875E;
  --w-color-secondary-600: #E63D18;
  --w-color-secondary-400: #FF6C45;
  --w-color-secondary-100: #FFF1EC;
  --w-color-secondary-75: #FFE1D9;
  --w-color-secondary-50: #FFF5F0;

  --w-color-info-100: #D6EFFF;
  --w-color-info-50: #EDF8FF;

  --w-color-positive-100: #4CAF50;
  --w-color-positive-50: #E8F5E9;

  --w-color-warning-100: #FFCA28;
  --w-color-warning-50: #FFF8E1;

  --w-color-critical-200: #D32F2F;
  --w-color-critical-100: #FFCDD2;
  --w-color-critical-50: #FFEBEE;

  --w-color-border-field-hover: #E63D18;
  --w-color-focus: #E63D18;

  /* --w-color-grey-150: #FFE1D9; */
}

html.w-theme-dark {
  --w-color-bg: #181818;            /* fond principal */
  --w-color-surface: #1F1F1F;       /* surface des panneaux */
  --w-color-border: #2A2A2A;        /* bordures et séparateurs */
  --w-color-bg-menus: #1C1C1C;      /* sidebar, topbar, menus */

  --w-login-fullscreen-background: radial-gradient(
    100% 300% at 100% 0%,
    #353535 0%,
    #181818 100%
  );

  --w-color-primary: #FF6C45;
  --w-color-primary-200: #FF8366;

  --w-color-secondary: #FF8366;
  --w-color-secondary-600: #E04620;
  --w-color-secondary-400: #FF7043;
  --w-color-secondary-100: #FF8366;
  --w-color-secondary-75: #4A2B25;
  --w-color-secondary-50: #553029;

  --w-color-info-100: #2A3D47;
  --w-color-info-50: #1D2B33;

  --w-color-positive-100: #66BB6A;
  --w-color-positive-50: #1B5E20;

  --w-color-warning-100: #FFD54F;
  --w-color-warning-50: #4E3B00;

  --w-color-critical-200: #EF5350;
  --w-color-critical-100: #8E1C1A;
  --w-color-critical-50: #5C1311;

  --w-color-border-field-hover: #FF7050;
  --w-color-focus: #FF7050;

  /* --w-color-grey-150: #4A2B25; */
  /* --w-color-grey-150: #FFE1D9; */
}

:focus-visible {
    outline: 3px solid var(--w-color-focus) !important;
}

/* help-block en mode dark : texte clair */
html.w-theme-dark .help-block,
html.w-theme-dark .help-block p {
    color: rgb(246, 246, 248);
}
html.w-theme-dark .help-block p {
    margin-top: 0;
}
html.w-theme-dark .help-info .icon-help {
    color: rgb(246, 246, 248);
}

/* help-block en mode light : texte gris foncé */
html.w-theme-light .help-block,
html.w-theme-light .help-block p {
    color: #555555;
}
html.w-theme-light .help-block p {
    margin-top: 0;
}
html.w-theme-light .help-info .icon-help {
    color: #555555;
}

/* ─── Light theme : labels, liens et sidebar ────────────────────────────── */

/* Labels → gris très foncé (quasi noir) */
html.w-theme-light label,
html.w-theme-light .w-field__label {
    color: #3D3D3D !important;
}

/* Titres → gris très foncé (quasi noir) */
html.w-theme-light h1:not(.c-page-explorer__item__title),
html.w-theme-light h2:not(.c-page-explorer__item__title),
html.w-theme-light h3:not(.c-page-explorer__item__title),
html.w-theme-light h4:not(.c-page-explorer__item__title),
html.w-theme-light h5:not(.c-page-explorer__item__title),
html.w-theme-light h6:not(.c-page-explorer__item__title),
html.w-theme-light .w-panel__heading,
html.w-theme-light .w-panel__heading--label {
    color: #3D3D3D !important;
}


html.w-theme-light .listing .title .title-wrapper a,
html.w-theme-light .listing .title h2 a {
    color: #3D3D3D !important;
}

/* Titres dans le page explorer → blanc (fond sombre) */
html.w-theme-light .c-page-explorer__item__title {
    color: #E8E8E8 !important;
}

html.w-theme-light a:not([class*="button"]):not([class*="btn"]):not(.icon):not([class*="action"]):hover {
    color: #000000;
    text-decoration: underline;
}

/* Sidebar : fond sombre + texte lisible */
html.w-theme-light .sidebar__inner,
html.w-theme-light .sidebar-footer,
html.w-theme-light .w-bg-surface-menus,
html.w-theme-light .c-page-explorer__header,
html.w-theme-light .sidebar-sub-menu-panel,
html.w-theme-light .c-page-explorer {
    background-color: #1C1C1C !important;
}
html.w-theme-light .sidebar__inner a,
html.w-theme-light .sidebar__inner span,
html.w-theme-light .sidebar__inner button,
html.w-theme-light .sidebar__inner label,
html.w-theme-light .sidebar-footer a,
html.w-theme-light .sidebar-footer span,
html.w-theme-light .sidebar-footer button,
html.w-theme-light .sidebar-footer label {
    color: #E8E8E8 !important;
}
html.w-theme-light .sidebar__inner a:hover,
html.w-theme-light .sidebar-footer a:hover {
    color: #FFFFFF !important;
}

html.w-theme-light .c-page-explorer__item {
    border-color: #2A2A2A !important;
}

html.w-theme-light .c-page-explorer__header,
html.w-theme-light .c-page-explorer__item > :not([hidden]) ~ :not([hidden]) {
    border-color: #2A2A2A !important;
}


.w-pill__content, .w-pill__remove,
.w-pill__content {
    background-color: #FF7050 !important;  
}