:root {
    --app-accent: #ea7a12;
    --app-accent-strong: #c2510c;
    --app-accent-soft: rgba(234, 122, 18, 0.14);
    --app-accent-softer: rgba(234, 122, 18, 0.08);
    --app-accent-rgb: 234, 122, 18;
    --app-accent-strong-rgb: 194, 81, 12;
    --app-accent-contrast: #111827;
    --app-navbar-accent: #ea7a12;
    --app-navbar-accent-strong: #c2510c;
    --app-navbar-accent-soft: rgba(234, 122, 18, 0.14);
    --caisse-calendar-total-bg: linear-gradient(180deg, #ffedd5 0%, #fdba74 100%);
    --caisse-calendar-total-color: #9a3412;
    --caisse-calendar-total-border: rgba(194, 65, 12, 0.26);
    --caisse-calendar-day-bg: linear-gradient(180deg, rgba(255, 247, 237, 0.98) 0%, rgba(255, 237, 213, 0.98) 100%);
    --caisse-calendar-day-border: rgba(249, 115, 22, 0.18);
    --caisse-calendar-range-bg: rgba(255, 237, 213, 0.92);
    --caisse-calendar-range-border: rgba(249, 115, 22, 0.30);
    --caisse-calendar-total-active-bg: rgba(255, 247, 237, 0.98);
    --caisse-calendar-total-active-color: #9a3412;
    --caisse-calendar-total-active-border: rgba(253, 186, 116, 0.95);
}


.app-navbar__context-btn,
.app-navbar__utility-btn,
.app-navbar__logout-btn {
    color: var(--app-accent-strong);
}
.login-title {
    background-color: var(--app-accent-soft);
}
.panel-title {
    background-color: var(--app-accent);
}

.btn.login-btn {
    background-color: var(--app-accent);
    color: white;
    transition: background-color 0.3s;
}


.btn.login-btn:hover {
    background-color: var(--app-accent-strong);
}


footer {
    background-color: var(--app-accent-soft);
}

/* DataTables * et CARD/

/* Styles de la carte */
.card-header-custom {
    background-color: var(--app-accent-soft);
}

.row_parent_table.odd.dt-hasChild {
    background-color: var(--app-accent-soft);
}

.row_parent_table.even.dt-hasChild {
    background-color: var(--app-accent-soft);
}
.child {
    background-color: var(--app-accent-softer);
}

/*couleur hover des selecteurs*/
.dropdown-submenu:hover > .dropdown-item {
    background-color: var(--app-accent-soft);
}

.nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--app-accent-soft);
}

.dropdown-menu[aria-labelledby="dropdownMenuButton"] li:hover > .dropdown-item {
    background-color: var(--app-accent-soft);
}



/*couleur bouton copier mail*/

#copierButton:not(.app-mailing-panel__copy) {
    background-color: var(--app-accent);
}

#copierButton:not(.app-mailing-panel__copy):hover {
    background-color: var(--app-accent-strong);
}

#copierButton.app-mailing-panel__copy {
    background-color: var(--app-accent);
    color: #ffffff;
}

#copierButton.app-mailing-panel__copy:hover {
    background-color: var(--app-accent-strong);
    color: #ffffff;
}

#btnCopierEmails {
    background-color: var(--app-accent);
}

#btnCopierEmails:hover {
    background-color: var(--app-accent-strong);
}


.btn-custom {
    background-color: var(--app-accent);
}

/*CARD*/

/*.card {
    border-color: orange !important;
}
*/
/* 
.ep-tabs .nav-link.active {
    background: #ed9836;
    color: white;
} */

.ep-tabs .nav-link.active {
    background: var(--app-accent);
    color: #ffffff;
    border-color: var(--app-accent-strong);
    box-shadow: 0 8px 20px rgba(var(--app-accent-rgb), .18);
}