/* Public B2C benefit contrast hotfix: separate versioned stylesheet to defeat 30-day CSS caching. */
/* Ready-to-go proof section: prevent legacy dark-card typography on white cards.
 * In the original Signature component the headings, copy and CTAs still use
 * pale green/white dark-theme colors, while the commercial marine layer forces
 * the cards light. Scope to public offer pages and keep the photo/caption intact.
 * Applies to Signature Nord/Sud/Ouest/Terroir, Essentiel and Escapade variants
 * in FR/EN/DE and under both light/dark user preferences. */
html[data-kc-commercial-marine] body.kce-page .kce-section .kce-proof-item {
  background:#fffdfa!important;
  border-color:#cbd9e3!important;
  color:#172f43!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-section .kce-proof-item small {
  color:#234b68!important;
  opacity:1!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-section .kce-proof-item h3 {
  color:#14344e!important;
  opacity:1!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-section .kce-proof-item p {
  color:#536574!important;
  opacity:1!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-section .kce-proof-item a {
  color:#234b68!important;
  opacity:1!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-section .kce-proof-item a:hover {
  color:#14344e!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-section .kce-proof-item a:focus-visible {
  outline:3px solid #356b91!important;
  outline-offset:3px;
}
/* The section's standalone introduction was also still colored for a dark panel. */
html[data-kc-commercial-marine] body.kce-page .kcr-signature-benefits :is(.kce-kicker,h2) {
  color:#14344e!important;
}
html[data-kc-commercial-marine] body.kce-page .kcr-signature-benefits .kce-intro {
  color:#536574!important;
  opacity:1!important;
}

/* Ready-to-go commercial polish 2026-10-26: 7 offers x FR/EN/DE.
 * Keep the public smartphone previews and private purchasing paths untouched.
 * This versioned CSS sits after the older commercial/offer CSS, including
 * legacy dark-theme rules, and fixes the photographed UI regressions. */

/* Price: the old dark-theme mint value was unreadable on the new white card. */
html[data-kc-commercial-marine] body.kce-page .kce-price-card .kce-price,
html[data-kc-commercial-marine] body.kce-page .kce-price-card .kce-price sup {
  color:#14344e!important;
  opacity:1!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-price-card :is(.kce-price-note,.kce-price-caption) {
  color:#536574!important;
  opacity:1!important;
}

/* The preview must have one dominant section heading, not two giant headlines. */
html[data-kc-commercial-marine] body.kce-page #apercu>.kce-shell>h2 {
  max-width:34ch;
  font-size:clamp(1.7rem,2.6vw,2.4rem)!important;
  line-height:1.2!important;
  text-wrap:balance;
}
html[data-kc-commercial-marine] body.kce-page
:is(.kcr-ready-demo,.kcr-concarneau-demo) {
  align-items:start!important;
  margin-top:clamp(18px,3vw,28px)!important;
}
html[data-kc-commercial-marine] body.kce-page
:is(.kcr-ready-demo,.kcr-concarneau-demo) .kcr-cdemo-offer-copy h3 {
  margin:0 0 12px!important;
  font-size:clamp(1.2rem,1.8vw,1.6rem)!important;
  line-height:1.3!important;
  font-weight:650!important;
  color:#14344e!important;
}
html[data-kc-commercial-marine] body.kce-page
:is(.kcr-ready-demo,.kcr-concarneau-demo) .kcr-cdemo-offer-copy :is(p,li) {
  color:#536574!important;
  opacity:1!important;
}

/* Full screen preview CTAs stay readable in both light and forced dark modes. */
html[data-kc-commercial-marine] body.kce-page
:is(.kcr-ready-demo,.kcr-concarneau-demo) a.kcr-cdemo-open {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px;
  background:#14344e!important;
  border:2px solid #14344e!important;
  color:#fffdfa!important;
  border-radius:10px;
  padding:12px 18px;
  font-weight:800!important;
  line-height:1.4!important;
  text-decoration:none!important;
  box-shadow:0 6px 16px rgba(20,52,78,.14);
  transition:none!important;
}
html[data-kc-commercial-marine] body.kce-page
:is(.kcr-ready-demo,.kcr-concarneau-demo) a.kcr-cdemo-open:is(:hover,:focus-visible) {
  background:#234b68!important;
  border-color:#234b68!important;
  color:#fffdfa!important;
}

/* Make the free preview clear in the offer hero AND on the genuine public day. */
html[data-kc-commercial-marine] body.kce-page
.kce-hero .kce-actions a.kce-button--ghost {
  background:#e5eef6!important;
  border:2px solid #356b91!important;
  color:#14344e!important;
  font-weight:800!important;
}
html[data-kc-commercial-marine] body.kce-page
.kcr-day-grid .kcr-day-card[data-access="public"] .kcr-free-label {
  background:#dce9f3!important;
  border:1px solid #7392a9!important;
  color:#14344e!important;
  font-weight:900!important;
}
html[data-kc-commercial-marine] body.kce-page
.kcr-day-grid .kcr-day-card[data-access="public"] a.kcr-day-link {
  background:#14344e!important;
  color:#fffdfa!important;
  border:1px solid #14344e!important;
  border-radius:10px!important;
  padding:11px 15px!important;
  text-decoration:none!important;
  font-weight:850!important;
  min-height:48px!important;
}
html[data-kc-commercial-marine] body.kce-page
.kcr-day-grid .kcr-day-card[data-access="public"] a.kcr-day-link:is(:hover,:focus-visible) {
  background:#234b68!important;
  border-color:#234b68!important;
  color:#fffdfa!important;
}

/* Equal footer alignment on all days, irrespective of title/intro wrapping. */
html[data-kc-commercial-marine] body.kce-page
.kcr-day-grid .kcr-day-card .kce-route-copy {
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0;
}
html[data-kc-commercial-marine] body.kce-page
.kcr-day-grid .kcr-day-card .kce-route-copy>p {
  margin-bottom:auto!important;
}
html[data-kc-commercial-marine] body.kce-page
.kcr-day-grid .kcr-day-card :is(.kcr-free-label,.kcr-locked-label) {
  margin-top:12px!important;
  align-self:flex-start;
}
html[data-kc-commercial-marine] body.kce-page
.kcr-day-grid .kcr-day-card :is(.kcr-day-link,.kcr-unlock-link) {
  display:inline-flex!important;
  align-items:center;
  align-self:flex-start!important;
  justify-content:flex-start;
  max-width:100%;
  margin-top:8px!important;
  min-height:44px;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
}
html[data-kc-commercial-marine] body.kce-page
.kcr-day-grid .kcr-day-card .kcr-grand-day-links {
  margin-top:auto!important;
}

/* Standalone source/photo credits: never absolute-position inside captions. */
html[data-kc-commercial-marine] body.kce-page
.kcr-signature-benefits .kce-photo-card figcaption {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  position:relative!important;
  inset:auto!important;
  z-index:2;
  width:100%!important;
  height:auto!important;
  min-height:70px;
  max-height:none!important;
  padding:14px 18px!important;
  background:#14344e!important;
  color:#fffdfa!important;
  font-size:.83rem!important;
  line-height:1.5!important;
  overflow-wrap:anywhere;
}
html[data-kc-commercial-marine] body.kce-page
.kcr-signature-benefits .kce-photo-card figcaption>.kcr-image-credit {
  display:block!important;
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:#e5eef6!important;
  font-size:.73rem!important;
  line-height:1.55!important;
  overflow-wrap:anywhere;
}
html[data-kc-commercial-marine] body.kce-page
.kcr-signature-benefits .kce-photo-card figcaption>.kcr-image-credit a {
  color:inherit!important;
  text-decoration:underline!important;
}
html[data-kc-commercial-marine] body.kce-page
.kcr-escapade-story-photo figcaption>.kcr-image-credit {
  display:block!important;
  position:static!important;
  inset:auto!important;
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  background:transparent!important;
}

/* Additional safety: prevent any source strip from floating over day-card copy. */
html[data-kc-commercial-marine] body.kce-page
.kcr-day-grid .kcr-day-card>.kcr-image-credit {
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  z-index:auto!important;
  white-space:normal!important;
  line-height:1.55!important;
  overflow-wrap:anywhere;
}
@media(max-width:720px){
  html[data-kc-commercial-marine] body.kce-page
  #apercu>.kce-shell>h2 {max-width:none;font-size:clamp(1.65rem,6vw,2rem)!important;}
  html[data-kc-commercial-marine] body.kce-page
  :is(.kcr-ready-demo,.kcr-concarneau-demo) {gap:22px!important;}
}


/* Final public-offer FAQ and bespoke bridge — light palette, October 2026.
 * The legacy dark-mode theme kept near-white FAQ text on a white section,
 * while the bespoke bridge kept its green gradient with navy text.
 * Apply to public ready-to-go offer pages only; never private guides/checkout. */

/* FAQ: maintain readable text and disclosure markers in every color scheme. */
html[data-kc-commercial-marine] body.kce-page .kce-section.kce-faq {
  background:#fffdfa!important;
  color:#172f43!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-faq :is(.kce-kicker,h2,summary) {
  color:#14344e!important;
  opacity:1!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-faq :is(.kce-faq-intro p,details>p) {
  color:#536574!important;
  opacity:1!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-faq details {
  border-color:#cbd9e3!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-faq summary::marker,
html[data-kc-commercial-marine] body.kce-page .kce-faq summary::-webkit-details-marker {
  color:#14344e!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-faq summary:focus-visible {
  outline:3px solid #356b91!important;
  outline-offset:3px;
  border-radius:4px;
}

/* The last commercial card: plain white, never green or green-to-white. */
html[data-kc-commercial-marine] body.kce-page .kce-section .kce-final {
  background:#fff!important;
  color:#172f43!important;
  border:1px solid #cbd9e3!important;
  box-shadow:0 12px 36px rgba(20,52,78,.07);
}
html[data-kc-commercial-marine] body.kce-page .kce-final :is(.kce-kicker,h2) {
  color:#14344e!important;
  opacity:1!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-final p:not(.kce-kicker) {
  color:#536574!important;
  opacity:1!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-final a.kce-button {
  background:#14344e!important;
  border:1px solid #14344e!important;
  color:#fff!important;
}
html[data-kc-commercial-marine] body.kce-page .kce-final a.kce-button:is(:hover,:focus-visible) {
  background:#234b68!important;
  border-color:#234b68!important;
  color:#fff!important;
}