/* Client override: hover decoration (corner SVG on links, buttons, service cards) */

[data-client="robinwooddigital"] a:not(.skip-link),
[data-client="robinwooddigital"] button,
[data-client="robinwooddigital"] [data-card-link],
[data-client="robinwooddigital"] [data-service-card="true"] {
  position: relative;
  overflow: visible;
}

/* Spark on links (exclude nav – nav uses ::after for hover underline; exclude CardsTextBlock whole-card link – that ::after is the card bg image; exclude service card links – spark is on [data-service-card] ::before only) */
[data-client="robinwooddigital"] a:not(.skip-link):not([data-ctb-card-link]):not([data-site-nav] a):not([data-service-card-link]):not([data-cookie-details-link])::after,
[data-client="robinwooddigital"] button:not([data-site-nav] button)::after {
  content: "";
  position: absolute;
  top: -1rem;
  right: -1rem;
  width: 2rem;
  height: 2rem;
  background-image: url(/clients/robinwooddigital/robinwood-digital-sparks-light-teal.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

[data-client="robinwooddigital"] a:not(.skip-link):not([data-ctb-card-link]):not([data-site-nav] a):not([data-service-card-link]):not([data-cookie-details-link]):hover::after,
[data-client="robinwooddigital"] button:not([data-site-nav] button):hover::after {
  opacity: 1;
}

/* Cookie banner: no corner spark on links or buttons (buttons keep theme sizing via compact class) */
[data-client="robinwooddigital"] [data-cookie-banner] a::after,
[data-client="robinwooddigital"] [data-cookie-banner] a:hover::after,
[data-client="robinwooddigital"] [data-cookie-banner] a:focus-visible::after,
[data-client="robinwooddigital"] [data-cookie-banner] button::after,
[data-client="robinwooddigital"] [data-cookie-banner] button:hover::after,
[data-client="robinwooddigital"] [data-cookie-banner] button:focus-visible::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background-image: none !important;
}

/* No spark on footer: all footer links and buttons */
[data-client="robinwooddigital"] [data-site-footer] a::after,
[data-client="robinwooddigital"] [data-site-footer] a:hover::after,
[data-client="robinwooddigital"] [data-site-footer] a:focus-visible::after,
[data-client="robinwooddigital"] [data-site-footer] button::after,
[data-client="robinwooddigital"] [data-site-footer] button:hover::after,
[data-client="robinwooddigital"] [data-site-footer] button:focus-visible::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background-image: none !important;
}

/* Spark on service/card links (exclude CardsTextBlock – that ::after is the card bg image) */
[data-client="robinwooddigital"] [data-card-link]:not([data-ctb-card-link]):not([data-service-card-link])::after {
  content: "";
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 2rem;
  height: 2rem;
  background-image: url(/clients/robinwooddigital/robinwood-digital-sparks-light-teal.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

[data-client="robinwooddigital"] [data-card-link]:not([data-ctb-card-link]):not([data-service-card-link]):hover::after {
  opacity: 1;
}

/* Service cards: show spark on card hover; if card has pill use yellow spark */
[data-client="robinwooddigital"] [data-service-card="true"]::before {
  content: "";
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 2rem;
  height: 2rem;
  background-image: url(/clients/robinwooddigital/robinwood-digital-sparks-light-teal.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  z-index: 3;
}

[data-client="robinwooddigital"] [data-service-card="true"][data-has-pill="true"]::before {
  background-image: url(/clients/robinwooddigital/robinwood-digital-sparks-yellow.svg);
}

[data-client="robinwooddigital"] [data-service-card="true"]:hover::before {
  opacity: 1;
}

/* Services page – first module: card hover sparks in brand yellow (#f5d060, robinwood-digital-sparks-yellow.svg) */
[data-client="robinwooddigital"] .services-page-intro [data-service-card="true"]::before {
  background-image: url(/clients/robinwooddigital/robinwood-digital-sparks-yellow.svg);
}

/* Card CTA: no hover decoration (no corner SVG) – override spark on hover too */
[data-client="robinwooddigital"] [data-card-cta="true"] a::after,
[data-client="robinwooddigital"] [data-card-cta="true"] button::after,
[data-client="robinwooddigital"] [data-card-cta="true"] a:hover::after,
[data-client="robinwooddigital"] [data-card-cta="true"] a:focus-visible::after,
[data-client="robinwooddigital"] [data-card-cta="true"] button:hover::after,
[data-client="robinwooddigital"] [data-card-cta="true"] button:focus-visible::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background-image: none !important;
}

/* FAQs page: pull accordion closer to page header (tighter top padding + less gap to first items) */
[data-client="robinwooddigital"] .faqs-page-accordion.section {
  padding-top: 1.25rem;
}

@media (min-width: 768px) {
  [data-client="robinwooddigital"] .faqs-page-accordion.section {
    padding-top: 2rem;
  }
}

[data-client="robinwooddigital"] .faqs-page-accordion {
  --accordion-header-margin-bottom: 1.5rem;
}

[data-client="robinwooddigital"] .faqs-page-accordion .accordion__inner {
  gap: 1.25rem;
}

/* Text & Image module: no margin below body on small screens (tighten stack to image/panel/CTA) */
@media (max-width: 991.98px) {
  [data-client="robinwooddigital"] .text-and-image-module-body {
    margin-bottom: 0 !important;
  }
}

/* Tarifs / pricing: services module — half default .section padding-top (4rem → 2rem, 10rem → 5rem from md) */
[data-client="robinwooddigital"] .pricing-tarifs-services.section {
  padding-top: 2rem;
}

@media (min-width: 768px) {
  [data-client="robinwooddigital"] .pricing-tarifs-services.section {
    padding-top: 5rem;
  }
}

/* Home — Text & Text: yellow sparks detail on the right-hand panel only */
[data-client="robinwooddigital"] .home-text-and-text-split [data-text-text-panel="right"]::before {
  content: "";
  position: absolute;
  top: -2rem;
  right: -1.3rem;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url(/clients/robinwooddigital/robinwood-digital-sparks-yellow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 1;
}