/* ============================================================
   Thème « Rétro Pink » : le site tel qu'il était dans les années 2000 (design n° 5 : la nuit sarcelle, la lune et les silhouettes, le rose des menus).
   Même principe que « Rétro Max », « Rétro Knights », « Rétro Alabasta » et « Rétro Samouraï » : seul le cadre change (composant AppLayoutRetro.vue, variante « pink ») et
   le fond de la page ; le contenu des pages se comporte comme dans le thème Light de Metronic.
   Activé par data-bs-theme="retro-pink" sur <html>. Tout est limité à ce sélecteur : aucun autre thème n'est touché.
   ============================================================ */

/* Fond de la page : noir, avec le dégradé sarcelle du haut (fond.png, 2 x 122, répété en largeur) comme sur le site d'origine */
[data-bs-theme="retro-pink"] {
    background: #000 url('/assets/media/retro-pink/fond.png') repeat-x top center !important;
}
[data-bs-theme="retro-pink"] body { background: transparent !important; }

/* Titre de page : le filet rose sous les titres du site d'origine (border-bottom 1px #ec5aa1) */
[data-bs-theme="retro-pink"] .app-toolbar .page-title {
    flex: 1 1 auto; margin-right: 0 !important; padding: 4px 0 6px; border-bottom: 1px solid #ec5aa1;
}

/* Largeur des pages « carte centrée » : environ 200 pages (îles, dialogues...) posent leur carte dans `row justify-content-center > col-md-8` (ou col-md-10), prévu pour
   une page pleine largeur. Dans la colonne de contenu du thème Rétro (environ 780 px), cela laissait de grands vides à gauche et à droite. Quand la colonne est seule
   dans sa ligne, elle prend toute la largeur ; les mises en page à plusieurs colonnes ne changent pas. */
[data-bs-theme="retro-pink"] .retro-contenu .row.justify-content-center > .col-md-8:only-child,
[data-bs-theme="retro-pink"] .retro-contenu .row.justify-content-center > .col-md-10:only-child { flex: 0 0 100%; width: 100%; max-width: 100%; }

/* Téléphone : la barre du bas (quickbar, z-index 1000) passait devant le t'chat (tiroir Metronic, z-index 110) et cachait la zone de saisie.
   Dans les autres thèmes, le menu latéral est un tiroir et la barre se cache déjà quand il est ouvert ; ici la colonne de gauche n'en est pas un, donc la barre
   se cache aussi quand le t'chat est ouvert. */
[data-bs-theme="retro-pink"] body:has(#kt_drawer_chat.drawer-on) .mobile-quickbar { display: none; }

/* ============================================================
   Le thème Light de Metronic, recopié pour « retro ».
   Metronic ne définit ses variables de couleurs (gris, primaire, cartes, formulaires, en-tête...) et quelques règles que sous
   [data-bs-theme=light] : un thème « retro » n'en recevait aucune et le contenu des pages différait du thème Light.
   Ce bloc reprend, tel quel, toutes les règles de style.bundle.css et plugins.bundle.css qui visent [data-bs-theme=light],
   avec [data-bs-theme=retro-pink] à la place. Généré par un script : à refaire si Metronic est mis à jour.
   ============================================================ */
[data-bs-theme=retro-pink]{
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #78829D;
    --bs-gray-dark: #252F4A;
    --bs-gray-100: #F9F9F9;
    --bs-gray-200: #F1F1F2;
    --bs-gray-300: #DBDFE9;
    --bs-gray-400: #B5B5C3;
    --bs-gray-500: #99A1B7;
    --bs-gray-600: #78829D;
    --bs-gray-700: #4B5675;
    --bs-gray-800: #252F4A;
    --bs-gray-900: #071437;
    --bs-light: #F9F9F9;
    --bs-primary: #3E97FF;
    --bs-secondary: #DBDFE9;
    --bs-success: #50cd89;
    --bs-pink: #D4537E;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #071437;
    --bs-light-rgb: 249, 249, 249;
    --bs-primary-rgb: 62, 151, 255;
    --bs-secondary-rgb: 219, 223, 233;
    --bs-success-rgb: 80, 205, 137;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 255, 199, 0;
    --bs-danger-rgb: 241, 65, 108;
    --bs-dark-rgb: 7, 20, 55;
    --bs-primary-text-emphasis: #193c66;
    --bs-secondary-text-emphasis: #58595d;
    --bs-success-text-emphasis: #205237;
    --bs-info-text-emphasis: #2e175e;
    --bs-warning-text-emphasis: #665000;
    --bs-danger-text-emphasis: #601a2b;
    --bs-light-text-emphasis: #4B5675;
    --bs-dark-text-emphasis: #4B5675;
    --bs-primary-bg-subtle: #d8eaff;
    --bs-secondary-bg-subtle: #f8f9fb;
    --bs-success-bg-subtle: #dcf5e7;
    --bs-info-bg-subtle: #e3d7fb;
    --bs-warning-bg-subtle: #fff4cc;
    --bs-danger-bg-subtle: #fcd9e2;
    --bs-light-bg-subtle: #fcfcfc;
    --bs-dark-bg-subtle: #B5B5C3;
    --bs-primary-border-subtle: #b2d5ff;
    --bs-secondary-border-subtle: #f1f2f6;
    --bs-success-border-subtle: #b9ebd0;
    --bs-info-border-subtle: #c7b0f7;
    --bs-warning-border-subtle: #ffe999;
    --bs-danger-border-subtle: #f9b3c4;
    --bs-light-border-subtle: #F1F1F2;
    --bs-dark-border-subtle: #99A1B7;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: Inter, Helvetica, "sans-serif";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg,  rgba(255,  255,  255,  0.15),  rgba(255,  255,  255,  0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #071437;
    --bs-body-color-rgb: 7, 20, 55;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(7,  20,  55,  0.75);
    --bs-secondary-color-rgb: 7, 20, 55;
    --bs-secondary-bg: #F1F1F2;
    --bs-secondary-bg-rgb: 241, 241, 242;
    --bs-tertiary-color: rgba(7,  20,  55,  0.5);
    --bs-tertiary-color-rgb: 7, 20, 55;
    --bs-tertiary-bg: #F9F9F9;
    --bs-tertiary-bg-rgb: 249, 249, 249;
    --bs-heading-color: #071437;
    --bs-link-color: #3E97FF;
    --bs-link-color-rgb: 62, 151, 255;
    --bs-link-decoration: none;
    --bs-link-hover-color: #0095e8;
    --bs-link-hover-color-rgb: 0, 149, 232;
    --bs-link-hover-decoration: none;
    --bs-code-color: #b93993;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #F1F1F2;
    --bs-border-color-translucent: rgba(0,  0,  0,  0.175);
    --bs-border-radius: 0.475rem;
    --bs-border-radius-sm: 0.425rem;
    --bs-border-radius-lg: 0.625rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0,  0,  0,  0.075);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0,  0,  0,  0.05);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0,  0,  0,  0.1);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0,  0,  0,  0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(62,  151,  255,  0.25);
    --bs-form-valid-color: #50cd89;
    --bs-form-valid-border-color: #50cd89;
    --bs-form-invalid-color: #f1416c;
    --bs-form-invalid-border-color: #f1416c;
}
[data-bs-theme=retro-pink]{
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249, 249, 249;
    --bs-gray-200: #F1F1F2;
    --bs-gray-200-rgb: 241, 241, 242;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219, 223, 233;
    --bs-gray-400: #B5B5C3;
    --bs-gray-400-rgb: 181, 181, 195;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153, 161, 183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120, 130, 157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75, 86, 117;
    --bs-gray-800: #252F4A;
    --bs-gray-800-rgb: 37, 47, 74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7, 20, 55;
    --bs-light: #F9F9F9;
    --bs-primary: #3E97FF;
    --bs-secondary: #DBDFE9;
    --bs-success: #50cd89;
    --bs-info: #7239ea;
    --bs-warning: #ffc700;
    --bs-danger: #f1416c;
    --bs-dark: #071437;
    --bs-primary-active: #0095e8;
    --bs-secondary-active: #B5B5C3;
    --bs-light-active: #F1F1F2;
    --bs-success-active: #47be7d;
    --bs-info-active: #5014d0;
    --bs-warning-active: #f1bc00;
    --bs-danger-active: #d9214e;
    --bs-dark-active: #050f29;
    --bs-primary-light: #f1faff;
    --bs-secondary-light: #F9F9F9;
    --bs-pink-light: #FBEAF0;
    --bs-success-light: #e8fff3;
    --bs-info-light: #f8f5ff;
    --bs-warning-light: #fff8dd;
    --bs-danger-light: #fff5f8;
    --bs-dark-light: #F1F1F2;
    --bs-red-light: #faebeb;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #4B5675;
    --bs-light-inverse: #78829D;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-light-rgb: 249, 249, 249;
    --bs-primary-rgb: 62, 151, 255;
    --bs-secondary-rgb: 219, 223, 233;
    --bs-success-rgb: 80, 205, 137;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 255, 199, 0;
    --bs-danger-rgb: 241, 65, 108;
    --bs-dark-rgb: 7, 20, 55;
    --bs-text-white: #ffffff;
    --bs-text-primary: #3E97FF;
    --bs-text-secondary: #DBDFE9;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #50cd89;
    --bs-text-info: #7239ea;
    --bs-text-warning: #ffc700;
    --bs-text-danger: #f1416c;
    --bs-text-dark: #071437;
    --bs-text-purple: #812b9e;
    --bs-text-gold: #EFBF04;
    --bs-text-blue: #4b62d1;
    --bs-text-orange: #d1714b;
    --bs-text-muted: #99A1B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F2;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #B5B5C3;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #F1F1F2;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #3E97FF;
    --bs-component-hover-color: #3E97FF;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #3E97FF;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0,  0,  0,  0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0,  0,  0,  0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0,  0,  0,  0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0,  0,  0,  0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0,  0,  0,  0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb),  0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82,  63,  105,  0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82,  63,  105,  0.15);
    --bs-code-bg: #F1F3F8;
    --bs-code-box-shadow: 0px 3px 9px rgba(0,  0,  0,  0.08);
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg),  0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0,  0,  0,  0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0,  0,  0,  0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82,  63,  105,  0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #99A1B7;
    --bs-menu-link-color-hover: #3E97FF;
    --bs-menu-link-color-show: #3E97FF;
    --bs-menu-link-color-here: #3E97FF;
    --bs-menu-link-color-active: #3E97FF;
    --bs-menu-link-bg-color-hover: #F9F9F9;
    --bs-menu-link-bg-color-show: #F9F9F9;
    --bs-menu-link-bg-color-here: #F9F9F9;
    --bs-menu-link-bg-color-active: #F9F9F9;
    --bs-scrollbar-color: #F1F1F2;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0,  0,  0,  0.05);
    --bs-blockui-overlay-bg: rgba(0,  0,  0,  0.05);
    --bs-rating-color-default: #B5B5C3;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(7,  20,  55,  0.1);
    --bs-ribbon-label-bg: #3E97FF;
    --bs-ribbon-label-border-color: #0063d7;
    --bs-ribbon-clip-bg: #071437;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A;
}
[data-bs-theme=retro-pink] .theme-dark-show{
    display: none!important;
}
[data-bs-theme=retro-pink] .theme-light-bg-transparent{
    background-color: transparent!important;
}
[data-bs-theme=retro-pink] .theme-light-bg-body{
    background-color: var(--bs-body-bg)!important;
}
[data-bs-theme=retro-pink]{
    --bs-app-bg-color: #fcfcfc;
    --bs-app-blank-bg-color: #fcfcfc;
    --bs-app-header-base-bg-color: transparent;
    --bs-app-header-base-box-shadow: none;
    --bs-app-header-minimize-bg-color: #ffffff;
    --bs-app-header-minimize-box-shadow: 0px 10px 30px 0px rgba(82,  63,  105,  0.05);
    --bs-app-toolbar-base-bg-color: #ffffff;
    --bs-app-toolbar-base-box-shadow: 0px 10px 30px 0px rgba(82,  63,  105,  0.05);
    --bs-app-toolbar-base-border-top: 1px dashed #DBDFE9;
    --bs-app-aside-base-bg-color: #ffffff;
    --bs-app-footer-bg-color: transparent;
    --bs-app-footer-box-shadow: 0px 10px 30px 0px rgba(82,  63,  105,  0.05);
}
[data-bs-theme=retro-pink]{
    --bs-app-header-light-separator-color: #E4E6EF;
    --bs-app-sidebar-base-toggle-btn-box-shadow: 0px 8px 14px rgba(15,  42,  81,  0.04);
    --bs-app-sidebar-base-toggle-btn-bg-color: #ffffff;
    --bs-app-sidebar-base-toggle-btn-border-color: #F1F1F2;
    --bs-app-sidebar-base-border-color: #F1F1F2;
    --bs-app-sidebar-light-bg-color: #ffffff;
    --bs-app-sidebar-light-box-shadow: 0 0 28px 0 rgba(82,  63,  105,  0.05);
    --bs-app-sidebar-light-separator-color: #E4E6EF;
    --bs-app-sidebar-light-scrollbar-color-hover: #F1F1F2;
    --bs-app-sidebar-light-menu-heading-color: #B5B5C3;
    --bs-app-sidebar-light-menu-link-bg-color-active: #F7F8FB;
    --bs-app-sidebar-light-header-menu-link-bg-color-active: #F7F8FB;
    --bs-app-sidebar-light-menu-link-color: #252F4A;
    --bs-app-sidebar-light-menu-link-icon-color: #99A1B7;
}
[data-bs-theme=retro-pink]{--bs-prismjs-bg:#1e1e3f;--bs-prismjs-border:rgba(255, 255, 255, 0.1);--bs-prismjs-btn-bg:#2d2d5e;--bs-prismjs-btn-bg-hover:#2d2d5e;--bs-prismjs-btn-color:rgba(255, 255, 255, 0.75);--bs-prismjs-btn-color-hover:#3E97FF;--bs-prismjs-scrollbar-color:#323268;--bs-prismjs-scrollbar-color-hover:#373773}
[data-bs-theme=retro-pink] table.dataTable.dtr-column.collapsed>tbody>tr>td.dtr-control:before,[data-bs-theme=retro-pink] table.dataTable.dtr-column.collapsed>tbody>tr>th.dtr-control:before,[data-bs-theme=retro-pink] table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,[data-bs-theme=retro-pink] table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{mask-repeat:no-repeat;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;background-color:#78829d;-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3crect opacity='0.3' x='2' y='2' width='20' height='20' rx='5' fill='%2378829D'/%3e%3crect x='10.8891' y='17.8033' width='12' height='2' rx='1' transform='rotate%28-90 10.8891 17.8033%29' fill='%2378829D'/%3e%3crect x='6.01041' y='10.9247' width='12' height='2' rx='1' fill='%2378829D'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3crect opacity='0.3' x='2' y='2' width='20' height='20' rx='5' fill='%2378829D'/%3e%3crect x='10.8891' y='17.8033' width='12' height='2' rx='1' transform='rotate%28-90 10.8891 17.8033%29' fill='%2378829D'/%3e%3crect x='6.01041' y='10.9247' width='12' height='2' rx='1' fill='%2378829D'/%3e%3c/svg%3e")}

/* Barre du bas du téléphone (quickbar) aux couleurs de la barre de menu du thème (Rétro Pink) : même fond, même filet, mêmes teintes de texte et de boutons. */
[data-bs-theme="retro-pink"] .mobile-quickbar { background: linear-gradient(#f287b9, #ec5aa1); border-top: 2px solid #d94a91; box-shadow: 0 -2px 8px rgba(0, 0, 0, .25); }
[data-bs-theme="retro-pink"] .mobile-quickbar-avatar > img:first-child { border: 1px solid #ffffff; }
[data-bs-theme="retro-pink"] .mobile-quickbar-bar .progress { background: #b83a79; }
[data-bs-theme="retro-pink"] .mobile-quickbar-bar span,
[data-bs-theme="retro-pink"] .mobile-quickbar-berry { color: #fff; }
[data-bs-theme="retro-pink"] .mobile-quickbar-action { background: rgba(255, 255, 255, .25); border: 1px solid #ffffff; color: #fff; }
[data-bs-theme="retro-pink"] .mobile-quickbar-action:hover,
[data-bs-theme="retro-pink"] .mobile-quickbar-action:active { background: rgba(255, 255, 255, .42); color: #fff; }