/* ========================================
   IMPORT DES VARIABLES CSS CENTRALISÉES
   ======================================== */
@import url('./variables.css');

/* ==============================================
   Amelia Styles → Variables CSS réutilisables
   ============================================== */

/*
  --am-success: #d4edda;
  --am-success-border: #c3e6cb;
  --am-success-text: #155724;

  --am-error: #f8d7da;
  --am-error-border: #f5c6cb;
  --am-error-text: #721c24;

  --am-bg-light: #f8f9fa;
  --am-bg-hover: #ecdecd;

}*/

/* ====== Custom Amelia Styles ====== */
.amelia-v2-booking #amelia-container.am-cap__wrapper{
    box-shadow: 0 10px 10px var(--luzalya-border) !important;
    margin: 30px 0 !important;
}

.amelia-v2-booking #amelia-container .am-capai-cuf__heading-add {
    width: auto !important;
}

.amelia-v2-booking #amelia-container .am-button span{
    overflow: visible !important;
}

/* ===== Amelia Calendar Custom Styles ===== */

/* Fond des jours */
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell.am-advsc__dayGridMonth-disabled .fc-daygrid-day-frame{
    background: var(--luzalya-secondary-light) !important;
}
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell.am-advsc__dayGridMonth-selected .fc-daygrid-day-frame {
    border-color: var(--luzalya-primary-light) !important;
}

.am-fs-sb__footer .am-fs-sb__page:nth-child(2), .am-fs-sb__footer .am-fs-sb__page:nth-child(3) {
    display: none !important;
}

/* ========================================
   STYLES SPÉCIFIQUES AMELIA - ADMIN
   ======================================== */

/* Supprimer le logo Amelia et le texte am-logo */
.am-logo, .am-logo img, .am-logo svg,
.am-page-header .am-logo,
.am-section .am-logo {
    display: none !important;
}

/* Supprimer le texte "am-logo" */
.am-logo:before,
.am-logo:after,
.am-page-header .am-logo:before,
.am-page-header .am-logo:after,
.am-section .am-logo:before,
.am-section .am-logo:after {
    display: none !important;
    content: none !important;
}

/* masquer les boutons de modification des comptes rendus */
/* Attention : cette règle peut masquer d'autrees items sur d'autres dropdowns */
/* .el-popper.is-light.el-popover.am-cc__popper .am-cc__edit > .am-cc__edit-item:nth-child(2),
.el-popper.is-light.el-popover.am-cc__popper .am-cc__edit > .am-cc__edit-item:nth-child(3) {
    display: none !important;
}

.el-popper.is-light.el-popover.am-cc__popper .am-cc__edit > .am-cc__edit-item:has(.am-icon-eye),
.el-popper.is-light.el-popover.am-cc__popper .am-cc__edit > .am-cc__edit-item:has(.am-icon-download) {
    display: none !important;
} */

/* ========================================
   STYLES POUR LES BOUTONS AMELIA - ADMIN
   ======================================== */

/* Boutons Amelia principaux - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-button,
.wp-admin #amelia-app-backend .am-button--primary,
.wp-admin #amelia-app-backend .am-button--secondary {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
    text-shadow: none;
    box-shadow: var(--luzalya-shadow-primary);
}

.wp-admin #amelia-app-backend .am-button:hover,
.wp-admin #amelia-app-backend .am-button--primary:hover,
.wp-admin #amelia-app-backend .am-button--secondary:hover {
    background: var(--luzalya-primary-light);
    border-color: var(--luzalya-primary-light);
    color: var(--luzalya-white);
    box-shadow: var(--luzalya-shadow-primary-light);
}

.wp-admin #amelia-app-backend .am-button:focus,
.wp-admin #amelia-app-backend .am-button--primary:focus,
.wp-admin #amelia-app-backend .am-button--secondary:focus {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
    box-shadow: var(--luzalya-shadow-primary);
}

.wp-admin #amelia-app-backend .am-button:active,
.wp-admin #amelia-app-backend .am-button--primary:active,
.wp-admin #amelia-app-backend .am-button--secondary:active {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
    box-shadow: var(--luzalya-shadow-primary);
}

/* ========================================
   STYLES POUR LES BOUTONS ELEMENT UI - AMELIA
   ======================================== */

/* Boutons Element UI principaux dans Amelia */
.wp-admin #amelia-app-backend .el-button.el-button--primary,
.wp-admin #amelia-app-backend .el-button--primary {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

.wp-admin #amelia-app-backend .el-button.el-button--primary:hover,
.wp-admin #amelia-app-backend .el-button--primary:hover {
    background: var(--luzalya-primary-light);
    border-color: var(--luzalya-primary-light);
    color: var(--luzalya-white);
}

.wp-admin #amelia-app-backend .el-button.el-button--primary:focus,
.wp-admin #amelia-app-backend .el-button--primary:focus {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
    box-shadow: var(--luzalya-shadow-primary);
}

.wp-admin #amelia-app-backend .el-button.el-button--primary:active,
.wp-admin #amelia-app-backend .el-button--primary:active {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

/* Boutons Element UI secondaires dans Amelia */
.wp-admin #amelia-app-backend .el-button.el-button--default,
.wp-admin #amelia-app-backend .el-button--default {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

.wp-admin #amelia-app-backend .el-button.el-button--default:hover,
.wp-admin #amelia-app-backend .el-button--default:hover {
    background: var(--luzalya-primary-light);
    border-color: var(--luzalya-primary-light);
    color: var(--luzalya-white);
}

/* Boutons Element UI dans la classe amelia-booking */
.wp-admin #amelia-app-backend.amelia-booking .el-button.el-button--primary,
.wp-admin #amelia-app-backend .amelia-booking .el-button.el-button--primary {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

.wp-admin #amelia-app-backend.amelia-booking .el-button.el-button--primary:hover,
.wp-admin #amelia-app-backend .amelia-booking .el-button.el-button--primary:hover {
    background: var(--luzalya-primary-light);
    border-color: var(--luzalya-primary-light);
    color: var(--luzalya-white);
}

/* Ciblage général de tous les boutons Element UI dans Amelia */
.wp-admin #amelia-app-backend .el-button {
    transition: var(--luzalya-transition);
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

/* Boutons Element UI - Tous les types principaux */
.wp-admin #amelia-app-backend .el-button--primary,
.wp-admin #amelia-app-backend .el-button--success,
.wp-admin #amelia-app-backend .el-button--warning,
.wp-admin #amelia-app-backend .el-button--danger {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

.wp-admin #amelia-app-backend .el-button--primary:hover,
.wp-admin #amelia-app-backend .el-button--success:hover,
.wp-admin #amelia-app-backend .el-button--warning:hover,
.wp-admin #amelia-app-backend .el-button--danger:hover {
    background: var(--luzalya-primary-light);
    border-color: var(--luzalya-primary-light);
    color: var(--luzalya-white);
}

/* Boutons Element UI - Focus et Active */
.wp-admin #amelia-app-backend .el-button--primary:focus,
.wp-admin #amelia-app-backend .el-button--success:focus,
.wp-admin #amelia-app-backend .el-button--warning:focus,
.wp-admin #amelia-app-backend .el-button--danger:focus {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
    box-shadow: var(--luzalya-shadow-primary);
}

.wp-admin #amelia-app-backend .el-button--primary:active,
.wp-admin #amelia-app-backend .el-button--success:active,
.wp-admin #amelia-app-backend .el-button--warning:active,
.wp-admin #amelia-app-backend .el-button--danger:active {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

/* Styles pour les liens requis dans les champs personnalisés */
.am-custom-required-as-html a{
    color: var(--luzalya-primary);
}
.am-custom-required-as-html a:hover{
    color: var(--luzalya-primary-dark);
    text-decoration: none;
}

/* ========================================
   STYLES POUR LES FORMULAIRES AMELIA - ADMIN
   ======================================== */

/* Champs de formulaire Amelia - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-form input[type="text"],
.wp-admin #amelia-app-backend .am-form input[type="email"],
.wp-admin #amelia-app-backend .am-form input[type="tel"],
.wp-admin #amelia-app-backend .am-form input[type="password"],
.wp-admin #amelia-app-backend .am-form textarea,
.wp-admin #amelia-app-backend .am-form select {
    border-color: var(--luzalya-primary);
    border-radius: 4px;
}

.wp-admin #amelia-app-backend .am-form input[type="text"]:focus,
.wp-admin #amelia-app-backend .am-form input[type="email"]:focus,
.wp-admin #amelia-app-backend .am-form input[type="tel"]:focus,
.wp-admin #amelia-app-backend .am-form input[type="password"]:focus,
.wp-admin #amelia-app-backend .am-form textarea:focus,
.wp-admin #amelia-app-backend .am-form select:focus {
    border-color: var(--luzalya-primary);
    box-shadow: var(--luzalya-shadow-primary);
}

/* ========================================
   STYLES POUR LES TABLEAUX AMELIA - ADMIN
   ======================================== */

/* En-têtes de tableau Amelia - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-table th {
    background-color: var(--luzalya-primary);
    color: var(--luzalya-white);
    border-color: var(--luzalya-primary);
}

/* Lignes de tableau Amelia - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-table tr:nth-child(even) {
    background-color: var(--luzalya-border);
}

.wp-admin #amelia-app-backend .am-table tr:hover {
    background-color: var(--luzalya-secondary);
}

/* ========================================
   STYLES POUR LES MODALES AMELIA - ADMIN
   ======================================== */

/* En-tête des modales Amelia - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-modal .am-modal-header {
    background-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

/* Boutons de fermeture des modales - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-modal .am-modal-close {
    color: var(--luzalya-white);
}

.wp-admin #amelia-app-backend .am-modal .am-modal-close:hover {
    color: var(--luzalya-secondary);
}

/* ========================================
   STYLES POUR LES NOTIFICATIONS AMELIA - ADMIN
   ======================================== */

/* Notifications de succès - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-notification--success {
    background-color: var(--luzalya-success-bg);
    border-color: var(--luzalya-success-border);
    color: var(--luzalya-success-text);
}

/* Notifications d'erreur - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-notification--error {
    background-color: var(--luzalya-error-bg);
    border-color: var(--luzalya-error-border);
    color: var(--luzalya-error-text);
}

/* Notifications d'information - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-notification--info {
    background-color: var(--am---luzalya-info-bg);
    border-color: var(--luzalya-info-border);
    color: var(--luzalya-info-text);
}

/* ========================================
   STYLES POUR LES CALENDRIERS AMELIA - ADMIN
   ======================================== */

/* Boutons actifs du calendrier FullCalendar */
.wp-admin #amelia-app-backend #calendar .fc-state-active {
    background: var(--luzalya-primary-dark);
    border-color: var(--luzalya-primary-dark);
    color: var(--luzalya-white);
}

.wp-admin #amelia-app-backend #calendar .fc-state-active:hover {
    background: var(--luzalya-primary-dark);
    border-color: var(--luzalya-primary-dark);
    color: var(--luzalya-white);
}

/* Boutons du calendrier au hover */
.wp-admin #amelia-app-backend #am-calendar .fc-button:hover {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

/* Boutons de navigation du calendrier - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend #calendar.am-calendar .am-calendar-nav button {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

.wp-admin #amelia-app-backend .am-calendar .am-calendar-nav button:hover {
    background: var(--luzalya-primary-light);
    border-color: var(--luzalya-primary-light);
}

/* Cellules du calendrier - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-calendar .am-calendar-day {
    border-color: var(--luzalya-border);
}

.wp-admin #amelia-app-backend .am-calendar .am-calendar-day:hover {
    background-color: var(--luzalya-secondary);
}

/* Plages fond (événements de type indispo) : forcer opacité 1 et fond visible.
   Spécificité max + double classe au cas où le plugin pose l'opacité en inline (JS). */
body.wp-admin #amelia-app-backend #calendar .fc-bg-event,
body.wp-admin #amelia-app-backend #calendar .fc-bgevent {
    opacity: 1 !important;
    background-color: var(--luzalya-secondary) !important;
}

body.wp-admin #amelia-app-backend #calendar td.fc-today .fc-day-number {
    background-color: var(--luzalya-primary-dark) !important;
    color: var(--luzalya-secondary) !important;
    border: 1px solid var(--luzalya-primary) !important;
    padding: 6ox !important;
}

body.wp-admin #amelia-app-backend #calendar .fc-event {
    background-color: var(--luzalya-primary) !important;
    color: var(--luzalya-secondary) !important;
    opacity: 1 !important;
}

body.wp-admin #amelia-app-backend #calendar .fc-event .fc-bg {
    background-color: var(--luzalya-primary) !important;
    color: var(--luzalya-secondary) !important;
    opacity: 1 !important;
}

body.wp-admin #amelia-app-backend #calendar .fc-event .am-calendar-customer{
    color: var(--luzalya-secondary) !important;
    font-weight: 700 !important;
}

body.wp-admin #amelia-app-backend #calendar .fc-event .fc-time{
    color: var(--luzalya-secondary) !important;
}

body.wp-admin #amelia-app-backend #calendar .fc-event .fc-title{
    color: var(--luzalya-secondary) !important;
    font-weight: 400 !important;
}

body.wp-admin #amelia-app-backend #calendar .fc-event .flexed-between .am-calendar-employee{
    color: var(--luzalya-secondary) !important;
}

body.wp-admin #amelia-app-backend #am-calendar .am-calendar-employees .am-calendar-employee .am-profile-photo .am-all{
    background-color: var(--luzalya-primary-dark) !important;
    color: var(--luzalya-secondary) !important;
}

body.wp-admin #amelia-app-backend #am-calendar .am-calendar-employees .am-calendar-employee .am-profile-photo{
    border-color: var(--luzalya-primary-dark) !important;
}

body.wp-admin #amelia-app-backend #am-calendar .fc-now-indicator{
    border: 1px solid var(--luzalya-primary-dark) !important;
}

body.wp-admin #amelia-app-backend #am-calendar .fc-content .am-calendar-status.approved {
    content: url("/wp-content/uploads/2026/02/Icone-seance-individuelle.svg") !important;
}

/* Calendrier : désactiver le tooltip au survol des réservations */
.wp-admin #amelia-app-backend .am-tooltip.el-tooltip__popper.is-light,
.wp-admin .am-tooltip.el-tooltip__popper.is-light {
    display: none !important;
}

/* Calendrier : pas de curseur pointer sur les réservations (clic désactivé) */
.wp-admin #amelia-app-backend #am-calendar .fc-event,
body.wp-admin #amelia-app-backend #calendar .fc-event {
    cursor: default !important;
}

/* Calendrier : masquer les onglets Liste et Chronologie */
.wp-admin #amelia-app-backend .am-section.am-calendar .fc-listWeek-button,
.wp-admin #amelia-app-backend .am-section.am-calendar .fc-timelineDay-button {
    display: none !important;
}

/* ========================================
   STYLES POUR LES PAGINATIONS AMELIA - ADMIN
   ======================================== */

/* Boutons de pagination - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-pagination .am-pagination-button {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

.wp-admin #amelia-app-backend .am-pagination .am-pagination-button:hover {
    background: var(--luzalya-primary-light);
    border-color: var(--luzalya-primary-light);
}

.wp-admin #amelia-app-backend .am-pagination .am-pagination-button.active {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
}

/* ========================================
   STYLES POUR LES PAGINATIONS ELEMENT UI - ADMIN
   ======================================== */

/* Pagination Element UI - Bouton actif - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-pagination .el-pager li.active {
    background: var(--luzalya-primary);
    color: var(--luzalya-white);
    border-color: var(--luzalya-primary);
}

.wp-admin #amelia-app-backend .el-pagination .el-pager li:hover {
    color: var(--luzalya-primary);
}

.wp-admin #amelia-app-backend .el-pagination .btn-prev:hover,
.wp-admin #amelia-app-backend .el-pagination .btn-next:hover {
    color: var(--luzalya-primary);
}

/* ========================================
   STYLES POUR LES BOUTONS DE FILTRE AMELIA - ADMIN
   ======================================== */

/* Boutons de filtre Amelia - Actif et Hover - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-filter-buttons button.el-button.active,
.wp-admin #amelia-app-backend .am-filter-buttons .am-button.active,
.wp-admin #amelia-app-backend .am-filter-buttons .am-button:hover {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

/* Boutons de filtre Amelia - Non actif - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-filter-buttons button.el-button:not(.active),
.wp-admin #amelia-app-backend .am-filter-buttons .am-button:not(.active) {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

.wp-admin #amelia-app-backend .am-filter-buttons button.el-button:not(.active):hover,
.wp-admin #amelia-app-backend .am-filter-buttons .am-button:not(.active):hover {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-white);
}

/* Icônes SVG dans les boutons de filtre actifs - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-button.am-button-icon.active span svg path {
    fill: var(--luzalya-white);
}

/* Icônes SVG dans les boutons de filtre au hover - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-button.am-button-icon:hover span svg path {
    fill: var(--luzalya-white);
}

/* Icônes SVG dans les boutons de filtre non-actifs - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-button.am-button-icon:not(.active) span svg path {
    fill: var(--luzalya-white);
}

/* Boutons am-button-icon au hover - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-button-icon {
    background: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-primary);
}
/* Boutons am-button-icon au hover - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .am-button-icon:hover {
    background: var(--luzalya-primary-light);
    border-color: var(--luzalya-primary);
    color: var(--luzalya-primary);
}

/* Boutons am-button-block - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-button.am-button-block span {
    color: var(--luzalya-white);
}

/* Boutons contenant svg-amelia - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-button.am-button-icon:has(.svg-amelia:not(.inlined-svg)) {
    background-color: var(--luzalya-white);
}

/* ========================================
   STYLES POUR LES BOUTONS GOOGLE CALENDAR
   ======================================== */

.wp-admin #amelia-app-backend .am-google-calendar-button-text {
    color: var(--luzalya-white);
    font-size: 0.8rem;
}
.wp-admin #amelia-app-backend .am-google-calendar-button-text:hover {
    color: var(--luzalya-white);
}
.wp-admin #amelia-app-backend .am-google-calendar-button-text:focus {
    color: var(--luzalya-white);
}
.wp-admin #amelia-app-backend .am-google-calendar-button-text:active {
    color: var(--luzalya-white);
}

.wp-admin #amelia-app-backend .am-google-calendar-button {
    color: var(--luzalya-white);
}

/* ========================================
   STYLES POUR LES ÉLÉMENTS D'AJOUT
   ======================================== */

.wp-admin #amelia-app-backend .am-add-element {
    color: var(--luzalya-primary);
}

.wp-admin #amelia-app-backend .am-add-element:hover i {
    background-color: var(--luzalya-primary);
}

.wp-admin #amelia-app-backend .el-icon-plus:hover {
    background-color: var(--luzalya-primary);
}

/* ========================================
   STYLES POUR LES ONGLETS ELEMENT UI
   ======================================== */

/* Onglets Element UI - Texte - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-tabs__item {
    color: var(--luzalya-text-dark);
}

/* Onglets Element UI - Hover - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-tabs__item:hover {
    color: var(--luzalya-primary);
}

/* Onglets Element UI - Actif - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-tabs__item.is-active {
    color: var(--luzalya-primary);
    border-bottom-color: var(--luzalya-primary);
}

/* Barre active des onglets Element UI - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-tabs__active-bar {
    background-color: var(--luzalya-primary);
}

/* Onglets Element UI - Focus (supprimer la bordure bleue) - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-tabs__item:focus {
    outline: none;
    box-shadow: none;
}

/* ========================================
   STYLES POUR LES CHECKBOXES ELEMENT UI - ADMIN
   ======================================== */

/* Checkboxes Element UI - État cochée - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--luzalya-secondary);
    border-color: var(--luzalya-secondary);
}

/* Checkboxes Element UI - Style de la coche - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-checkbox__inner:after {
    border-color: var(--luzalya-primary);
}

/* Checkboxes Element UI - Style du label cochée - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--luzalya-primary);
}

/* ========================================
   STYLES POUR LES SWITCHES ELEMENT UI - ADMIN
   ======================================== */

/* Switch Element UI - État activé - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-switch.is-checked .el-switch__core {
    background-color: var(--luzalya-primary);
    border-color: var(--luzalya-primary);
}

/* Switch Element UI - État désactivé - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend .el-switch .el-switch__core {
    background-color: var(--luzalya-border);
    border-color: var(--luzalya-border);
}

/* ========================================
   STYLES POUR LES ÉLÉMENTS DE SÉLECTION - ADMIN
   ======================================== */

/* Badge employé dans les menus déroulants - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin .el-select-dropdown .el-select-dropdown__item .am-employee-badge {
    padding: 4px !important;
}

/* Éléments sélectionnés dans les menus déroulants multiples - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: var(--luzalya-primary);
}

/* Élément drop parent - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin .am-drop-parent-all {
    color: var(--luzalya-primary);
}

/* ========================================
   STYLES POUR LES NOTIFICATIONS - ADMIN
   ======================================== */

/* Boutons de checkbox dans les notifications email - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend #am-notifications #am-email-notifications .am-email-notification-buttons .am-button-checkbox .el-button {
    color: var(--luzalya-white);
}

/* Boutons de checkbox actifs dans les notifications email - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend #am-notifications #am-email-notifications .am-email-notification-buttons .am-button-checkbox .el-button.am-active {
    background-color: var(--luzalya-primary-light);
    border-color: var(--luzalya-secondary);
}

.wp-admin #amelia-app-backend #am-notifications #am-email-notifications .am-email-notification-buttons .am-button-checkbox .el-button:hover {
    background-color: var(--luzalya-primary-light);
}

/* Boutons de checkbox "Create" dans les notifications email - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend #am-notifications #am-email-notifications .am-email-notification-buttons .am-button-checkbox .el-button.am-active-create {
    background-color: var(--luzalya-secondary);
    color: var(--luzalya-primary);
    border-color: var(--luzalya-secondary);
}

.wp-admin #amelia-app-backend #am-notifications #am-email-notifications .am-email-notification-buttons .am-button-checkbox .el-button.am-active-create:hover {
    background-color: var(--luzalya-secondary-light);
}

.wp-admin #amelia-app-backend #am-notifications #am-email-notifications .am-email-notification-buttons .am-button-checkbox .el-button.am-active-create:active {
    background-color: var(--luzalya-secondary-light);
}

/* Boutons placeholder dans les notifications email - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin #amelia-app-backend #am-notifications #am-email-notifications .am-placeholder-wrapper__button {
    color: var(--luzalya-white);
}

/* ========================================
   SUPPRESSION BORDURES BLEUES AU CLIC
   ======================================== */

/* Supprimer l'outline bleu au focus sur tous les boutons */
button:focus,
.button:focus,
.am-button:focus,
.el-button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
    outline: none !important;
    border-color: var(--luzalya-primary) !important;
}

/* Supprimer l'outline bleu sur tous les éléments focusables */
*:focus {
    outline: none !important;
}

/* Supprimer l'outline et box-shadow bleu sur les boutons des widgets du tableau de bord */
#dashboard-widgets a:focus,
#dashboard-widgets button:focus,
#dashboard-widgets input:focus,
.postbox a:focus,
.postbox button:focus,
.postbox input:focus,
.widget a:focus,
.widget button:focus,
.widget input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Supprimer spécifiquement le box-shadow bleu sur tous les éléments focusables */
*:focus {
    box-shadow: none !important;
}

/* Rétablir le box-shadow vert pour les boutons Amelia */
.am-button:focus,
.el-button:focus {
    box-shadow: var(--luzalya-shadow-primary) !important;
}

/* Supprimer spécifiquement la bordure bleue des boutons du tableau de bord */
.postbox .button:focus,
.postbox .button:active,
.widget .button:focus,
.widget .button:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--luzalya-primary) !important;
}


.am-modal-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.6) !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    animation: fadeIn 0.3s ease !important;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.am-modal-content {
    background: white !important;
    border-radius: 12px !important;
    max-width: 500px !important;
    width: 90% !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    animation: slideIn 0.3s ease !important;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.am-modal-header {
    padding: 24px !important;
    border-bottom: 1px solid #eee !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #f8f9fa !important;
    border-radius: 12px 12px 0 0 !important;
}

.am-modal-header h3 {
    margin: 0 !important;
    color: #333 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.am-modal-close {
    background: none !important;
    border: none !important;
    font-size: 24px !important;
    cursor: pointer !important;
    color: #999 !important;
    padding: 4px !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.am-modal-close:hover {
    background: #f0f0f0 !important;
    color: #666 !important;
}

.am-modal-body {
    padding: 24px !important;
}

.am-modal-body label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 14px !important;
}

.am-modal-body select,
.am-modal-body textarea {
    width: 100% !important;
    padding: 12px !important;
    border: 2px solid #e1e5e9 !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
    font-size: 14px !important;
    transition: border-color 0.3s ease !important;
    background: white !important;
}

.am-modal-body select:focus,
.am-modal-body textarea:focus {
    outline: none !important;
    border-color: var(--luzalya-primary) !important;
    box-shadow: 0 0 0 3px rgba(67, 126, 99, 0.1) !important;
}

.am-modal-body textarea {
    height: 80px !important;
    resize: vertical !important;
    font-family: inherit !important;
}

.am-modal-footer {
    padding: 20px 24px !important;
    border-top: 1px solid #eee !important;
    text-align: right !important;
    background: #f8f9fa !important;
    border-radius: 0 0 12px 12px !important;
}

.am-modal-footer button {
    margin-left: 12px !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.am-modal-footer .am-button--secondary {
    background: #6c757d !important;
    border-color: #6c757d !important;
    color: white !important;
}

.am-modal-footer .am-button--secondary:hover {
    background: #5a6268 !important;
    border-color: #5a6268 !important;
    transform: translateY(-1px) !important;
}

.am-modal-footer .am-button--primary {
    background: var(--luzalya-primary) !important;
    border-color: var(--luzalya-primary) !important;
    color: var(--luzalya-white) !important;
}

.am-modal-footer .am-button--primary:hover {
    background: var(--luzalya-secondary) !important;
    border-color: var(--luzalya-secondary) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(67, 126, 99, 0.3) !important;
}

/* Élément de création dans les dropdowns - Ciblage global depuis .wp-admin #amelia-app-backend */
.wp-admin .am-drop .am-drop-create-item {
    color: var(--luzalya-primary) !important;
}

/* Masquer le prix avec réduction dans le wrapper de prix */
.am-fs__ps-price__wrapper .am-fs__ps-discount {
    display: none !important;
}

/* Taille de police pour le bouton continuer dans le popup de package */
.am-slide-popup__block-footer .am-package-popup-continue {
    font-size: 0.7rem !important;
}

.am-fs__payments-sentence {
    display: none !important;
}

/* Masquer uniquement le parent qui contient .am-icon-file-text */
.amelia-v2-booking .am-cc__data.el-tooltip__trigger:has(.am-icon-file-text) {
  display: none !important;
}

/* Liste des rendez-vous : masquer le bouton Modifier */
.am-appointments-list .am-edit-btn {
  display: none !important;
}

/* Cabinet client : "En attente de validation" = même style que bouton Payé (span avec classes am-button) */
#amelia-container .am-cc__heading-actions .am-button.is-disabled.am-button-single span.am-button__inner {
  cursor: default;
}

/* ========================================
   Popup "aucun service" (am-no-services)
   Fond beige + texte vert LUZALYA
   ======================================== */
.amelia-v2-booking .am-no-services {
  padding: 30px !important;
  height: 250px !important;
  background-color: var(--luzalya-secondary-light);
  color: var(--luzalya-primary);
  border-radius: 24px;
}
.amelia-v2-booking .am-no-services img{
  display: none;
}

.amelia-v2-booking .am-no-services .am-no-services-text{
  font-size: 1.2rem;
  margin: 20px 0;
}

.amelia-v2-booking .am-no-services .am-no-services-oops,
.amelia-v2-booking .am-no-services .am-no-services-text,
.amelia-v2-booking .am-no-services .am-no-services-text-2,
.amelia-v2-booking .am-no-services .custom-note {
  color: var(--luzalya-primary);
}

/* ========================================
   Masquer le bouton "Portail Client" après finalisation de la réservation
   ======================================== */
.amelia-v2-booking .am-fs__main-footer-cp .am-button--secondary:first-of-type,
.amelia-v2-booking .am-fs__congrats .am-fs__main-footer .am-button--text.am-button--secondary {
  visibility: hidden !important;
}

/* Étape formulaire : contenu des champs (Element Plus) */
.amelia-v2-booking #amelia-container .am-checkbox-wrapper .el-checkbox__label{
  line-height: 1rem;
}