/* ==========================================================================
   AJOUT ANNICK — Personnalisations du theme classic-annick
   Copie de Classic 3.1.2 (PrestaShop 9). Charge APRES theme.css.

   Classic n'utilise ni @layer ni variables CSS : la priorite se joue
   uniquement a la specificite. Si une regle ne passe pas, preciser le
   selecteur plutot que d'ajouter !important.

   Toutes les classes ci-dessous ont ete relevees dans les fichiers reels
   de Classic 3.1.2 (theme.css et templates), aucune n'est inventee.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. Sous-categories : supprimees sur toutes les pages categorie
   -------------------------------------------------------------------------- */

#subcategories {
  display: none;
}


/* --------------------------------------------------------------------------
   2. Couleur de marque — boutons
   -------------------------------------------------------------------------- */

.btn-primary {
  background-color: #940f60;
  border-color: #940f60;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #7a0c50;
  border-color: #7a0c50;
}

.btn-secondary {
  color: #940f60;
  border-color: #940f60;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #940f60;
  border-color: #940f60;
  color: #fff;
}


/* --------------------------------------------------------------------------
   3. Liens
   -------------------------------------------------------------------------- */

a {
  color: #940f60;
}

a:hover,
a:focus {
  color: #7a0c50;
}


/* --------------------------------------------------------------------------
   4. Casse des titres et du menu
   Classic force les capitales a plusieurs endroits. Les libelles sont
   deja saisis en minuscules dans la base ("Perruques petit prix"), donc
   text-transform:none suffit a retrouver la casse d'origine.
   On n'utilise pas "capitalize", qui mettrait une majuscule a chaque mot.
   Les boutons (.btn-primary, .btn-secondary) restent en capitales.
   -------------------------------------------------------------------------- */

#header .header-top a[data-depth="0"],
.top-menu a.dropdown-submenu {
  text-transform: none;
}

.h1,
.h2,
.h3,
#custom-text h2,
.sitemap h2,
.page-order-detail h3,
.contact-form h3,
.contact-rich h4,
#category #left-column #search_filters .facet .facet-title {
  text-transform: none;
}


/* --------------------------------------------------------------------------
   5. Menu principal — remplacement du bleu #24b9d7 de Classic
   Classic declare :
     #header .top-menu a[data-depth="0"]:hover, a:hover { color:#24b9d7 }
     .top-menu .sub-menu a:hover                        { color:#24b9d7 }
   Il faut reprendre la meme specificite, sinon la regle ne passe pas.
   -------------------------------------------------------------------------- */

#header .top-menu a[data-depth="0"] {
  color: #232323;
}

#header .top-menu a[data-depth="0"]:hover {
  color: #940f60;
}

.top-menu .sub-menu a {
  color: #940f60;
}

.top-menu .sub-menu a:hover {
  color: #7a0c50;
}


/* --------------------------------------------------------------------------
   6. Entete reorganisee
   header.tpl a ete modifie : le logo est passe dans la barre du haut,
   en colonne centrale (col-md-4), et le menu occupe toute la largeur
   sur la ligne du dessous.
   Classic plafonne .header-nav a 50px : a lever, sinon le logo est coupe.
   -------------------------------------------------------------------------- */

#header .header-nav {
  max-height: none;
  padding: .75rem 0;
  border-bottom: 0;
}

#header .header-nav .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

#header #_desktop_logo {
  text-align: center;
}

#header #_desktop_logo h1 {
  margin: 0;
}

#header .logo {
  width: auto;
  max-width: 100%;
  max-height: 72px;
  height: auto;
}

/* Menu centre sur toute la largeur */
#header .header-top #_desktop_top_menu > .top-menu {
  text-align: center;
}

#header .header-top #_desktop_top_menu > .top-menu > li {
  display: inline-block;
  float: none;
}

#header .header-top .sub-menu {
  text-align: left;
}

/* Champ de recherche : Classic lui met un fond gris #f6f6f6 qui ressort
   sur l'image de fond. Transparent, avec un filet discret pour qu'il
   reste identifiable comme un champ. */
#header .header-top .search-widgets form input[type="text"],
#header .header-top .search-widgets form input[type="text"]:focus {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 14px;
}


/* --------------------------------------------------------------------------
   7. Fiche produit — onglets
   Classic declare .nav-tabs .nav-link.active en #7a7a7a, souligne en bleu.
   Les onglets ont ete sortis de la colonne de droite dans product.tpl.
   -------------------------------------------------------------------------- */

.nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link.active {
  color: #940f60;
  border-bottom-color: #940f60;
}

.nav-tabs .nav-link:hover {
  color: #940f60;
}


/* --------------------------------------------------------------------------
   8. Catalogue — titres et prix
   -------------------------------------------------------------------------- */

.product-title a,
.product-title {
  color: #940f60;
}

.product-price,
.product-price-and-shipping .price,
.current-price span {
  color: #940f60;
}


/* --------------------------------------------------------------------------
   9. Fond de page
   Classic declare :
     #wrapper { padding-top:1.563rem; background:#f6f6f6 }
     #header  { background:#fff }
   Ces deux bandes pleine largeur masquent l'image de fond posee sur le
   body par le module ultimatebackground01. On les rend transparentes et
   on remet le fond uniquement sur le conteneur central (max 1140px),
   ce qui laisse voir l'image sur les marges.
   -------------------------------------------------------------------------- */

#header {
  background: transparent;
  box-shadow: none;
}

#wrapper {
  background: transparent;
}

#wrapper > .container {
  padding-top: 1.563rem;
  padding-bottom: 1.563rem;
  background: #f6f6f6;
}


/* --------------------------------------------------------------------------
   10. Reserve — ajouts a venir
   -------------------------------------------------------------------------- */

/* Bandeau de couleur derriere le menu, limite a la largeur du contenu
   (essaye puis abandonne : il aplatissait l'image de fond) :
#header .header-top > .container {
  background: #f3ddd2;
  border-radius: 10px;
}
*/