/* Shared assisted-choice identity, matching the homepage. */
:root {
  --ddd-assistant: #6560b6;
  --ddd-assistant-hover: #524d9c;
  --ddd-assistant-soft: #ececf9;
  --ddd-assistant-line: #e1e1f2;
}

/* Actual assistant buttons; comparison, contact and purchase actions keep their styles. */
body .ddd-blog .db-tools__links a:is([href*="/choisir-"], [href$="#aide-au-choix"]),
body .ddd-article a.da-tool-primary[href*="/choisir-"],
body .ddd-home-v2 .dh-family__tools a[href*="/choisir-"],
body .ddd-home-v2 .dh-help--intelligent #dh-select-link {
  background: var(--ddd-assistant);
  border-color: var(--ddd-assistant);
  color: #fff;
}
body .ddd-blog .db-tools__links a:is([href*="/choisir-"], [href$="#aide-au-choix"]):hover,
body .ddd-article a.da-tool-primary[href*="/choisir-"]:hover,
body .ddd-home-v2 .dh-family__tools a[href*="/choisir-"]:hover,
body .ddd-home-v2 .dh-help--intelligent #dh-select-link:hover {
  background: var(--ddd-assistant-hover);
  border-color: var(--ddd-assistant-hover);
  color: #fff;
}
body .ddd-blog .db-tools__links a[href*="/choisir-"] svg,
body .ddd-home-v2 .dh-family__tools a[href*="/choisir-"] > svg {
  color: inherit;
}
body .ddd-blog .db-tools__links a:is([href*="/choisir-"], [href$="#aide-au-choix"]):focus-visible,
body .ddd-article a.da-tool-primary[href*="/choisir-"]:focus-visible,
body .ddd-home-v2 .dh-family__tools a[href*="/choisir-"]:focus-visible,
body .ddd-home-v2 .dh-help--intelligent #dh-select-link:focus-visible {
  outline: 3px solid var(--ddd-assistant-hover);
  outline-offset: 3px;
}

/* Editorial links and their star retain their compact, readable layout. */
body#category .ddd-category-intro .ddd-selector-editorial a,
body .ddd-home-v2 .dh-help--intelligent .dh-tools a[href*="/choisir-"],
body .ddd-home-v2 a.dh-text-link[href="#aide-au-choix"] {
  color: var(--ddd-assistant);
  text-decoration-color: var(--ddd-assistant-line);
}
body#category .ddd-category-intro .ddd-selector-editorial a:hover,
body .ddd-home-v2 .dh-help--intelligent .dh-tools a[href*="/choisir-"]:hover,
body .ddd-home-v2 a.dh-text-link[href="#aide-au-choix"]:hover {
  color: var(--ddd-assistant-hover);
  text-decoration-color: currentColor;
}
body#category .ddd-category-intro .ddd-selector-editorial .ddd-selector-editorial-icon {
  background: var(--ddd-assistant-soft);
  color: var(--ddd-assistant);
}
body#category .ddd-category-intro .ddd-selector-editorial a:focus-visible {
  outline-color: var(--ddd-assistant);
}

/* The assistance tile is the same action in every family menu. */
#ddd-navigation .ddd-nav-group .ddd-nav-footer.ddd-nav-tools-footer .ddd-nav-tools-grid .ddd-nav-tool-selector {
  --tool-color: #fff;
  --tool-icon-bg: rgba(255, 255, 255, .14);
  background: var(--ddd-assistant);
  border-color: var(--ddd-assistant);
  color: #fff;
}
#ddd-navigation .ddd-nav-group .ddd-nav-footer.ddd-nav-tools-footer .ddd-nav-tools-grid .ddd-nav-tool-selector .ddd-nav-tool-title,
#ddd-navigation .ddd-nav-group .ddd-nav-footer.ddd-nav-tools-footer .ddd-nav-tools-grid .ddd-nav-tool-selector .ddd-nav-tool-caption {
  color: #fff;
}
#ddd-navigation .ddd-nav-group .ddd-nav-footer.ddd-nav-tools-footer .ddd-nav-tools-grid a.ddd-nav-tool-selector:hover {
  background: var(--ddd-assistant-hover);
  border-color: var(--ddd-assistant-hover);
}
#ddd-navigation .ddd-nav-group .ddd-nav-tools-footer .ddd-nav-tool-selector:focus-visible,
#ddd-navigation .ddd-nav-group .ddd-nav-tools-footer .ddd-nav-tool-selector a:focus-visible {
  outline-color: var(--ddd-assistant-hover);
}

/* Keep the same identity throughout the seven assisted-choice questionnaires. */
body :is(#ddd-selector, #ddd-massicot-selector, #ddd-cisaille-selector, #ddd-matelasseur-selector, #ddd-disk-selector, #ddd-degauss-selector, #ddd-plieuse-selector) .ds-form-actions :is(.ds-next, .ds-submit) {
  background: var(--ddd-assistant);
  border-color: var(--ddd-assistant);
  color: #fff;
}
body :is(#ddd-selector, #ddd-massicot-selector, #ddd-cisaille-selector, #ddd-matelasseur-selector, #ddd-disk-selector, #ddd-degauss-selector, #ddd-plieuse-selector) .ds-form-actions :is(.ds-next, .ds-submit):hover {
  background: var(--ddd-assistant-hover);
  border-color: var(--ddd-assistant-hover);
  color: #fff;
}
body :is(#ddd-selector, #ddd-massicot-selector, #ddd-cisaille-selector, #ddd-matelasseur-selector, #ddd-disk-selector, #ddd-degauss-selector, #ddd-plieuse-selector) .ds-start {
  color: var(--ddd-assistant);
}
body :is(#ddd-selector, #ddd-massicot-selector, #ddd-cisaille-selector, #ddd-matelasseur-selector, #ddd-disk-selector, #ddd-degauss-selector, #ddd-plieuse-selector) :is(.ds-start, .ds-next, .ds-submit):focus-visible {
  outline: 3px solid var(--ddd-assistant-hover);
  outline-offset: 3px;
}

/* Fill each navigation row while retaining the mobile swipe navigation. */
@media (min-width: 768px) {
  body .ddd-blog .db-nav,
  body .ddd-article .da-nav {
    width: 100%;
    align-items: stretch;
  }
  body .ddd-blog .db-nav > a,
  body .ddd-article .da-nav > a {
    flex: 1 1 auto;
    justify-content: center;
    text-align: center;
  }
}