:root {
    --custom-primary-color: #16A085;
    --custom-secondary-color: #2E2D2C;
    --custom-tertiary-color: rgba(22, 160, 133, 0.3);
    --custom-primary-shadow-color: rgba(22, 160, 133, 0.7);
    --custom-secondary-shadow-color: rgba(22, 160, 133, 0.075);
    --custom-footer-color: #2E2D2C;
    --custom-bg-main: #E3CFB1;
    --custom-white: white;
    /* --custom-card-height : 29rem; */
    --custom-card-height : auto;
    --custom-card-width : 13rem;
    font-family: 'Avenir', sans-serif !important;   
}
.custom-bg-rse {
    background-image: url('../../../img/site/beehive002.jpg');
    background-size: cover;
    background-position: center;
    height: auto;
}
.custom-bg-theme {
    background-image: url('../../../img/site/prince_irm.png');
    background-size: cover;
    background-position: center;
    height: auto;
}
.custom-bg-iceberg {
    background-image: url('../../../img/site/Iceberg.png');
    background-size:contain;
    background-position: center;
    height: 80vh;
    aspect-ratio: 0.5;
}
body {
    font-family: 'Avenir', sans-serif !important;
    color: var(--custom-secondary-color);
}
.bg-body-tertiary {
    background-color: var(--custom-tertiary-color) !important;
}
.bg-body-primary {
    background-color: var(--custom-primary-color) !important;
}
.bg-body-main {
    background-color: var(--custom-bg-main);
}
.custom-text-primary {
    color : var(--custom-primary-color) !important;
}
.custom-text-secondary {
    color : var(--custom-secondary-color) !important;
}
.custom-border-primary {
    border-color : var(--custom-primary-color) !important;
}
.custom-border-secondary {
    border-color : var(--custom-secondary-color) !important;
}
.btn {
    background-color: var(--custom-white) !important;
    color: var(--custom-primary-color) !important;
}
.btn:hover {
    color: var(--custom-white) !important;
    background-color: var(--custom-tertiary-color) !important;
}
.btn:focus {
    border-color: var(--custom-primary-color) !important;
    box-shadow: inset 0 1px 1px var(--custom-secondary-shadow-color), 0 0 8px var(--custom-primary-shadow-color) !important;
}
.btn-dark {
    background-color: var(--custom-tertiary-color) !important;
    color: var(--custom-secondary-color) !important;
}
.btn-dark:hover {
    color: var(--custom-white) !important;
    background-color: var(--custom-primary-color) !important;
}
.btn-dark:focus {
    border-color: var(--custom-primary-color) !important;
    box-shadow: inset 0 1px 1px var(--custom-secondary-shadow-color), 0 0 8px var(--custom-primary-shadow-color) !important;
}
.form-control:focus {
    border-color: var(--custom-primary-color) !important;
    box-shadow: inset 0 1px 1px var(--custom-secondary-shadow-color), 0 0 8px var(--custom-primary-shadow-color) !important;
}
.form-control:hover {
    border-color: var(--custom-primary-color) !important;
    box-shadow: inset 0 1px 1px var(--custom-secondary-shadow-color), 0 0 8px var(--custom-primary-shadow-color) !important;
}
.form-select:focus {
    border-color: var(--custom-primary-color) !important;
    box-shadow: inset 0 1px 1px var(--custom-secondary-shadow-color), 0 0 8px var(--custom-primary-shadow-color) !important;
}
.form-select:hover {
    border-color: var(--custom-primary-color) !important;
    box-shadow: inset 0 1px 1px var(--custom-secondary-shadow-color), 0 0 8px var(--custom-primary-shadow-color) !important;
}
select:active, select:hover {
    outline-color: var(--custom-primary-color) !important;
}
.link-underline-custom {
    color : var(--custom-primary-color) !important;
}
.email:hover {
    color : var(--custom-primary-color) !important;
}
.page-item.active>.page-link, .page-link.active {
    color : var(--custom-white) !important;
    background-color : var(--custom-primary-color) !important;
}
.page-item>.page-link {
    color : var(--custom-primary-color) !important;
}
.page-item.disabled>.page-link {
    color : var(--custom-white) !important;
    background-color : var(--custom-primary-shadow-color) !important;
}
.bi-folder-symlink {
    color : var(--custom-secondary-color) !important;
}
.bi-eye-fill {
    color : var(--custom-secondary-color) !important;
}
.bi-card-img {
    color : var(--custom-primary-color) !important;
}
.bi-card-checklist {
    color : var(--custom-secondary-color) !important;
}
.bi-arrow-clockwise {
    color : var(--custom-secondary-color) !important;    
}
#contact > div > form > div > div > div > div > div:nth-child(3) > label > i {
    color : var(--custom-primary-color) !important;
}
#recherche_produit_search {
    color : var(--custom-primary-color) !important;
}
#recherche_produit_search:hover {
    color: var(--custom-white) !important;
    background-color : var(--custom-tertiary-color) !important;
}
.custom-top-cat:hover {
    transition: transform 0.3s ease-in-out !important;
    transform: scale(1.2) !important;
}
#visiteur_form_fichier:hover {
    color : var(--custom-white) !important;
    background-color: var(--custom-primary-color) !important;
}
#visiteur_form_send {
    color : var(--custom-primary-color) !important;
}
#visiteur_form_send:hover {
    color : var(--custom-white) !important;
    background-color : var(--custom-primary-color) !important;
}
#contact > div > form > div > div > div:nth-child(3) > label > i {
    color : var(--custom-primary-color) !important;
}
.custom-select-width {
    max-width: 400px;
  }
/* select option hover highlight */
/* select option::checked {
    background-color: #F18500;
    color : var(--custom-primary-color) !important;
  } */
.dropdown-item {
    color : var(--custom-secondary-color) !important;
}
 .dropdown-item:hover {
    color : var(--custom-white) !important;
    background-color : var(--custom-primary-color) !important;
}
.navbar .navbar-nav {
    margin-left: auto;
}
.navbar .nav-item:hover .nav-link {
    color : var(--custom-primary-color) !important;
}
.nav-link.active {
    color : var(--custom-primary-color) !important;
}
.bi-folder2-open:hover {
    transition: transform 0.3s ease-in-out !important;
    transform: scale(1.5) !important;
}
/* Home title
/* Home title link zoom on hover */
.home-title:hover {
    transition: transform 0.3s ease-in-out;
    transform: scale(1.5);
}
/* menu item hover highlight */
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color : var(--custom-primary-color) !important;
    color: var(--custom-white) !important;
}
/* Navbar */
.nav-link {
    color : var(--custom-secondary-color) !important;
}
.navbar .dropdown-menu-end { 
    right:0; left: auto;
}
.navbar .nav-item .dropdown-menu {  
    display:block;
    opacity: 0;
    visibility: hidden;
    transition:.3s;
    margin-top:0;
}
.navbar .dropdown-menu.fade-down {
    top:80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
}
.navbar .dropdown-menu.fade-up {
    top:180%;
}
.nav-item:hover .dropdown-menu {
    transition: .3s;
    opacity:1;
    visibility:visible;
    top:100%;
    transform: rotateX(0deg);
}
/* icon réseau sociaux */
.img-icon-res:hover {
    transition: transform 0.3s ease-in-out;
    transform: scale(1.5);
}
.footer {
    background-color: var(--custom-footer-color);
    color: var(--custom-white);
    line-height: 0.75;
}
.img-logo-cvsi {
    width: 300px !important;
}
.img-icon-cvsi {
    width: 100px;
    height:100px;
}
/* Carousel produits/catégories */
.card {
    width: var(--custom-card-width) !important;
    height: var(--custom-card-height) !important;
    border-color: var(--custom-primary-color) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, border-width 0.3s ease;
}
.card-header {
    height: 5rem !important;
}
.card-body {
    height: 17rem !important;
    display: flex !important;
    flex-direction: column !important;
}
.card-footer {
    height: 7rem !important;
}
.card-title {
    flex-shrink: 0;
}
.card-img {
    flex-grow: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    max-height: 13rem;
}
.card-text {
    flex-shrink: 0;
}
.card:hover {
    border-color: var(--custom-primary-color) !important;
    box-shadow: 
        inset 3px 3px var(--custom-secondary-shadow-color), 
        3px 3px 3px var(--custom-primary-shadow-color) !important;
    border-width: 1px !important;
    .card-header, .card-footer {
        background-color: var(--custom-tertiary-color) !important;
    }
    .link-underline-light {
        --bs-link-underline-opacity: 0 !important;
    }
}
.img-carrousel {
    width: 200px;
    aspect-ratio: 0.7;
    /* object-fit: cover; */
}
.img-carrousel-part {
    width: 150px;
}
.carousel-control-prev, .carousel-control-next {
    width: 5% !important;
}
.carousel-control-prev:before {
    left: -3% !important;
    background: none !important;
    font-family: "bootstrap-icons" !important;
    content: '\F22D' !important;
    color: var(--custom-tertiary-color) !important;
    font-size: 30px !important;
    justify-content: flex-start;
}
.carousel-control-next:after {
    right: -3% !important;
    background: none !important;
    font-family: "bootstrap-icons" !important;
    content: "\F231" !important;
    color: var(--custom-tertiary-color) !important;
    font-size: 30px !important;
    justify-content: flex-end;
}
.carousel-control-next:hover:after,
.carousel-control-prev:hover:before {
    color: var(--custom-primary-color) !important;
}
.img-offline {
    width: 300px;
    height: 300px;
}
/* Image produit */
.img-produit {
    /* aspect-ratio: 0.9; */
    width: 450px;
    height: 450px;
    object-fit: cover;
}
.img-site {
    /* aspect-ratio: 1.9; */
    width: 60%;
    height: auto;
    /* object-fit: cover; */
}
.img-titre {
    /* aspect-ratio: 1.9; */
    width: 20%;
    height: 20%;
    /* object-fit: cover; */
}
.img-card {
    width: 200px;
    height: auto;
    max-height: 200px;
    aspect-ratio: 0.9;
    object-fit: cover;
}
/* Menu display */
.dropdown-menu > li:hover > .submenu {
		display: block;
}
.img-carrousel {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.img-ecoscore-card {
    width: 120px;
    height: auto;
}
.img-ecoscore-fiche {
    max-width: 100%;;
    width: 200px;
    height: auto;
}
.img-magnifier-container {
    position: relative;
}
.img-magnifier-glass {
    position: absolute;
    bottom: 5px;
    left: 30px;
    border: 3px solid var(--custom-secondary-color);
    border-radius: 50%;
    cursor: none;
    /* Set the size of the magnifier glass: */
    width: 200px;
    height: 200px;
}
.category-path-container {
    display: flex;
    flex-wrap: wrap;
}
.custom-error-message {
    color: var(--custom-secondary-color);
}
.min-vh-100 {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.flex-grow-1 {
    flex: 1;
}