/* Bootstrap Override - Remplacement des couleurs bleues par les couleurs du thème Editorial */

/* Variables CSS personnalisées pour remplacer les couleurs Bootstrap */
:root {
    --bs-blue: #f56a6a !important;           /* Rouge/rose du thème Editorial */
    --bs-primary: #f56a6a !important;        /* Rouge/rose du thème Editorial */
    --bs-info: #f56a6a !important;           /* Rouge/rose du thème Editorial */
    --bs-link-color: #f56a6a !important;     /* Rouge/rose du thème Editorial */
    --bs-link-hover-color: #f67878 !important; /* Rouge/rose plus foncé */
}

/* Remplacement des couleurs bleues dans les boutons */
.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #f56a6a !important;
    border-color: #f56a6a !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #f67878 !important;
    border-color: #f67878 !important;
}

.btn-primary:active {
    background-color: #f45c5c !important;
    border-color: #f45c5c !important;
}

.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover {
    color: #f56a6a !important;
    border-color: #f56a6a !important;
}

.btn-outline-primary:hover {
    background-color: #f56a6a !important;
    color: #ffffff !important;
}

.btn-outline-primary:active {
    background-color: #f67878 !important;
    border-color: #f67878 !important;
}

/* Remplacement des couleurs bleues dans les liens */
a {
    color: #f56a6a !important;
}

a:hover,
a:focus {
    color: #f67878 !important;
}

/* Remplacement des couleurs bleues dans les formulaires */
.form-control:focus,
.form-select:focus {
    border-color: #f56a6a !important;
    box-shadow: 0 0 0 0.25rem rgba(245, 106, 106, 0.25) !important;
}

.form-check-input:checked {
    background-color: #f56a6a !important;
    border-color: #f56a6a !important;
}

.form-check-input:focus {
    border-color: #f56a6a !important;
    box-shadow: 0 0 0 0.25rem rgba(245, 106, 106, 0.25) !important;
}

/* Remplacement des couleurs bleues dans les alertes */
.alert-primary {
    color: #3d4449 !important;
    background-color: rgba(245, 106, 106, 0.1) !important;
    border-color: rgba(245, 106, 106, 0.3) !important;
}

.alert-info {
    color: #3d4449 !important;
    background-color: rgba(245, 106, 106, 0.1) !important;
    border-color: rgba(245, 106, 106, 0.3) !important;
}

/* Remplacement des couleurs bleues dans les badges */
.badge-primary,
.badge.bg-primary {
    background-color: #f56a6a !important;
    color: #ffffff !important;
}

.badge-info,
.badge.bg-info {
    background-color: #f56a6a !important;
    color: #ffffff !important;
}

/* Remplacement des couleurs bleues dans les progress bars */
.progress-bar {
    background-color: #f56a6a !important;
}

/* Remplacement des couleurs bleues dans les listes */
.list-group-item-primary {
    color: #3d4449 !important;
    background-color: rgba(245, 106, 106, 0.1) !important;
}

.list-group-item-primary.list-group-item-action:hover {
    color: #3d4449 !important;
    background-color: rgba(245, 106, 106, 0.2) !important;
}

/* Remplacement des couleurs bleues dans les tableaux */
.table-primary,
.table > :not(caption) > * > .table-primary {
    background-color: rgba(245, 106, 106, 0.1) !important;
    color: #3d4449 !important;
}

/* Remplacement des couleurs bleues dans les modales */
.modal-header .btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(245, 106, 106, 0.25) !important;
}

/* Remplacement des couleurs bleues dans les tooltips */
.tooltip-inner {
    background-color: #f56a6a !important;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before {
    border-top-color: #f56a6a !important;
}

.bs-tooltip-right .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="right"] .tooltip-arrow::before {
    border-right-color: #f56a6a !important;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: #f56a6a !important;
}

.bs-tooltip-left .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="left"] .tooltip-arrow::before {
    border-left-color: #f56a6a !important;
}

/* Remplacement des couleurs bleues dans les popovers */
.popover-header {
    background-color: rgba(245, 106, 106, 0.1) !important;
    color: #3d4449 !important;
}

.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[x-placement^="top"] > .popover-arrow::before {
    border-top-color: rgba(245, 106, 106, 0.25) !important;
}

.bs-popover-right > .popover-arrow::before,
.bs-popover-auto[x-placement^="right"] > .popover-arrow::before {
    border-right-color: rgba(245, 106, 106, 0.25) !important;
}

.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[x-placement^="bottom"] > .popover-arrow::before {
    border-bottom-color: rgba(245, 106, 106, 0.25) !important;
}

.bs-popover-left > .popover-arrow::before,
.bs-popover-auto[x-placement^="left"] > .popover-arrow::before {
    border-left-color: rgba(245, 106, 106, 0.25) !important;
}

/* Remplacement des couleurs bleues dans les spinners */
.spinner-border.text-primary {
    color: #f56a6a !important;
}

.spinner-grow.text-primary {
    color: #f56a6a !important;
}

/* Remplacement des couleurs bleues dans les paginations */
.page-link {
    color: #f56a6a !important;
}

.page-link:hover {
    color: #f67878 !important;
}

.page-item.active .page-link {
    background-color: #f56a6a !important;
    border-color: #f56a6a !important;
}

/* Remplacement des couleurs bleues dans les breadcrumbs */
.breadcrumb-item + .breadcrumb-item::before {
    color: #f56a6a !important;
}

/* Remplacement des couleurs bleues dans les accordéons */
.accordion-button:not(.collapsed) {
    background-color: rgba(245, 106, 106, 0.1) !important;
    color: #3d4449 !important;
}

.accordion-button:focus {
    border-color: #f56a6a !important;
    box-shadow: 0 0 0 0.25rem rgba(245, 106, 106, 0.25) !important;
}

/* Remplacement des couleurs bleues dans les carousels */
.carousel-indicators [data-bs-target] {
    background-color: #f56a6a !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1) hue-rotate(300deg) saturate(1000%) !important;
}

/* Remplacement des couleurs bleues dans les dropdowns */
.dropdown-item:active,
.dropdown-item:focus {
    background-color: #f56a6a !important;
    color: #ffffff !important;
}

/* Remplacement des couleurs bleues dans les navs */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #f56a6a !important;
}

.nav-pills .nav-link {
    color: #f56a6a !important;
}

.nav-pills .nav-link:hover {
    color: #f67878 !important;
}

/* Remplacement des couleurs bleues dans les tabs */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #3d4449 !important;
    background-color: #f5f6f7 !important;
    border-color: rgba(210, 215, 217, 0.75) rgba(210, 215, 217, 0.75) #f5f6f7 !important;
}

.nav-tabs .nav-link:hover {
    border-color: rgba(210, 215, 217, 0.75) rgba(210, 215, 217, 0.75) rgba(210, 215, 217, 0.75) !important;
}

/* Remplacement des couleurs bleues dans les inputs */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: #f56a6a !important;
}

/* Remplacement des couleurs bleues dans les selects */
select:focus {
    border-color: #f56a6a !important;
    box-shadow: 0 0 0 0.25rem rgba(245, 106, 106, 0.25) !important;
}

/* Remplacement des couleurs bleues dans les textareas */
textarea:focus {
    border-color: #f56a6a !important;
    box-shadow: 0 0 0 0.25rem rgba(245, 106, 106, 0.25) !important;
}

/* Remplacement des couleurs bleues dans les ranges */
input[type="range"]::-webkit-slider-thumb {
    background: #f56a6a !important;
}

input[type="range"]::-moz-range-thumb {
    background: #f56a6a !important;
}

input[type="range"]::-ms-thumb {
    background: #f56a6a !important;
}

/* Remplacement des couleurs bleues dans les switches */
.form-check-input:checked {
    background-color: #f56a6a !important;
    border-color: #f56a6a !important;
}

/* Remplacement des couleurs bleues dans les toasts */
.toast-header {
    background-color: rgba(245, 106, 106, 0.1) !important;
    color: #3d4449 !important;
}

/* Remplacement des couleurs bleues dans les offcanvas */
.offcanvas-header .btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(245, 106, 106, 0.25) !important;
}

/* Remplacement des couleurs bleues dans les collapses */
.collapse:focus {
    outline: 2px solid #f56a6a !important;
    outline-offset: 2px !important;
}

/* Remplacement des couleurs bleues dans les fades */
.fade.show {
    background-color: rgba(245, 106, 106, 0.1) !important;
}

/* Remplacement des couleurs bleues dans les transitions */
.transition {
    background-color: rgba(245, 106, 106, 0.1) !important;
}

/* Remplacement des couleurs bleues dans les animations */
.animation {
    background-color: rgba(245, 106, 106, 0.1) !important;
}

/* Remplacement des couleurs bleues dans les utilities */
.text-primary {
    color: #f56a6a !important;
}

.text-info {
    color: #f56a6a !important;
}

.bg-primary {
    background-color: #f56a6a !important;
}

.bg-info {
    background-color: #f56a6a !important;
}

.border-primary {
    border-color: #f56a6a !important;
}

.border-info {
    border-color: #f56a6a !important;
}

/* Remplacement des couleurs bleues dans les shadows */
.shadow-primary {
    box-shadow: 0 0.5rem 1rem rgba(245, 106, 106, 0.15) !important;
}

.shadow-info {
    box-shadow: 0 0.5rem 1rem rgba(245, 106, 106, 0.15) !important;
}