/* Offre Duo Épargne - Accession — encarts des fiches et page dédiée (14/11/2026). */

/* ── Encart (carte latérale / bandeau principal) ── */
.wc-duo-encart { background: var(--wc-marine); color: #fff; border-radius: var(--wc-radius); padding: 1.3rem 1.3rem 1.1rem; box-shadow: var(--wc-shadow); }
.wc-duo-encart--carte { margin-top: 1.2rem; padding: 1rem 1rem .9rem; }
.wc-duo-encart--bandeau { margin: 2rem 0; }
.wc-duo-encart__badge { display: inline-block; background: var(--wc-orange); color: #fff; font-size: var(--wc-fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: .3em .75em; border-radius: 6px; margin-bottom: .8rem; }
.wc-duo-encart__titre { font-family: var(--wc-font-display); font-size: var(--wc-fs-lg); line-height: 1.25; margin: 0 0 .5rem; color: #fff; }
.wc-duo-encart__texte { font-size: var(--wc-fs-sm); line-height: 1.5; color: rgba(255,255,255,.82); margin: 0 0 .8rem; }
.wc-duo-encart__chiffre { background: rgba(255,255,255,.07); border-radius: 10px; padding: .8rem; text-align: center; margin: 0 0 .9rem; }
.wc-duo-encart__chiffre b { display: block; font-family: var(--wc-font-display); font-size: 1.7rem; line-height: 1.1; color: var(--wc-orange); }
.wc-duo-encart__chiffre small { display: block; font-size: var(--wc-fs-xs); color: rgba(255,255,255,.62); margin-top: .3rem; line-height: 1.4; }
.wc-duo-encart .wc-duo-encart__btn { width: 100%; justify-content: center; text-align: center; }
.wc-duo-encart__legal { font-size: .7rem; color: rgba(255,255,255,.5); margin: .7rem 0 0; line-height: 1.4; }

/* Carte latérale compacte : la colonne est collante (sticky) et déjà haute ;
   une carte complète en pousserait le bas hors de l'écran. */
.wc-duo-encart--carte .wc-duo-encart__texte,
.wc-duo-encart--carte .wc-duo-encart__chiffre small { display: none; }
.wc-duo-encart--carte .wc-duo-encart__badge { margin-bottom: .5rem; }
.wc-duo-encart--carte .wc-duo-encart__titre { font-size: var(--wc-fs-base, 1rem); }
.wc-duo-encart--carte .wc-duo-encart__chiffre { padding: .5rem; margin-bottom: .7rem; }
.wc-duo-encart--carte .wc-duo-encart__chiffre b { font-size: 1.35rem; }
.wc-duo-encart--carte .wc-duo-encart__chiffre::after { content: attr(data-court); display: block; font-size: .7rem; color: rgba(255,255,255,.62); }
.wc-pd__aside .wc-duo-encart .wc-btn { margin-bottom: 0; }

/* Bandeau : texte à gauche, chiffre et bouton à droite sur grand écran. */
@media (min-width: 761px) {
	.wc-duo-encart--bandeau { display: grid; grid-template-columns: 1fr 260px; gap: .2rem 1.6rem; align-items: center; padding: 1.5rem 1.6rem; }
	.wc-duo-encart--bandeau > * { grid-column: 1; }
	.wc-duo-encart--bandeau .wc-duo-encart__badge { justify-self: start; }
	.wc-duo-encart--bandeau .wc-duo-encart__chiffre { grid-column: 2; grid-row: 1 / span 3; margin: 0; align-self: end; }
	.wc-duo-encart--bandeau .wc-duo-encart__btn { grid-column: 2; grid-row: 4; align-self: start; }
	.wc-duo-encart--bandeau .wc-duo-encart__legal { grid-row: 4; }
}

/* Sur mobile, la colonne latérale passe sous tout le contenu : le bandeau suffit. */
@media (max-width: 960px) {
	.wc-duo-encart--carte { display: none; }
}

/* ── Page /epargne-accession/ ── */
.wc-neuf-duo__contexte { background: #fff; border-left: 4px solid var(--wc-orange); border-radius: 8px; padding: .8rem 1rem; font-weight: 600; color: var(--wc-ink); }
.wc-ep-cas__inner { max-width: var(--wc-maxw); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; }
.wc-ep-cas__col { background: #fff; border: 1px solid var(--wc-line); border-radius: var(--wc-radius); padding: 1.8rem; }
.wc-ep-cas__col h2 { font-size: var(--wc-fs-xl); margin-bottom: .6rem; }
.wc-ep-cas__col p { color: var(--wc-muted); line-height: 1.6; }
.wc-ep-cas__lien { display: inline-block; margin-top: .8rem; font-weight: 700; color: var(--wc-teal); text-decoration: none; }
.wc-ep-faq { max-width: 860px; margin: 0 auto; padding: 0 16px clamp(2.5rem, 5vw, 4rem); }
.wc-ep-faq .wc-faq-geo { padding: 0; }
.wc-ep-faq .wc-faq-geo h2 { font-size: var(--wc-fs-2xl); margin-bottom: 1rem; }
.wc-ep-faq .wc-faq-geo__q { border-bottom: 1px solid var(--wc-line); padding: .9rem 0; }
.wc-ep-faq .wc-faq-geo__q summary { cursor: pointer; font-weight: 600; }
.wc-ep-faq .wc-faq-geo__q p { color: var(--wc-muted); line-height: 1.6; margin: .6rem 0 0; }
@media (max-width: 760px) {
	.wc-ep-cas__inner { grid-template-columns: 1fr; }
}