/* Fonts */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/asap-v30-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/asap-v30-latin_latin-ext-700.woff2') format('woff2');
}

/* Variables */
:root {
  --border-radius: 6px;
  --gutter-x: 0.5rem;
  --gutter-y: 1rem;
  --link-text-color: #ffffff;
  --shadow-color: rgba(0, 0, 0, 0.6);
  --whitespace-color: #1c1c1c;
  --site-background-color: #121212;
  --sidebar-width: 300px;

  --important-notice-background-color: #b91c1c;
  --important-notice-text-color: #fff;
  --header-background-color: #121212;
  --header-text-color: #ffffff;

  --cookie-notice-background-color: rgba(20, 20, 20, 0.85);
  --cookie-notice-text-color: #fff;

  --navigation-background-color: #b91c1c;
  --navigation-background-color-hover: rgba(0, 0, 0, 0.15);
  --navigation-background-color-active: #991b1b;
  --navigation-text-color: #ffffff;
  --navigation-text-color-hover: #ffffff;
  --navigation-text-color-active: #ffffff;

  --offcanvas-background-color: #1a1a1a;
  --offcanvas-text-color: #cccccc;

  --default-background-color: #181818;
  --default-border-color: #262626;
  --default-line-height: 1.3333;
  --default-text-font: 'Asap', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  --default-text-color: #ffffff;
  --default-text-size: 15px;

  --default-button-background-color: #b91c1c;
  --default-button-background-color-hover: #d32f2f;
  --default-button-background-color-active: #991b1b;
  --default-button-border-color: transparent;
  --default-button-text-color: #ffffff;

  --primary-button-background-color: #b91c1c;
  --primary-button-background-color-hover: #d32f2f;
  --primary-button-background-color-active: #991b1b;
  --primary-button-border-color: transparent;
  --primary-button-text-color: #ffffff;

  --success-button-background-color: #b91c1c;
  --success-button-background-color-hover: #d32f2f;
  --success-button-background-color-active: #991b1b;
  --success-button-border-color: transparent;
  --success-button-text-color: #ffffff;

  --warning-button-background-color: #f0ad4e;
  --warning-button-background-color-hover: #f2b866;
  --warning-button-background-color-active: #f1b25a;
  --warning-button-border-color: rgba(0, 0, 0, 0.1);
  --warning-button-text-color: #aa0000;

  --danger-button-background-color: #d9534f;
  --danger-button-background-color-hover: #de6764;
  --danger-button-background-color-active: #db5d59;
  --danger-button-border-color: rgba(0, 0, 0, 0.1);
  --danger-button-text-color: #fff;

  --default-notice-background-color: #222222;
  --default-notice-text-color: #fff;
  --default-notice-border-color: #333333;
  --primary-notice-background-color: #b91c1c;
  --primary-notice-text-color: #fff;
  --primary-notice-border-color: #b91c1c;
  --success-notice-background-color: #2e7d32;
  --success-notice-text-color: #fff;
  --success-notice-border-color: #2e7d32;
  --warning-notice-background-color: #ffcc66;
  --warning-notice-text-color: #aa0000;
  --warning-notice-border-color: #ffcc66;
  --danger-notice-background-color: #d9534f;
  --danger-notice-text-color: #fff;
  --danger-notice-border-color: #d9534f;

  --breadcrumbs-background-color: #1a1a1a;
  --breadcrumbs-text-color: #aaaaaa;
  --breadcrumbs-border-color: transparent;

  --card-background-color: #1a1a1a;
  --card-text-color: var(--default-text-color);
  --card-border-color: var(--default-border-color);
  --card-header-background-color: transparent;
  --card-header-text-color: var(--card-text-color);
  --card-body-background-color: transparent;
  --card-footer-background-color: #1e1e1e;

  --input-background-color: #222222;
  --input-padding-x: 1.5em;
  --input-padding-y: 0.5em;
  --input-text-color: #ffffff;
  --input-border-radius: 1em;

  --pills-background-color: transparent;
  --pills-background-color-active: #b91c1c;
  --pills-background-color-hover: #222222;
  --pills-text-color: var(--default-text-color);
  --pills-text-color-active: #fff;

  --tabs-pane-background-color: #181818;
  --tabs-pane-border-color: var(--tabs-pane-background-color);
  --tabs-background-color: #222222;
  --tabs-background-color-active: #1a1a1a;
  --tabs-text-color: #aaaaaa;
  --tabs-text-color-active: #ffffff;
  --tabs-border-color: var(--tabs-background-color);
  --tabs-border-color-active: var(--tabs-background-color-active);
  --tabs-content-background-color: #1a1a1a;

  --dropdown-menu-background-color: #1a1a1a;
  --dropdown-menu-item-background-color: var(--dropdown-menu-background-color);
  --dropdown-menu-item-text-color: var(--default-text-color);

  --table-striped-row-background-odd: #161616;
  --table-striped-row-background-even: #1a1a1a;
  --table-row-hover-background: #222222;

  --pagination-background-color: var(--default-background-color);
  --pagination-background-color-active: #b91c1c;
  --pagination-background-color-hover: #222222;
  --pagination-text-color: var(--default-text-color);
  --pagination-text-color-active: #ffffff;
  --pagination-text-color-hover: #ffffff;
  --pagination-border-color: var(--default-border-color);

  --footer-background-color: #121212;
  --footer-title-color: var(--default-text-color);
  --footer-text-color: #888888;

  --copyright-background-color: #0c0c0c;
  --copyright-text-color: #666666;
}

/* Surcharges directes */
.category .title {
  color: #b91c1c !important;
}
.category:hover .title {
  color: #d32f2f !important;
}

.btn, 
button, 
.btn-default, 
input[type="button"], 
input[type="submit"] {
  background-color: #b91c1c !important;
  border-color: #b91c1c !important;
  color: #ffffff !important;
}
.btn:hover, 
button:hover, 
.btn-default:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover {
  background-color: #d32f2f !important;
  border-color: #d32f2f !important;
  color: #ffffff !important;
}

/* Nettoyage Header */
.quick-access .regional-setting {
  display: none !important;
}
.quick-access .phone {
  display: none !important;
}

/* Texte recherche */
input[type="search"], 
.header input[name="query"],
input.form-control[type="search"] {
  color: #111111 !important;
}

/* Navigation */
#nav-site_menu .customer-service,
#nav-site_menu .account,
.navbar-nav .customer-service,
.navbar-nav .account,
#nav-site_menu li:nth-last-child(1),
#nav-site_menu li:nth-last-child(2) {
  display: none !important;
}

#nav-site_menu a {
  color: #ffffff !important;
}

/* Bannière plein écran */
#box-slides,
.box-slideshow,
.slides-wrapper {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  background-color: #000000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 15px 0 !important;
  overflow: hidden !important;
}

#box-slides img,
.box-slideshow img,
.slides-wrapper img {
  max-height: 370px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  display: block !important;
  border-radius: 0 !important;
}

#box-slides .slide,
.box-slideshow .slide,
.slides-wrapper .slide {
  background: transparent !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Responsive Gutter */
@media (min-width: 768px) {
  :root {
    --gutter-x: 1rem;
    --gutter-y: 1rem;
  }
}
@media (min-width: 992px) {
  :root {
    --gutter-x: 1.5rem;
    --gutter-y: 1.5rem;
  }
}
@media (min-width: 1200px) {
  :root {
    --gutter-x: 2rem;
    --gutter-y: 2rem;
  }
}

/* --- MASQUER LA NEWSLETTER ET LES POPOVERS INJECTÉS --- */
#page-container [class*="newsletter"],
#page-container [class*="subscribe"],
#page-container [id*="newsletter"],
#page-container [id*="subscribe"],
#box-newsletter,
.box-newsletter,
#box-subscribe,
.box-subscribe {
  display: none !important;
}

[popover] {
  display: none !important;
}