/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

:root {
    --bleu: #001839;
    --bleu-fonce: #2F446B;
    --bleu-clair: #4F74BA;
    --corail: #FF7062;
    --dore: #A28100;
    --rouge: #4f1e19;
}

body {
    background-color: white !important;
    font-family: 'Wix Madefor Display', sans-serif !important;
    overflow-x: hidden !important;
}

.scroller {
    height: 300px !important;
    overflow: hidden !important;
    width: 100vw !important;
}

svg {
    display: block !important;
    height: 300px !important;
    width: 100% !important;
}

text {
    fill: var(--bleu-fonce) !important;;
    font-size: 64px;
    font-weight: 400;
    white-space: nowrap !important;
}

nav ul li {
    margin-left: 10px !important;
    margin-right: 10px !important;   
}

nav ul li a {
    color: white !important;
    font-size: 18px !important;
}

nav ul li a:hover {
    color: var(--dore) !important;
}


#custom-text {
    background: none !important;
}

/*
#custom-text h1 {
    font-size: 65px !important;
    font-weight: bolder !important;
}

#custom-text h2 {
    font-size: 35px !important;
    font-weight: lighter !important;
}

#custom-text p {
    font-size: 15px !important;
    line-height: 1.5 !important;
}

#custom-text h1, #custom-text h2, #custom-text p {
    color: white !important;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
    text-align: left !important;
    width: 50% !important;
}
*/

p {
    margin-bottom: 0 !important;
}

/* Structure */
.container {
    padding: 0 !important;
    width: 100% !important;
}

#content-wrapper {
    background-color: white !important;
    padding: 0 !important;
}

#wrapper {
    background-color: white !important;
    padding-top: 0px !important;
}

.row {
    margin: 0 !important;
    padding: 0 !important;
}

.btn-primary {
    background-color: var(--bleu) !important;
}

/* /////////// ACCUEIL /////////// */
#intro-home h1 {
  font-size: 3.75rem;   /* 60px */
  line-height: 1;
  font-weight: 800;     /* extrabold */
}

@media (max-width: 640px) {
  #intro-home h1 {
    font-size: 2.25rem;  /* 36px */
    line-height: 2.5rem; /* 40px */
  }
}

#intro-home h2 {
  color: white !important;
  font-size: 6rem !important;       /* 96px */
  line-height: 1;
  font-weight: 400;      
  font-family: "veneer-three", sans-serif;
  text-transform: uppercase;
}

@media (max-width: 1280px) {
  #intro-home h2 {
    font-size: 4.5rem;   /* 72px */
    line-height: 1;
  }
}

@media (max-width: 640px) {
  #intro-home h2 {
    font-size: 65px !important; 
    line-height: 1;
  }
}

/* Navbar */
#top-menu {
  font-family: "Wix", sans-serif !important;
  font-weight: 700 !important; /* bold */
  font-size: 1.125rem !important;  /* 18px */
  line-height: 1.75rem !important; /* 28px */
}

@media (min-width: 1280px) {
  #top-menu {
    font-size: 1.25rem !important; /* 20px */
    line-height: 1.75rem !important; /* 28px */
  }
}

@media (max-width: 1280px) {
  #top-menu li a {
    color: white !important;
    font-size: var(--text-2xl) !important;
    margin-top: 2rem !important;
  }

  #top-menu {
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
  }
}

/* Nouveaux produits */
#new-products .products-section-title, #new-products article .new, .breadcrumb, #new-products .all-product-link {
    display: none !important;
}

.wishlist-button-add {
    box-shadow: none !important;
}

#new-products .products {
    justify-content: center !important;
}

.product-miniature .product-title a {
    color: var(--bleu) !important;
    font-size: 24px !important;
    font-weight: bold !important;
}

.price {
    font-size: 26px !important;
    font-weight: lighter !important;
}

.product-price-and-shipping {
    margin-top: 20px !important;
}

/* Livraison */
@media (max-width: 1280px) {
  #livraison {
    display: block;
    margin: 30px 0;
    row-gap: 1rem;
  }
}

/* Blocs personnalisés */
#story p {
    color: black !important;
}

/* Footer */
#footer .row {
    text-align: center !important;
}


/* /////////// PRODUIT /////////// */
.produit-page .produit-prix .h5 span {
  color: var(--bleu-clair) !important;
  font-size: 30px !important;
}

.produit-page .product-information .add button {
  background-color: var(--bleu-clair) !important;
  border: 2px solid var(--bleu-clair) !important;
  border-radius: 10px !important;
  margin-left: 10px !important;
}

.produit-page .product-information .add button:hover {
  background-color: white !important;
  color: var(--bleu-clair) !important;
}

.produit-page .tabs {
  padding: 0 !important;
}

.produit-page .tabs ul .active {
  border-bottom-color: var(--bleu-fonce) !important;
  color: var(--bleu-fonce) !important;
}

.produit-page .tabs .nav-tabs .nav-link:hover {
  border-bottom-color: var(--bleu-clair) !important;
}

.produit-page .product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
  border-color: var(--corail) !important;
}


/* /////////// PAGE /////////// */
#pagecontent h1 {
  color: white !important;
  font-size: 6rem !important;       /* 96px */
  line-height: 1;
  font-weight: 400;      
  font-family: "veneer-three", sans-serif;
  text-transform: uppercase;
}

@media (max-width: 1280px) {
  #pagecontent h1 {
    font-size: 4.5rem;   /* 72px */
    line-height: 1;
  }
}

@media (max-width: 640px) {
  #pagecontent h1 {
    font-size: 65px !important; 
    line-height: 1;
  }
}

#pagecontent, #pagecontent .content, #pagecontent .cms-content {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  box-sizing: border-box;
}

@media (max-width: 1280px) {
  table, tbody {
    display: block !important;
    height: auto !important;
    margin-bottom: 30% !important;
    width: 100% !important;
  }

  tr {
    clear: both;
    display: block !important;
    margin-bottom: 2.5rem;
    width: 100% !important;
  }

  td, th {
    border: none;
    box-sizing: border-box;
    display: block !important;
    padding: 0.5rem 1rem;
    width: 100% !important;
  }

  td {
    height: auto !important;
    text-align: center !important;
  }

  td img {
    float: none !important;
    margin: auto !important;
  }

  td h2, td p, td h1, td h3, td h4, td h5, td h6 {
    text-align: center !important;
  }
}


/* /////////// PAGES PRESTASHOP /////////// */
.connexion-titre, .page-footer, .send-renew-password-link, .page-header h1, .form-fields, .btn {
  margin: auto !important;
  text-align: center !important;
}

.send-renew-password-link {
  margin-bottom: 20px !important;
}

@media (max-width: 1280px) {
  .connexion-titre {
    margin-top: 40px !important;
  }

  #submit-login, .form-control-submit {
    margin: auto !important;
    text-align: center !important;
    width: 100% !important;
  }
}

a, .text-primary {
  color: var(--bleu) !important;
}

a:hover, .wishlist-list-item:hover > .wishlist-list-item-link p {
  color: var(--dore) !important;
}

.link-item:hover > .material-icons {
  color: var(--dore) !important;
}

.custom-radio input[type=radio]:checked+span, .dropdown-menu a:hover {
  background-color: var(--bleu-clair) !important;
}

.dropdown-menu a:hover {
  color: white !important;
}

.btn {
  display: block;
}

form .row {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

#submit-login, .form-control-submit, button, .btn {
  background-color: var(--bleu-clair) !important;
  border: 1px solid var(--bleu-clair) !important;
  color: white !important;
  text-transform: none !important;
}

#submit-login:hover, .form-control-submit:hover, button:hover:not(#menu-toggle):not(#menu-close):not(.wishlist-list-item-right button), .btn:hover {
  background-color: white !important;
  color: var(--bleu-clair) !important;
}

#blog-prev, #blog-next {
  border: 1px solid white !important;
}

#blog-prev, #blog-next, #menu-toggle, #menu-close, .wishlist-list-item-right button, .wishlist-button-add, .btn-touchspin {
  background: none !important;
}

#menu-toggle, #menu-close, .wishlist-list-item-right button, .wishlist-button-add, .btn-touchspin {
  border: none !important;
}

.btn-touchspin, .current-price {
  color: var(--bleu-clair) !important;
}

input, button:not(#blog-prev):not(#blog-next):not(#menu-toggle), .form-control-submit, select, textarea, .btn {
  border-radius: 10px !important;
}

.input-group-btn {
  margin-left: 10px !important;
}

.form-control-submit {
  float: none !important;
  margin-top: 10px !important;
}

.form-group .offset-md-5 {
  margin-left: 0 !important;
}

/* Mot de passe oublié */
.center-email-fields {
  display: flex !important;
  flex-direction: column !important;
  margin: auto !important;
  text-align: center !important;
  width: fit-content !important;
}

.forgotten-password .form-fields label.required {
  text-align: center;
  width: 100%;
}

.ps-alert-success .item i svg {
  height: 80px !important;
  width: 40px !important;
}

/* Wishlist */
.wishlist-container, .wishlist-products-container {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.wishlist-button-add, #wishlist-link, .js-show-details, .subcategory-image {
  display: none !important; /* Cacher bouton + section wishlist + afficher détails panier validation commande + image sous-catégorie */
}

/* Cart icon */
.blockcart .header .shopping-cart {
  color: white !important;
  font-size: 28px !important;
}

.blockcart .header .hidden-sm-down {
  display: none !important;
}

.blockcart .header .cart-products-count {
  color: white !important;
}

/* Checkout */
body#checkout #footer {
  padding: 0px !important;
}

/* /////////// RECETTES /////////// */
.recettes-archives .ets-blog-list {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
}

@media (max-width: 1280px) {
  .recettes-archives .ets-blog-list {
    display: block !important;
  }
}

.recettes-archives .ets_blog_layout_grid .ets-blog-list > li {
  width: 100% !important;
}

.recettes-archives .ets_blog_layout_grid .ets-blog-list > li .read_more {
  background-color: var(--bleu-clair) !important;
  border: 1px solid var(--bleu-clair) !important;
  border-radius: 10px !important;
  color: white !important;
  font-style: normal !important;
  font-size: 18px !important;
  padding-bottom: 10px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 10px !important;
  text-transform: none !important;
}

.recettes-archives .ets_blog_layout_grid .ets-blog-list > li .read_more:hover {
  background-color: white !important;
  color: var(--bleu-clair) !important;
}

.recettes-archives .ets_blog_layout_grid .ets-blog-list > li .ets_item_img, .recettes-archives .ets_blog_layout_grid .ets-blog-list > li .ets_item_img img {
  border-radius: 20px !important;
}

/* /////////// CONTACT /////////// */
/* Spécifique à la page contact */
body#contact #left-column {
  display: none !important; /* cache totalement la colonne gauche */
}

body#contact #content-wrapper {
  width: 100% !important;
  margin: 0 auto !important;
  display: flex;
  justify-content: center;
}

body#contact .contact-form {
  width: 100%;
  display: flex;
  justify-content: center;
}

body#contact .contact-form form {
  width: 100%;
  max-width: 700px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border-radius: 10px;
  padding: 2rem;
  margin: 0 auto;
}

body#contact .contact-form label {
  text-align: left !important;
}

/* Page Recettes */
#content-wrapper .ets_blog_layout_grid ul li img {
  height: 500px !important;
  max-height: 500px !important;
  object-fit: cover !important;
}


/* Produits */
.miniature-produit {
  flex-wrap: wrap !important;
  margin-top: -30px !important;
  padding-top: -30px !important;
}