@import url("https://use.typekit.net/prq1ich.css");

:root {
  --ridelec-navy: #111927;
  --ridelec-orange: #f8a32b;
  --ridelec-turquoise: #56c5cc;
  --ridelec-cream: #f3eddd;
  --ridelec-white: #ffffff;
  --ridelec-muted: #6c7280;
}

html,
body {
  background: var(--ridelec-cream);
  color: var(--ridelec-navy);
  font-family: archivo, Arial, Helvetica, sans-serif;
}

a,
.btn-link {
  color: var(--ridelec-navy);
}

a:hover,
a:focus {
  color: #d97c0c;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  color: var(--ridelec-navy);
  font-family: archivo, Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}

#header {
  background: var(--ridelec-white);
  border-bottom: 4px solid var(--ridelec-orange);
  box-shadow: 0 4px 18px rgba(17, 25, 39, 0.08);
}

#header .header-nav {
  background: var(--ridelec-navy);
  border: 0;
  color: var(--ridelec-white);
  min-height: 46px;
}

#header .header-nav a,
#header .header-nav .btn-unstyle,
#header .header-nav .material-icons,
#header .header-nav .expand-more,
#header .header-nav .cart-products-count {
  color: var(--ridelec-white) !important;
}

#header .header-nav .blockcart {
  background: var(--ridelec-orange);
  border-radius: 0 0 12px 12px;
  min-height: 46px;
}

#header .header-top {
  padding: 0.8rem 0;
}

#header .header-top .container > .row {
  align-items: center;
}

#header .logo {
  display: block;
  height: auto;
  max-height: 92px;
  width: auto;
}

#_desktop_contact_link,
#_desktop_language_selector,
#_mobile_language_selector,
#_desktop_currency_selector,
#_mobile_currency_selector,
#_desktop_top_menu,
#mobile_top_menu_wrapper,
#search_widget,
#menu-icon {
  display: none !important;
}

#_desktop_logo {
  flex: 0 0 190px;
  max-width: 190px;
}

#wrapper {
  background: var(--ridelec-cream);
  box-shadow: none;
  min-height: 58vh;
  padding-top: 2.25rem;
}

.breadcrumb {
  display: none;
}

.card,
.cart-container,
.cart-summary,
.checkout-step,
#order-summary-content {
  border: 0;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(17, 25, 39, 0.08);
}

.cart-grid-body .card-block,
.cart-summary .card-block,
.checkout-step {
  padding: 1.35rem;
}

.cart-grid-body .cart-overview {
  padding: 0 1.35rem 1.35rem;
}

.cart-item {
  border-bottom-color: rgba(17, 25, 39, 0.1);
}

.product-price,
.cart-summary-line .value,
.cart-total .value,
.current-price,
.price {
  color: var(--ridelec-navy);
  font-weight: 700;
}

.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled,
.checkout a.btn-primary,
.cart-detailed-actions .btn-primary {
  background: var(--ridelec-navy);
  border: 2px solid var(--ridelec-navy);
  border-radius: 999px;
  box-shadow: none;
  color: var(--ridelec-white);
  font-family: archivo, Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 0.85rem 1.65rem;
  text-transform: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.checkout a.btn-primary:hover,
.cart-detailed-actions .btn-primary:hover {
  background: var(--ridelec-orange);
  border-color: var(--ridelec-orange);
  color: var(--ridelec-navy);
}

.btn-secondary {
  border-radius: 999px;
}

.bootstrap-touchspin .btn-touchspin,
.cart-line-product-actions a,
.remove-from-cart {
  color: var(--ridelec-navy) !important;
}

.blockreassurance_product,
#blockEmailSubscription_displayFooterBefore,
#footer .block-social,
#footer .footer-container .links,
#footer .block-contact,
#footer .footer-container .row:last-child {
  display: none !important;
}

#footer {
  background: var(--ridelec-navy);
  border-top: 5px solid var(--ridelec-orange);
  color: var(--ridelec-white);
  margin-top: 0;
  padding: 0;
}

#footer .footer-container {
  background: var(--ridelec-navy);
  box-shadow: none;
  margin-top: 0;
  padding: 1.65rem 1rem;
  text-align: center;
}

#footer .footer-container::before {
  color: var(--ridelec-white);
  content: "RIDE'ELEC  •  PANIER ET PAIEMENT SÉCURISÉS";
  display: block;
  font-weight: 700;
  letter-spacing: 0.08em;
}

#checkout #header .header-nav,
body#checkout #header .header-nav {
  background: var(--ridelec-navy);
}

body#checkout section.checkout-step .step-title {
  color: var(--ridelec-navy);
  font-weight: 700;
}

body#checkout section.checkout-step.-current .step-title .step-number {
  background: var(--ridelec-orange);
  color: var(--ridelec-navy);
}

body#checkout .condition-label a,
body#checkout a {
  text-decoration-color: var(--ridelec-orange);
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: var(--ridelec-turquoise);
  box-shadow: 0 0 0 3px rgba(86, 197, 204, 0.24);
}

@media (max-width: 767px) {
  #header .header-nav {
    min-height: 74px;
  }

  #header .header-nav .mobile {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-height: 74px;
  }

  #header .top-logo {
    margin-right: auto;
    order: -1;
    padding-left: 0.5rem;
    text-align: left;
  }

  #header .top-logo img {
    height: auto;
    max-height: 62px;
    max-width: 112px;
  }

  #header .header-top {
    display: none;
  }

  #wrapper {
    padding-top: 1.25rem;
  }

  .container {
    max-width: 100%;
  }

  .cart-grid-body,
  .cart-grid-right {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .card,
  .cart-container,
  .cart-summary,
  .checkout-step {
    border-radius: 12px;
  }

  .cart-detailed-actions .btn-primary,
  body#checkout .btn-primary {
    min-height: 48px;
    width: 100%;
  }

  #footer .footer-container::before {
    font-size: 0.75rem;
    letter-spacing: 0.04em;
  }
}