/* GLOBAL */
:root {
  --fav: #005385;
  --back: rgb(200, 200, 200);
  --text-grey: var(--back);
}
html {
  scroll-behavior: smooth !important;
  height: auto;
}
body {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
#content > section > div > div > article > div > div.thumbnail-top > div > a:hover {
  color: var(--fav);
  &:hover {
      mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%) !important;
      mask-size: 200% !important;
      -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%) !important;
      -webkit-mask-size: 200% !important;
      animation: shine 2s infinite !important;
  }
}
a:not(#header a, .carousel-item a, .banner, .thumbnail-top a) {
  color: var(--fav);
  &:hover {
      mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%) !important;
      mask-size: 200% !important;
      -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%) !important;
      -webkit-mask-size: 200% !important;
      animation: shine 2s infinite !important;
  }
}
#header .top-menu a[data-depth="0"] {
  color: rgb(150, 150, 150);
  text-transform: none;
  transform: translate(0, 25%);
  &:hover {
      color: var(--fav) !important;
      mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
      mask-size: 200%;
      -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
      -webkit-mask-size: 200%;
      animation: shine 2s infinite;
  }
}
#header .top-menu .category a:hover {
  color: var(--fav);
  mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  mask-size: 200%;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}
#header .header-nav #contact-link a:hover {
  mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  mask-size: 200%;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}
#wrapper .container .breadcrumb li a {
  color: var(--fav);
  &:hover {
      mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
      mask-size: 200%;
      -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
      -webkit-mask-size: 200%;
      animation: shine 2s infinite;
  }
}
#wrapper #custom-text p b {
  color: var(--fav);
}
#content > section.featured-products.clearfix.mt-3 > h2 {
  color: var(--fav);
  text-decoration: underline;
}
#wrapper .carousel .carousel-control .icon-prev:hover i, #wrapper .carousel .carousel-control .icon-next:hover i, #wrapper .product-miniature .highlighted-informations .quick-view:hover {
  color: var(--fav);
  mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  mask-size: 200%;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}
#content > section:nth-child(5) > h2 {
  color: var(--fav);
  text-decoration: underline;
}
#footer .footer-container li a:hover {
  color: var(--fav);
}
#footer .btn-primary {
  background-color: var(--fav);
}
#footer .block_newsletter form input[type="email"]:focus {
  border: 3px var(--fav) solid;
}
#footer .block-social ul li {
  background-color: var(--fav);
  &:hover {

  }
}
#footer #contact-infos a {
  color: var(--fav);
}
.page-my-account #content .links a:hover i {
  color: var(--fav);
}
.product-price {
  color: var(--fav);
}
.tabs .nav-tabs .nav-link.active {
  border-bottom: 3px solid var(--fav);
}

#blockcart-modal > div > div > div.modal-body > div > div.col-md-5.divide-right > div > div:nth-child(2) > h6 {
  color: var(--fav);
}
#content > div.images-container.js-images-container > div.js-qv-mask.mask > ul > li > img {
  border-color: var(--fav);
}
#main > div.row.product-container.js-product-container > div:nth-child(2) > div.product-information > div.tabs > ul > li:nth-child(2) > a {
  border-color: var(--fav);
}
#footer .block-social ul li {
  background-color: var(--fav);
  &:hover {
    mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    mask-size: 200%;
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
  }
}

#main > div > div.cart-grid-body.col-xs-12.col-lg-8 > div > div.cart-overview.js-cart > ul > li > div > div.product-line-grid-body.col-md-4.col-xs-8 > div.product-line-info.product-price.h5 > div > span {
  color: var(--fav);
}
#main > div > div.cart-grid-right.col-xs-12.col-lg-4 > div.card.cart-summary > div.checkout.cart-detailed-actions.js-cart-detailed-actions.card-block > div > a {
  color: white;
  background-color: var(--fav);
}
.block-categories .collapse-icons .add:hover {
  color: var(--fav);
}
#subcategories ul li .subcategory-name:hover {
  color: var(--fav);
}
.btn {
  background: var(--fav) !important;
}
#subcategories ul li:hover .subcategory-image a {
  border-color: var(--fav);
}
.products-sort-order .select-list:hover {
  background: var(--fav);
  color: white !important;
}
select:focus, form:focus, input:focus, textarea:focus, .input-group.focus {
  outline: .1875rem solid var(--fav) !important;
}
#blockcart-modal > div > div > div.modal-body > div.row > div.col-md-7 > div > div > button {
  color: white;
}
#blockcart-modal > div > div > div.modal-body > div.row > div.col-md-7 > div > div > a {
  color: white;
}
#id-address-delivery-address-11 {
  border-color: var(--fav) !important;
}
#id-address-delivery-address-11 > header > label > span.custom-radio > span {
  background-color: var(--fav);
}

/* HEADER */
#header {
  /* BARRE TOUT EN HAUT */
  > nav {
    background-color: var(--back);
    > .container {
      > .row {
        > .hidden-sm-down {
          > .col-md-5.col-xs-12 {
            > #_desktop_contact_link {
              /* Contactez-nous */
              > #contact-link {
                a {
                  font-weight: 500;
                  color: white;
                  &:hover {
                  }
                }
              }
            }
          }
          > .col-md-7.right-nav {
            /* Déconnexion / Nom d'utilisateur */
            > #_desktop_user_info {
              > .user-info {
                > a {
                  font-weight: 500;
                  color: white;
                  &:hover {
                    > i, span {
                    }
                  }
                  > i, span {
                  }
                  > i {
                  }
                }
              }
            }
            /* Panier */
            > #_desktop_cart {
              > .blockcart.cart-preview.inactive {
                > .header {
                  > i {
                    color: var(--text-grey);
                  }
                  > span {
                    font-weight: 500;
                    color: var(--text-grey);
                    &:nth-child(1) {

                    }
                    &:nth-child(2) {

                    }
                  }
                }
              }
              > .blockcart.cart-preview.active {
                background: var(--fav);
              }
            }
          }
        }
        > .hidden-md-up {

        }
      }
    }
  }
}
#wrapper {
  > .container {
    > #content-wrrapper {
      > #main {
        > #content {
          > #carousel {
            &::after {
              display: flex;
              content: "";
              width: 100%;
              height: 0.5rem;
              background: linear-gradient(to right, var(--fav) 33.33%, white 33.33%, white 66.66%, red 66.66%, red 100%);
            }
          }
        }
      }
    }
  }
}

/* keyframes (effet sur le texte au survol) */
@keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}
/* Taille catégorie */
#group_42 > li > label > span
{
  height: 4rem;
  width: 4rem;
}
#group_44 > li > label > span
{
  height: 4rem;
  width: 4rem;
}
#group_45 > li > label > span
{
  height: 4rem;
  width: 4rem;
}
#group_46 > li > label > span
{
  height: 4rem;
  width: 4rem;
}
#group_11 > li > label > span
{
  height: 4rem;
  width: 4rem;
}#group_20 > li > label > span
{
  height: 4rem;
  width: 4rem;
}
#group_7 > li > label > span
{
  height: 4rem;
  width: 4rem;
}
/* Couleur nouveau */
#content > ul > li
{
  background: #005385;
}
#js-product-list > div.products.row > div > article > div > ul > li
{
  background: #005385;
}
#content > section > div > div > article > div > ul > li
{
  background: #005385;
}

/* Image d'acceuil */
#custom-text > table > tbody > tr
{
  display: flex;
  flex-wrap: wrap;
  place-content: center;
  place-items: center;
}

/* Réglage lien image */
#custom-text > table > tbody > tr > td > div > a
{
  display: flex;
}