.adpcc {
  --adpcc-theme-green: #86aa5f;
  --adpcc-theme-grey: #fafafa;
  --adpcc-border: #e5e5e5;
  --adpcc-text: #222222;
  --adpcc-muted: #666666;
  margin: 2.2rem 0 1rem;
  color: var(--adpcc-text);
  font-family: inherit !important;
}

.adpcc,
.adpcc * {
  box-sizing: border-box;
  font-family: inherit !important;
}

.adpcc-section { margin: 0 0 1.35rem; }

/* Every editorial block uses the exact light grey sampled from the site's reassurance band. */
.adpcc-intro,
.adpcc-card,
.adpcc-uses,
.adpcc-more {
  background: #fafafa !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.adpcc-intro {
  padding: 1.8rem 1.6rem;
  text-align: center;
}

.adpcc h2,
.adpcc h3 {
  margin-top: 0;
  color: #222222 !important;
  line-height: 1.2;
  font-family: inherit !important;
  letter-spacing: normal;
}

.adpcc-intro h2 {
  max-width: 860px;
  margin: 0 auto .75rem;
  font-size: clamp(1.45rem, 2.35vw, 2.05rem);
}

.adpcc-copy {
  color: #666666 !important;
  line-height: 1.6;
  font-size: 1rem;
  font-family: inherit !important;
}

.adpcc-copy p:last-child { margin-bottom: 0; }
.adpcc-intro .adpcc-copy { max-width: 850px; margin: 0 auto; }

.adpcc-leaf,
.adpcc-icon,
.adpcc-use-icon,
.adpcc-more-icon {
  color: #86aa5f !important;
}

.adpcc-leaf svg,
.adpcc-icon svg,
.adpcc-use-icon svg,
.adpcc-more-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.adpcc-leaf { width: 30px; height: 30px; margin: 0 auto .55rem; }

.adpcc-dual {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.1rem;
}

.adpcc-card {
  padding: 1.8rem 1.8rem 1.6rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.adpcc-card h2 {
  font-size: clamp(1.2rem, 1.9vw, 1.45rem);
  margin-bottom: .8rem;
}

.adpcc-card .adpcc-copy { text-align: left; width: 100%; }
.adpcc-card .adpcc-copy ul { padding-left: 1.2rem; }
.adpcc-card .adpcc-copy li { margin-bottom: .35rem; }
.adpcc-icon { width: 54px; height: 54px; margin-bottom: .85rem; }

/* Same visual language as the site's existing product buttons. */
.adpcc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.15rem;
  padding: .82rem 1.3rem;
  min-height: 44px;
  border: 2px solid #86aa5f !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #86aa5f !important;
  text-decoration: none !important;
  font-family: inherit !important;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.1;
  box-shadow: none !important;
}

.adpcc-button:hover,
.adpcc-button:focus {
  background: #86aa5f !important;
  border-color: #86aa5f !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.adpcc-uses {
  padding: 1.8rem 1.35rem 1.55rem;
  text-align: center;
}

.adpcc-uses h2 { font-size: clamp(1.25rem, 1.95vw, 1.55rem); margin-bottom: .5rem; }
.adpcc-rule { width: 44px; height: 2px; background: #86aa5f !important; margin: 0 auto 1.35rem; opacity: .9; }

.adpcc-use-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

.adpcc-use { text-align: center; }
.adpcc-use-icon {
  width: 66px;
  height: 66px;
  margin: 0 auto .55rem;
  padding: 11px;
  border-radius: 50%;
  background: #fafafa !important;
}
.adpcc-use-title { font-weight: 600; line-height: 1.35; color: #2d2d2d !important; }
.adpcc-copy-centered { max-width: 760px; margin: 1.25rem auto 0; text-align: center; }

/* "En savoir plus" is deliberately not a dark feature panel: it follows the site palette. */
.adpcc-more {
  margin: 0 0 1.35rem;
  padding: 1.6rem 1.2rem 1.45rem;
  color: #222222 !important;
}

.adpcc-more > h2 {
  color: #222222 !important;
  text-align: center;
  font-size: clamp(1.3rem, 1.95vw, 1.6rem);
  margin-bottom: 1.2rem;
}

.adpcc-more-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.adpcc-more-card {
  padding: .35rem 1.35rem .55rem;
  text-align: center;
}

.adpcc-more-card + .adpcc-more-card { border-left: 1px solid #e5e5e5 !important; }
.adpcc-more-icon { width: 52px; height: 52px; margin: 0 auto .6rem; }
.adpcc-more-card h3 { color: #222222 !important; font-size: 1.15rem; margin-bottom: .5rem; }
.adpcc-more-card .adpcc-copy { color: #666666 !important; font-size: .96rem; }

.adpcc-more-link {
  display: inline-block;
  margin-top: .55rem;
  color: #86aa5f !important;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none !important;
}
.adpcc-more-link:hover,
.adpcc-more-link:focus { color: #72934f !important; text-decoration: underline !important; }

@media (max-width: 991px) {
  .adpcc-use-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .adpcc-more-card { padding-left: 1rem; padding-right: 1rem; }
}

@media (max-width: 767px) {
  .adpcc { margin-top: 1.4rem; }
  .adpcc-intro,
  .adpcc-card,
  .adpcc-uses,
  .adpcc-more { border-radius: 0 !important; }
  .adpcc-intro { padding: 1.45rem 1rem; }
  .adpcc-dual { grid-template-columns: 1fr; }
  .adpcc-card { padding: 1.45rem 1rem; }
  .adpcc-use-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem .8rem; }
  .adpcc-more-grid { grid-template-columns: 1fr; }
  .adpcc-more-card { padding: 1rem .2rem; }
  .adpcc-more-card + .adpcc-more-card { border-left: 0 !important; border-top: 1px solid #e5e5e5 !important; }
}

@media (max-width: 420px) {
  .adpcc-use-grid { grid-template-columns: 1fr 1fr; }
  .adpcc-use-icon { width: 60px; height: 60px; }
}

/* v1.1.2 — Strong closing panel using the theme's dark hover green. */
.adpcc {
  --adpcc-theme-green-hover: #6c884c;
}

/* Match the theme button hover more closely. */
.adpcc-button:hover,
.adpcc-button:focus {
  background: #6c884c !important;
  border-color: #6c884c !important;
  color: #ffffff !important;
}

/* Deliberate visual break for the final "En savoir plus" block. */
.adpcc-more {
  background: #6c884c !important;
  border-color: #6c884c !important;
  color: #ffffff !important;
}

.adpcc-more > h2,
.adpcc-more-card h3 {
  color: #ffffff !important;
}

.adpcc-more-icon {
  color: #ffffff !important;
}

.adpcc-more-card .adpcc-copy {
  color: rgba(255, 255, 255, .90) !important;
}

.adpcc-more-card + .adpcc-more-card {
  border-left-color: rgba(255, 255, 255, .28) !important;
}

.adpcc-more-link {
  color: #eef4e4 !important;
}

.adpcc-more-link:hover,
.adpcc-more-link:focus {
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .adpcc-more-card + .adpcc-more-card {
    border-top-color: rgba(255, 255, 255, .28) !important;
  }
}

/* v1.1.3 — clickable Learn more cards, white links, and theme-proof hover states. */
.adpcc-more-card-link,
.adpcc-more-card-link:link,
.adpcc-more-card-link:visited,
.adpcc-more-card-link:hover,
.adpcc-more-card-link:focus,
.adpcc-more-card-link:active {
  display: block;
  color: #ffffff !important;
  text-decoration: none !important;
  background: transparent !important;
  outline-color: rgba(255,255,255,.75);
}

.adpcc-more-card-link:hover,
.adpcc-more-card-link:focus {
  background: rgba(255,255,255,.055) !important;
}

.adpcc-more-card-link h3,
.adpcc-more-card-link .adpcc-copy,
.adpcc-more-card-link .adpcc-copy *,
.adpcc-more-card-link .adpcc-more-icon,
.adpcc-more-card-link .adpcc-more-link,
.adpcc-more-card-link:hover h3,
.adpcc-more-card-link:hover .adpcc-copy,
.adpcc-more-card-link:hover .adpcc-copy *,
.adpcc-more-card-link:hover .adpcc-more-icon,
.adpcc-more-card-link:hover .adpcc-more-link,
.adpcc-more-card-link:focus h3,
.adpcc-more-card-link:focus .adpcc-copy,
.adpcc-more-card-link:focus .adpcc-copy *,
.adpcc-more-card-link:focus .adpcc-more-icon,
.adpcc-more-card-link:focus .adpcc-more-link {
  color: #ffffff !important;
}

.adpcc-more-link {
  display: inline-block;
  margin-top: .6rem;
  color: #ffffff !important;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,255,255,.5);
  padding-bottom: 1px;
}

.adpcc-more-card-link:hover .adpcc-more-link,
.adpcc-more-card-link:focus .adpcc-more-link {
  color: #ffffff !important;
  border-bottom-color: #ffffff;
}

/* Ensure rich-text formatting can never reintroduce green text inside the dark panel. */
.adpcc-more .adpcc-copy,
.adpcc-more .adpcc-copy p,
.adpcc-more .adpcc-copy span,
.adpcc-more .adpcc-copy strong,
.adpcc-more .adpcc-copy em,
.adpcc-more .adpcc-copy b,
.adpcc-more .adpcc-copy i {
  color: #ffffff !important;
}

/* v1.1.4 — visible placeholder buttons, no redundant CTA labels in Learn more. */
.adpcc-button-disabled,
.adpcc-button-disabled:hover,
.adpcc-button-disabled:focus {
  background: transparent !important;
  border-color: #86aa5f !important;
  color: #86aa5f !important;
  cursor: default;
  pointer-events: none;
}

/* Entire Learn more cards are the links; no secondary underlined/label link is shown. */
.adpcc-more-card-link,
.adpcc-more-card-link:hover,
.adpcc-more-card-link:focus,
.adpcc-more-card-link:active {
  text-decoration: none !important;
}