/* Couleurs harmonisees sur la couleur de marque (reglage admin site.color = --mgi). 2026-10-14 */
:root{--mgi-dark:color-mix(in srgb, var(--mgi) 82%, #000);--mgi-light:color-mix(in srgb, var(--mgi) 40%, #fff)}
a{color:var(--mgi)}
a:hover{color:var(--mgi-dark)}
mark, .mark{background-color:var(--mgi)}
.btn-primary,.btn-secondary,.btn-primary.disabled,.btn-primary:disabled,.btn-secondary.disabled,.btn-secondary:disabled{background-color:var(--mgi);border-color:var(--mgi)}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.focus,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle,.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show > .btn-secondary.dropdown-toggle{background-color:var(--mgi-dark);border-color:var(--mgi-dark)}
.btn-outline-primary,.btn-outline-secondary,.btn-outline-primary.disabled,.btn-outline-primary:disabled,.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:var(--mgi);border-color:var(--mgi)}
.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active{background-color:var(--mgi);border-color:var(--mgi)}
.btn-link{color:var(--mgi)}
.btn-link:hover{color:var(--mgi-dark)}
.page-link:hover,.page-item.active .page-link{background-color:var(--mgi);border-color:var(--mgi)}
.badge-primary,.badge-secondary,.tooltip-inner{background-color:var(--mgi)}
a.badge-primary:hover, a.badge-primary:focus,a.badge-secondary:hover, a.badge-secondary:focus{background-color:var(--mgi-dark)}
.bg-primary,.bg-secondary{background-color:var(--mgi) !important}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus,a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus{background-color:var(--mgi-dark) !important}
.border-primary,.border-secondary{border-color:var(--mgi) !important}
.text-primary,.text-secondary{color:var(--mgi) !important}
a.text-primary:hover, a.text-primary:focus,a.text-secondary:hover, a.text-secondary:focus{color:var(--mgi-dark) !important}
.link-demo{color:var(--mgi) !important}
.bg-gray-31 .link-with-icon a:hover,.bg-gray-31 .link-with-icon .icon-secondary,.context-dark .link-2, .bg-accent .link-2, .context-dark .link-2:active, .bg-accent .link-2:active, .context-dark .link-2:focus, .bg-accent .link-2:focus,.block-callboard a:hover{color:var(--mgi)}
.link-corporate::before, .link-corporate::after{border-color:var(--mgi)}
.block-callboard .button-secondary:hover, .block-callboard .button-secondary:active{background-color:var(--mgi);border-color:var(--mgi)}
.block-callboard .button-secondary.button-ujarak::before{background-color:var(--mgi)}
.icon.box-modern-icon::after{border-color:color-mix(in srgb, var(--mgi) 60%, transparent)}
.box-counter-divider::after,.box-info-custom-1-inner,.box-info-custom-1-title::before,.box-category-caption::before{background-color:var(--mgi)}
.box-info-2 .box-info-main:last-child::before{border-left-color:var(--mgi)}
@media (min-width: 992px){.box-info-2 .box-info-main:last-child::before{border-right-color:var(--mgi)}}
.box-info-custom-1-inner::before{border-bottom-color:var(--mgi)}
@media (min-width: 768px){.box-info-custom-1-inner::before{border-right-color:var(--mgi)}}
@media (min-width: 992px){
html:not(.tablet):not(.mobile) .box-category-2:hover .box-category-2-title,html:not(.tablet):not(.mobile) .box-category-3:hover .box-category-3-title{color:var(--mgi)}
html:not(.tablet):not(.mobile) .box-category-3-caption-inner::after{background-color:var(--mgi)}
html:not(.tablet):not(.mobile) .post-light:hover .post-light-caption{background-color:var(--mgi)}
.profile-group-aside .slick-arrow:hover{background-color:var(--mgi)}
.slick-slider-3 .quote-corporate-figure::after{background-color:color-mix(in srgb, var(--mgi) 20%, transparent)}
}
.context-dark .box-category-3-subtitle,.bg-gray-31 .list-1 a:hover,.context-dark .list-marked-3 > li::before, .bg-accent .list-marked-3 > li::before,.bg-gray-31 a.icon:hover,.icon-secondary,.bg-gray-31 .icon-secondary{color:var(--mgi)}
.list-marked-1 > li::before,.table-custom.table-custom-primary thead th,html .page .divider-secondary::after,.divider::after{background-color:var(--mgi)}
.button-default.button-ujarak::before,.button-primary.button-ujarak::before,.button-secondary.button-ujarak::before,.button-default-outline.button-ujarak::before,.context-dark .button-default-outline.button-ujarak::before, .bg-accent .button-default-outline.button-ujarak::before{background-color:var(--mgi)}
.button-primary:hover, .button-primary:active,.button-secondary, .button-secondary:focus,.button-secondary-outline, .button-secondary-outline:focus,.context-dark .button-secondary-outline, .bg-accent .button-secondary-outline, .context-dark .button-secondary-outline:focus, .bg-accent .button-secondary-outline:focus{background-color:var(--mgi);border-color:var(--mgi)}
.button-primary-outline:hover, .button-primary-outline:active{border-color:var(--mgi)}
.button-secondary-outline:hover, .button-secondary-outline:active{color:var(--mgi);border-color:var(--mgi)}
.button-ghost:hover{background-color:var(--mgi)}
.form-wrap.has-focus .form-input{border-color:var(--mgi)}
.toggle-custom:checked ~ .checkbox-custom-dummy::after{background-color:var(--mgi)}
.bg-gray-31 .post-minimal:hover .post-minimal-title,.post-default:hover .post-default-title a:hover,.post-default:hover .post-default-time a:hover,.quote-corporate-cite{color:var(--mgi)}
.post-default-divider::before{border-top-color:var(--mgi)}
.post-default:hover .post-default-divider::before{border-color:var(--mgi)}
.post-light-divider::after,.post-corporate-divider::after,.snackbars{background-color:var(--mgi)}
.footer-modern .lefts:hover,.footer-modern.bg-gray-31 p.rights a:hover,.footer-static.bg-gray-31 a:hover,.bg-gray-21 .rights a:hover,.bg-gray-21 .right-1 a:hover,.context-dark .product-1-title a:hover, .bg-accent .product-1-title a:hover,.context-dark p.product-1-price, .bg-accent p.product-1-price,.context-dark .panel-4-toggle:hover, .bg-accent .panel-4-toggle:hover,.profile-classic-title a:hover,.profile-classic-link:hover,.profile-classic-link .icon,.one-page .rights a:hover{color:var(--mgi)}
.panel-3-toggle,.panel-4-close,.panel-4-close:hover,.bg-accent,.bg-secondary,.bg-accent div.owl-dot::before,span.item-1-icon,.ui-to-top:hover{background-color:var(--mgi)}
@media (min-width: 1200px){.col-bordered::before{border-left-color:var(--mgi)}.col-bordered::after{border-right-color:var(--mgi)}}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb{background-color:var(--mgi-light)}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track{background-color:var(--mgi)}
.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link,.rd-navbar-fixed .rd-megamenu-list > li:hover > a, .rd-navbar-fixed .rd-megamenu-list > li.focus > a, .rd-navbar-fixed .rd-megamenu-list > li.active > a, .rd-navbar-fixed .rd-megamenu-list > li.opened > a, .rd-navbar-fixed .rd-navbar-dropdown > li:hover > a, .rd-navbar-fixed .rd-navbar-dropdown > li.focus > a, .rd-navbar-fixed .rd-navbar-dropdown > li.active > a, .rd-navbar-fixed .rd-navbar-dropdown > li.opened > a{background-color:var(--mgi)}
.select2-drop.select2-drop-above.select2-drop-active{border-color:var(--mgi)}
.select2-results .select2-highlighted,.select2-results .select2-disabled.select2-highlighted,.rd-search-results-live .search-submit,.rd-search-results .search,.progress-linear .progress-bar-linear,.jspDrag,.owl-prev, .owl-next,.owl-prev:hover, .owl-next:hover,.owl-dot.active::before,.slick-prev, .slick-next,.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus,.slick-dots li.slick-active button::before,.rd-range__pointer::after{background-color:var(--mgi)}
.tooltip .arrow::before{border-top-color:var(--mgi) !important;border-bottom-color:var(--mgi) !important}
.tooltip-inner{background-color:var(--mgi) !important}
.countdown-circle-fg,.progress-circle-fg{stroke:var(--mgi)}
.rd-range__pointer{border-color:var(--mgi)}
.rd-file-drop-btn svg{fill:var(--mgi)}
/* Badge de statut de la galerie : meme rouge que les listes */
.mgi-badge-status{background:#f24851 !important}
