/*
 * Dexcom Print
 * Couleurs : vert Dexcom (logo, nappe, sacs). Codes exacts à valider avec la charte Dexcom.
 */
:root {
  --dx-green: #59a83c;
  --dx-green-dark: #3f7f2a;
  --dx-ink: #1f2a30;
  --dx-grey: #f4f6f5;
  --dx-border: #dfe5e2;
}

/* ===== Base ===== */
body {
  color: var(--dx-ink);
  background: var(--dx-grey);
}
a,
.btn-link,
.text-primary {
  color: var(--dx-green-dark) !important;
}
a:hover,
a:focus {
  color: var(--dx-green);
  text-decoration: none;
}

/* ===== Boutons ===== */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--dx-green);
  border-color: transparent;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--dx-green-dark);
  border-color: transparent;
  color: #fff;
}
.btn-outline-primary {
  color: var(--dx-green-dark);
  border-color: var(--dx-green);
}
.btn-outline-primary:hover {
  background-color: var(--dx-green);
  color: #fff;
}
.form-control:focus,
.input-group.focus {
  outline: .1875rem solid var(--dx-green);
}
.custom-radio input[type=radio]:checked + span {
  background-color: var(--dx-green);
}

/* ===== En-tête ===== */
.dx-topbar {
  background: var(--dx-green);
  color: #fff;
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .02em;
  padding: .375rem 0;
  text-align: center;
}
#header .header-nav {
  border-bottom: 1px solid var(--dx-border);
}
#header .header-nav .user-info .logged,
#header .header-nav .blockcart a:hover,
#header a:hover {
  color: var(--dx-green);
}
#header .header-nav .cart-preview.active {
  background: var(--dx-green);
}
#header .top-menu a[data-depth="0"] {
  color: var(--dx-ink);
  font-weight: 700;
}
#header .top-menu a[data-depth="0"]:hover,
.top-menu .sub-menu a:hover {
  color: var(--dx-green);
}

/* ===== Listes produits ===== */
.product-miniature .thumbnail-container {
  border: 1px solid var(--dx-border);
  border-radius: 6px;
  overflow: hidden;
}
.product-miniature .product-description {
  height: auto;
  min-height: 7rem;
  padding: .5rem .75rem .75rem;
}
.product-miniature .product-title {
  text-transform: none;
}
.product-miniature .product-title a {
  color: var(--dx-ink) !important;
  font-size: .9375rem;
}
.dx-reference {
  color: #6b7780;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .04em;
  margin: 0 0 .25rem;
  text-transform: uppercase;
}
.dx-colisage {
  color: var(--dx-green-dark);
  font-size: .8125rem;
  font-weight: 600;
  margin: .25rem 0 0;
}
.product-flags li.product-flag {
  background: var(--dx-green);
}

/* ===== Fiche produit ===== */
.dx-product-infos {
  background: #fff;
  border-left: 4px solid var(--dx-green);
  margin: 1rem 0;
  padding: .75rem 1rem;
}
.dx-product-infos p {
  margin: .25rem 0;
}
.dx-product-infos .dx-reference {
  color: var(--dx-ink);
  font-size: .875rem;
  letter-spacing: 0;
  text-transform: none;
}
.dx-quota {
  color: var(--dx-ink);
}
.product-images > li.thumb-container > .thumb.selected,
.product-images > li.thumb-container > .thumb:hover {
  border-color: var(--dx-green);
}
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
  border-bottom: 3px solid var(--dx-green);
  color: var(--dx-green-dark);
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .btn-default {
  background: var(--dx-green);
}

/* ===== Colonne gauche ===== */
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
.block-categories .arrows .arrow-right:hover,
.block-categories .arrows .arrow-down:hover {
  color: var(--dx-green);
}

/* ===== Masquage des prix =====
 * Supports gratuits. Ne PAS désactiver "Afficher les prix" sur les groupes clients :
 * PrestaShop passe alors en mode catalogue et l'ajout au panier disparaît.
 * Supprimer ce bloc si des produits payants (ex. cartes de visite) doivent afficher un prix.
 */
.product-price-and-shipping,
#blockcart-modal .product-price,
#blockcart-modal .cart-content p:not(.cart-products-count),
.cart-item .price,
.cart-item .product-line-info.product-price,
.cart-summary-line .value,
.cart-summary-totals,
.cart-detailed-totals .cart-summary-line:not(.cart-summary-subtotals-container),
.order-confirmation-table .qty .text-xs-left,
.order-confirmation-table .qty .text-xs-right,
.order-confirmation-table table,
#order-detail .order-totals,
#order-history .text-xs-right {
  display: none !important;
}

/* ===== Pied de page ===== */
.footer-container {
  background: var(--dx-ink);
  color: #c9d1cd;
  margin-top: 2rem;
  padding-top: 2rem;
}
.footer-container .h3,
.footer-container .h4,
#footer .h3,
.block-contact .block-contact-title,
.linklist .blockcms-title a,
#block_myaccount_infos .myaccount-title a {
  color: #fff !important;
}
.footer-container li a {
  color: #c9d1cd !important;
}
.footer-container li a:hover {
  color: var(--dx-green) !important;
}
.dx-copyright {
  color: #8e9a95;
  font-size: .8125rem;
}
