/*
 * Custom MPS styles.
 */

/* Colors */
:root {
  --bs-yellow: #fcf218;
  --bs-primary: var(--bs-gray-800);
  --bs-link-color-rgb: 22,22,22;
  --bs-link-hover-color-rgb: 22,22,22;
}
.btn-primary {
  --bs-btn-bg: var(--bs-gray-800);
  --bs-btn-border-color: var(--bs-gray-800);
}
.btn-primary:hover {
  --bs-btn-hover-color: var(--bs-gray-800);
  --bs-btn-hover-bg: white;
  --bs-btn-hover-border-color: var(--bs-gray-800);
}
.btn-link {
  --bs-btn-color: var(--bs-gray-800);
}
.btn-link:hover {
  --bs-btn-hover-color: var(--bs-gray-800);
}
.btn-outline-primary {
  --bs-btn-hover-bg: white;
  --bs-btn-color: var(--bs-gray-800);
  --bs-btn-border-color: var(--bs-gray-800);
}
.btn-outline-primary:hover {
  --bs-btn-hover-bg: var(--bs-gray-800);
  --bs-btn-hover-border-color: var(--bs-gray-800);
  --bs-btn-hover-color: white;
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  --bs-btn-disabled-bg: var(--bs-gray-400);
  --bs-btn-disabled-border-color: var(--bs-gray-400);
}
.pagination {
  --bs-pagination-color: var(--bs-gray-800);
}

/* Tags */
body {
  font-family: 'Roboto', sans-serif;
}
h1, h2 {
  text-transform: uppercase;
}

/* Layout */
#wrapper {
  min-height: 50vh;
}

/* Common classes */
.section-title {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

/* Buttons */
.btn.btn-primary {
  text-transform: uppercase;
}

/* Inputs */
.quantity-button input {
  max-width: 3.5rem;
}

/* Header */
  /* logo */
.header-bottom .navbar-brand {
	max-height: none;
}
.header-bottom .navbar-brand .logo {
	max-width: 180px;
}
  /* menu */
.main-menu__tree > li > a {
  text-transform: uppercase;
  font-weight: 600;
}
.main-menu__tree > li .menu-container {
  padding: 1.5rem 0 2rem;
}
.main-menu__tree > li .menu-container a[data-depth="1"]:hover {
  text-decoration: underline;
}

/* Footer */
.footer__block.block-contact {
  text-align: right;
}
.footer .footer__block__content {
  padding-top: 0;
}
.footer .footer__block__content-contact .contact__infos  {
  display: block;
}
.footer .contact__infos img {
  max-width: 360px;
  background: white;
  border-color: white;
  border-style: solid;
  border-width: 5px 12px;
  border-radius: 5px;
}
/* Homepage */
.section-title.h1 {
  font-size: 2rem;
  text-align: center;
}

/* All Products */
  /* add white border around all product images */
.product-miniature .product-miniature__image,
.page-product .product__left img {
	border: 20px solid white;
}

/* Product page */
.page-product .product__prices {
  font-size: inherit;
  text-align: center;
  border: solid 1px #ccc;
}
.page-product .prices__wrapper .align-items-center,
.page-product .prices__wrapper .product__tax-info {
  justify-content: center;
}

/* Products list */
.product-miniature__infos__top,
.product-miniature__infos__bottom {
  text-align: center;
}
.product-miniature__prices {
  justify-content: center;
  margin-bottom: 0.2rem;
}
.product-miniature__infos__bottom form {
  justify-content: center;
}

/* left column */
.category-tree a:hover {
  text-decoration: underline;
}
.subcategories {
  display: none;
}

/* Cart */
.cart-grid__right h2 {
  padding: 0 1rem;
}

/* Pages CMS */
#content-wrapper .page-header {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.page-header h1 {
  font-size: 2rem;
  text-align: center;
}

/* Ecran large */
.header-bottom .navbar-brand .logo {
  margin: 8px 0 8px -10px;
}