/* DALI – trois pages d'offres issues du PPTX, style autonome et adaptatif. */
.dali-offer-page {
  --dali-deep: #173e60;
  --dali-blue: #1d6686;
  --dali-muted: #53697b;
  --dali-border: #cddfe7;
  --dali-tint: #e2eef9;
  --dali-accent: #23618b;
  --dali-accent-dark: #143f62;
  --dali-shadow: 0 17px 42px rgba(20, 63, 98, .08);
  color: #16314a;
  font-family: inherit;
  box-sizing: border-box;
  width: min(1160px, calc(100% - 40px));
  margin: 30px auto 70px !important;
  padding: 0 !important;
  line-height: 1.5;
}
.dali-offer-page *, .dali-offer-page *::before, .dali-offer-page *::after { box-sizing: border-box; }
.dali-offer-page.dali-theme-jnp { --dali-tint:#fce9dc; --dali-accent:#9b6518; --dali-accent-dark:#795019; }
.dali-offer-page.dali-theme-jno { --dali-tint:#e1f1dc; --dali-accent:#416a37; --dali-accent-dark:#33592e; }
.dali-offer-page :where(h1,h2,h3,p,ul,figure) { margin-block-start: 0; }
.dali-offer-page .dali-hero {
  border-radius: 22px;
  background: linear-gradient(118deg, var(--dali-tint) 0%, #fff 92%);
  padding: clamp(28px, 5vw, 56px) clamp(24px, 5vw, 62px);
  margin-bottom: 26px;
  border: 1px solid color-mix(in srgb, var(--dali-accent) 18%, white);
  border-left: 7px solid var(--dali-accent);
}
.dali-offer-page .dali-eyebrow { color: var(--dali-accent); text-transform:uppercase; letter-spacing:.17em; font-weight:750; font-size:12px; margin-bottom:14px; }
.dali-offer-page .dali-title { color: var(--dali-deep); letter-spacing:-.033em; font-size: clamp(29px, 3.4vw, 47px); line-height:1.14; font-weight:800; margin:0 0 17px; max-width:950px; }
.dali-offer-page .dali-lead { color:#344e60; max-width:900px; font-size:clamp(16px, 1.7vw, 20px); line-height:1.5; margin:0; }
.dali-offer-page .dali-columns.wp-block-columns { display:grid !important; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.38fr); align-items:start; gap:28px !important; margin:0 !important; }
.dali-offer-page .dali-columns.wp-block-columns > .wp-block-column { min-width:0; flex-basis:auto !important; margin:0 !important; }
.dali-offer-page .dali-left-card {
  border-radius:20px; padding:30px; background:var(--dali-tint);
  border:1px solid color-mix(in srgb, var(--dali-accent) 23%, white);
  box-shadow:var(--dali-shadow);
}
.dali-offer-page .dali-side-kicker { color:var(--dali-accent); font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:750; margin-bottom:10px; }
.dali-offer-page .dali-scope-title { color:var(--dali-accent-dark); font-size:22px; font-weight:750; line-height:1.26; margin:0 0 14px; }
.dali-offer-page .dali-scope-intro { font-size:15px; font-weight:650; line-height:1.55; margin-bottom:8px; }
.dali-offer-page .dali-scope-list,
.dali-offer-page .dali-outcome-list { list-style:none; padding-left:0; margin:12px 0 0; }
.dali-offer-page .dali-scope-list > li,
.dali-offer-page .dali-outcome-list > li { position:relative; padding-left:20px; font-size:15px; line-height:1.55; margin:0 0 9px; }
.dali-offer-page .dali-scope-list > li::before,
.dali-offer-page .dali-outcome-list > li::before { content:""; position:absolute; width:7px; height:7px; border-radius:100%; background:var(--dali-accent); top:.59em; left:2px; }
.dali-offer-page .dali-illustration { margin:22px 0 23px; text-align:center; }
.dali-offer-page .dali-illustration img { display:block; max-width: min(100%, 300px); height:auto; margin-inline:auto; border-radius:12px; box-shadow:0 12px 26px rgba(38,65,74,.10); background:#fff; }
.dali-offer-page .dali-outcome-box { background:rgba(255,255,255,.73); border:1px solid rgba(17,73,91,.13); border-radius:14px; padding:18px 19px 10px; }
.dali-offer-page .dali-outcome-title { color:var(--dali-accent-dark); font-size:17px; line-height:1.35; margin:0 0 11px; }
.dali-offer-page .dali-process-head { margin:4px 0 23px; }
.dali-offer-page .dali-process-title { font-size:28px; letter-spacing:-.025em; color:var(--dali-deep); margin:0 0 6px; line-height:1.2; }
.dali-offer-page .dali-process-caption { color:var(--dali-muted); font-size:15px; margin:0; }
.dali-offer-page .dali-steps { display:grid; gap:13px; }
.dali-offer-page .dali-step {
   background:#fff; border:1px solid var(--dali-border); border-radius:16px;
   display:grid; grid-template-columns:62px 1fr; align-items:start; gap:17px;
   padding:21px 21px 18px; box-shadow:0 7px 24px rgba(27,75,101,.045);
}
.dali-offer-page .dali-step-number { font-size:17px; font-weight:800; letter-spacing:.02em; color:#fff; background:var(--dali-blue); border-radius:12px; width:54px; height:54px; display:flex; align-items:center; justify-content:center; margin:0; }
.dali-offer-page .dali-step-title { color:var(--dali-deep); font-size:18px; margin:1px 0 11px; line-height:1.25; font-weight:750; }
.dali-offer-page .dali-step-list { font-size:14px; padding-left:18px; margin:0; color:#354d5f; line-height:1.55; }
.dali-offer-page .dali-step-list li { margin-bottom:6px; }
.dali-offer-page .dali-contact {
  margin-top:30px;
  border-radius:18px; padding:25px clamp(22px,4vw,40px);
  background:#183f5b; color:#fff; display:flex; align-items:center; gap:25px; justify-content:space-between;
}
.dali-offer-page .dali-contact-title { font-size:21px; font-weight:730; line-height:1.25; color:#fff; margin:0 0 6px; }
.dali-offer-page .dali-contact-text { color:#e2edf3; font-size:14px; margin:0; }
.dali-offer-page .dali-cta-actions { margin:0; flex-shrink:0; }
.dali-offer-page .dali-cta-button .wp-block-button__link { display:inline-block; text-decoration:none !important; white-space:nowrap; border-radius:999px; background:#fff; color:#173f60; font-size:14px; font-weight:750; padding:14px 23px; border:1px solid #fff; transition:transform .15s ease, background .15s ease; }
.dali-offer-page .dali-cta-button .wp-block-button__link:hover { background:#e7f3f9; transform:translateY(-1px); }
@media (max-width:870px) {
  .dali-offer-page .dali-columns.wp-block-columns { grid-template-columns:1fr; }
  .dali-offer-page .dali-left-card { display:block; }
  .dali-offer-page .dali-contact { flex-direction:column; align-items:flex-start; gap:20px; }
}
@media (max-width:530px) {
  .dali-offer-page { width:calc(100% - 22px); margin-top:14px !important; }
  .dali-offer-page .dali-hero { padding:27px 20px; border-radius:15px; border-left-width:5px; }
  .dali-offer-page .dali-left-card { padding:22px 19px; border-radius:15px; }
  .dali-offer-page .dali-step { grid-template-columns:45px 1fr; padding:17px 15px; gap:11px; }
  .dali-offer-page .dali-step-number { height:42px; width:42px; font-size:14px; border-radius:10px; }
  .dali-offer-page .dali-step-title { font-size:17px; }
  .dali-offer-page .dali-contact { padding:23px 20px; }
  .dali-offer-page .dali-cta-button .wp-block-button__link { white-space:normal; }
}

/* v1.1 - Prevent Gutenberg constrained-layout rules from collapsing step text. */
.dali-offer-page .dali-steps.wp-block-group { width:100%; min-width:0; }
.dali-offer-page .dali-step.wp-block-group { width:100%; min-width:0; box-sizing:border-box; grid-template-columns:62px minmax(0,1fr); }
.dali-offer-page .dali-step > .dali-step-copy.wp-block-group { width:auto !important; max-width:none !important; min-width:0 !important; margin:0 !important; justify-self:stretch; }
.dali-offer-page .dali-step-copy > .dali-step-title,
.dali-offer-page .dali-step-copy > .dali-step-list { width:100% !important; max-width:none !important; min-width:0; margin-left:0 !important; margin-right:0 !important; overflow-wrap:break-word; word-break:normal; }
.dali-offer-page .dali-step > .dali-step-number { margin:0 !important; }
@media (max-width:530px) { .dali-offer-page .dali-step.wp-block-group { grid-template-columns:45px minmax(0,1fr); } }

/* v1.2: robust flex layout for approach cards across WordPress themes. */
.dali-offer-page .dali-steps .dali-step.wp-block-group {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:17px !important;
  width:100% !important;
  max-width:none !important;
}
.dali-offer-page .dali-steps .dali-step > .dali-step-number {
  flex:0 0 54px !important;
  width:54px !important;
  min-width:54px !important;
  max-width:54px !important;
}
.dali-offer-page .dali-steps .dali-step > .dali-step-copy.wp-block-group {
  display:block !important;
  flex:1 1 0% !important;
  width:0 !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.dali-offer-page .dali-step-copy > * {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
@media (max-width:530px) {
 .dali-offer-page .dali-steps .dali-step.wp-block-group {gap:11px !important;}
 .dali-offer-page .dali-steps .dali-step > .dali-step-number {flex-basis:42px !important;width:42px !important;min-width:42px !important;max-width:42px !important;}
}