/*
 * Thème Huîtres Papin — enfant de classic 3.x
 * Chargé automatiquement après le theme.css de classic (priorité 1000).
 *
 * 1. Couleurs : la couleur principale de classic (#24b9d7 et ses teintes) passe au
 *    violet Papin #8a52a1, la couleur secondaire (#f39d72) au beige #c2b49e.
 *    Section générée à partir de themes/classic/assets/css/theme.css (classic 3.1.2) :
 *    à régénérer si classic change de couleurs.
 * 2. Mise en page Papin, reprise de l'ancien thème 1.7.
 */

/* ==========================================================================
   1. Couleurs (générées)
   ========================================================================== */
a{color:#8a52a1}
a:focus,a:hover{color:#5e386e}
.btn-primary,.btn-primary:hover{background-color:#8a52a1}
.btn-primary:hover{background-color:#6d417f}
.btn-primary.focus,.btn-primary:focus{background-color:#6d417f}
.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{background-color:#6d417f}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover{background-color:#593568}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary:disabled.focus,.btn-primary:disabled:focus{background-color:#8a52a1}
.btn-primary.disabled:hover,.btn-primary:disabled:hover{background-color:#8a52a1}
.btn-outline-primary{color:#8a52a1;border-color:#8a52a1}
.btn-outline-primary:hover{background-color:#8a52a1;border-color:#8a52a1}
.btn-outline-primary.focus,.btn-outline-primary:focus{background-color:#8a52a1;border-color:#8a52a1}
.btn-outline-primary.active,.btn-outline-primary:active,.open>.btn-outline-primary.dropdown-toggle{background-color:#8a52a1;border-color:#8a52a1}
.btn-outline-primary.active.focus,.btn-outline-primary.active:focus,.btn-outline-primary.active:hover,.btn-outline-primary:active.focus,.btn-outline-primary:active:focus,.btn-outline-primary:active:hover,.open>.btn-outline-primary.dropdown-toggle.focus,.open>.btn-outline-primary.dropdown-toggle:focus,.open>.btn-outline-primary.dropdown-toggle:hover{background-color:#593568;border-color:#42274d}
.btn-outline-primary.disabled.focus,.btn-outline-primary.disabled:focus,.btn-outline-primary:disabled.focus,.btn-outline-primary:disabled:focus{border-color:#b892c7}
.btn-outline-primary.disabled:hover,.btn-outline-primary:disabled:hover{border-color:#b892c7}
.btn-link{color:#8a52a1}
.btn-link:focus,.btn-link:hover{color:#5e386e}
.dropdown-item.active,.dropdown-item.active:focus,.dropdown-item.active:hover{background-color:#8a52a1}
.nav-pills .nav-item.open .nav-link,.nav-pills .nav-item.open .nav-link:focus,.nav-pills .nav-item.open .nav-link:hover,.nav-pills .nav-link.active,.nav-pills .nav-link.active:focus,.nav-pills .nav-link.active:hover{background-color:#8a52a1}
.card-primary{background-color:#8a52a1;border-color:#8a52a1}
.card-outline-primary,.card-outline-secondary{border-color:#8a52a1}
.page-item.active .page-link,.page-item.active .page-link:focus,.page-item.active .page-link:hover{background-color:#8a52a1;border-color:#8a52a1}
.page-link{color:#8a52a1}
.page-link:focus,.page-link:hover{color:#5e386e}
.tag-primary{background-color:#8a52a1}
.tag-primary[href]:focus,.tag-primary[href]:hover{background-color:#6d417f}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{background-color:#8a52a1;border-color:#8a52a1}
.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#e4d5ea}
.bg-primary{background-color:#8a52a1!important}
a.bg-primary:focus,a.bg-primary:hover{background-color:#6d417f!important}
.text-primary{color:#8a52a1!important}
a.text-primary:focus,a.text-primary:hover{color:#6d417f!important}
#header .top-menu a[data-depth="0"]:hover,a:hover{color:#8a52a1}
.block_newsletter form input[type=text]:focus+button .search,.btn-unstyle:focus .expand-more,.search-widget form input[type=text]:focus+button .search{color:#8a52a1}
.form-control:focus{outline:.1875rem solid #8a52a1}
.input-group.focus{outline:.1875rem solid #8a52a1}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,.group-span-filestyle .bootstrap-touchspin .btn-touchspin,.group-span-filestyle .btn-default{background:#8a52a1}
.custom-radio input[type=radio]:checked+span{background-color:#8a52a1}
.carousel .carousel-control .icon-next:hover i,.carousel .carousel-control .icon-prev:hover i,.dropdown:hover .expand-more,.page-my-account #content .links a:hover i,.search-widget form button[type=submit] .search:hover,.top-menu .sub-menu a:hover{color:#8a52a1}
.dropdown-item:focus,.dropdown-item:hover{color:#8a52a1}
.search-widget form input[type=text]:focus{outline:3px #8a52a1 solid}
body#checkout a:hover{color:#5f396f}
body#checkout section.checkout-step .address-item.selected{border:#8a52a1 3px solid}
.product-miniature .highlighted-informations .quick-view:hover{color:#8a52a1}
.brands-sort .select-list:hover,.products-sort-order .select-list:hover,.suppliers-sort .select-list:hover{background:#8a52a1}
.facet-dropdown.open>.select-title{border:3px solid #8a52a1}
.facet-dropdown .select-list:hover{background:#8a52a1}
.pagination .current a{color:#8a52a1}
#subcategories ul li .subcategory-name:hover,.block-categories .arrows .arrow-down:hover,.block-categories .arrows .arrow-right:hover,.block-categories .collapse-icons .add:hover,.block-categories .collapse-icons .remove:hover,.cart-grid-body a.label:hover{color:#8a52a1}
#subcategories ul li:hover .subcategory-image a{border:5px solid #8a52a1}
.product-price{color:#8a52a1}
.has-discount .page-content.page-cms ul,.has-discount p,.has-discount.product-price,.page-content.page-cms .has-discount ul{color:#c2b49e}
.has-discount .discount{background:#c2b49e}
.tabs .nav-tabs .nav-link.active{color:#8a52a1}
.tabs .nav-tabs .nav-link.active,.tabs .nav-tabs .nav-link:hover{border-bottom:#8a52a1 3px solid}
#product-modal .modal-content .modal-body .product-images img:hover{border:#8a52a1 3px solid}
#blockcart-modal .product-name{color:#8a52a1}
.product-images>li.thumb-container .thumb.selected,.product-images>li.thumb-container .thumb:hover{border:#8a52a1 3px solid}
.product-flags li.product-flag{background:#8a52a1}
.product-flags li.product-flag.discount,.product-flags li.product-flag.discount-amount,.product-flags li.product-flag.discount-percentage{background-color:#c2b49e}
.product-flags li.product-flag.on-sale{background:#c2b49e}
.product-customization .product-message:focus{outline:.1875rem solid #8a52a1}
.block-promo .promo-input+button{border:2px solid #8a52a1}
.block-promo .promo-code-button.cancel-promo{color:#8a52a1}
.account-list a:hover,.block_newsletter form button[type=submit] .search:hover,.footer-container li a:hover{color:#8a52a1}
.block-social ul li:hover{background-color:#8a52a1}
.block_newsletter form input[type=text]:focus{outline:3px #8a52a1 solid}
.block_newsletter form input[type=email]:focus{border:3px #8a52a1 solid}
#header a:hover{color:#8a52a1}
#header .header-nav .cart-preview.active{background:#8a52a1}
#header .header-nav .blockcart a:hover{color:#8a52a1}

/* ==========================================================================
   2. Mise en page Papin
   ========================================================================== */

/* Fond des pages */
#wrapper {
  padding: 1.563rem 0;
  background: #c3a3d0;
  box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .11);
}

#index #wrapper {
  background-image: url(../img/fond.jpg);
  background-size: cover;
}

/* En-tête : bandeau nav violet */
#header .header-nav {
  margin-bottom: 30px;
  color: #f1f1f1;
  background: #8a52a1;
  border-bottom: 2px solid #f1f1f1;
}

#header .header-nav a,
#header .header-nav a:hover {
  color: #f1f1f1;
}

#header .header-nav .cart-preview .shopping-cart {
  color: #fff;
}

#header .header-nav .blockcart {
  background: #c2b49e;
}

#header .header-nav .blockcart a,
#header .header-nav .blockcart a:hover {
  color: #8a52a1;
}

/* En-tête : header-top pleine largeur, menu centré */
#header .header-top > .container-fluid {
  position: relative;
}

#header .header-top > .container-fluid > .row:first-of-type {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  #header .header-top-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}

/* Tunnel de commande : visuel slide-commande.jpg en entier */
body#checkout #header .header-nav {
  padding: 1rem 0 .9375rem;
}

body#checkout #header .header-nav .logo {
  max-height: none;
}

/* Miniatures produits */
#products .products,
.featured-products .products,
.product-accessories .products {
  justify-content: center;
}

.product-miniature .product-title a {
  padding: 5px 0;
  font-size: 1.5rem;
}

.product-miniature .product-price-and-shipping {
  padding: 5px 0 15px;
  font-size: 1.5rem;
}

.product-miniature .product-description .desc {
  padding: 5px 15px;
  text-align: center;
}

/* Fiche produit */
.product-price {
  font-size: 1.8rem;
  color: #5f386e;
}

.product-information p {
  color: #232323;
}

.product-prices .tax-shipping-delivery-label {
  font-size: 1rem;
  color: #5f386e;
}


.product-prices,
.product-description,
.product-actions {
  background: #fff;
  padding: .5rem .5rem;
}

/* Logos transporteurs */
.carrier-logo img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  #wrapper {
    box-shadow: none;
  }

  /* En mobile, le bandeau nav redevient blanc comme dans classic */
  #header .header-nav {
    margin-bottom: .625rem;
    color: #232323;
    background: #fff;
  }

  #header .header-nav a,
  #header .header-nav a:hover {
    color: #232323;
  }
}