/* V10.13 : consolidation des ajustements du comparateur, ordre de cascade préservé. */

/* --- v1096-comparator.css --- */
/* V10.9.6 — cartes lisibles et logo fallback complet */
.dcp105-comparison .dcp105-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.dcp105-comparison .dcp105-platform{min-width:0;padding:22px;display:flex;flex-direction:column}
.dcp105-comparison .dcp105-platform-heading{display:block;min-width:0}
.dcp105-comparison .dcp105-platform-heading .dcp108-brand{display:flex;align-items:center;gap:12px;min-width:0}
.dcp105-comparison .dcp105-platform-heading h3{font-size:clamp(21px,2vw,27px);overflow-wrap:anywhere}
.dcp105-comparison .dcp105-platform-heading>span{display:block;margin-top:8px}
.dcp105-comparison .dcp105-platform dl{flex:1}
.dcp105-comparison .dcp105-platform dd{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.dcp105-comparison .dcp105-platform-links{margin-top:auto}
.dcp108-brand .dcp1095-brand-logo{width:88px;flex:0 0 88px;height:52px}
.dcp108-brand .dcp1095-logo-fallback{font:700 11px/1.2 Arial,sans-serif;letter-spacing:-.02em;text-align:center;overflow-wrap:anywhere}
@media(max-width:1099px){.dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.dcp105-comparison .dcp105-platforms{grid-template-columns:minmax(0,1fr)}.dcp105-comparison .dcp105-platform{padding:19px}.dcp108-brand .dcp1095-brand-logo{width:75px;flex-basis:75px;height:48px}}


/* --- v1097-comparator.css --- */
/* V10.9.7 — cinq plateformes sur une ligne sur ordinateur, responsive conservé. */
@media(min-width:1100px){
 .dcp105-comparison .wrap{width:calc(100% - 36px);max-width:1600px;margin-left:auto;margin-right:auto}
 .dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
 .dcp105-comparison .dcp105-platform{padding:17px 13px}
 .dcp105-comparison .dcp105-platform-heading .dcp108-brand{gap:8px;flex-wrap:wrap}
 .dcp105-comparison .dcp105-platform-heading h3{font-size:clamp(18px,1.35vw,23px);line-height:1.2}
 .dcp105-comparison .dcp105-platform dd{font-size:12.5px;line-height:1.55}
 .dcp105-comparison .dcp105-platform dt{font-size:11px}
 .dcp105-comparison .dcp105-platform-links a{font-size:12px}
 .dcp105-comparison .dcp108-brand .dcp1095-brand-logo{width:67px;flex:0 0 67px;height:45px}
}
@media(min-width:1100px) and (max-width:1250px){
 .dcp105-comparison .wrap{width:calc(100% - 22px)}
 .dcp105-comparison .dcp105-platforms{gap:9px}
 .dcp105-comparison .dcp105-platform{padding:14px 10px}
}
@media(min-width:700px) and (max-width:1099px){.dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.dcp105-comparison .dcp105-platforms{grid-template-columns:minmax(0,1fr)}}


/* --- v1098-comparator.css --- */
/* V10.9.8 — finition premium du comparateur, limitée à l’accueil */
.dcp105-comparison .dcp105-platforms{align-items:stretch}
.dcp105-comparison .dcp105-platform{display:flex;flex-direction:column;min-width:0;border:1px solid #ddc4a5;border-radius:17px;background:linear-gradient(180deg,#fffdfa 0%,#fff8ef 100%);box-shadow:0 10px 22px rgba(55,30,23,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}
.dcp105-comparison .dcp105-platform:hover{transform:translateY(-3px);border-color:#bd9a70;box-shadow:0 16px 30px rgba(55,30,23,.12)}
.dcp105-comparison .dcp105-platform-heading{min-height:113px;align-content:start;border-bottom:1px solid #e9d8c4}
.dcp105-comparison .dcp105-platform-heading h3{font-family:Georgia,serif;overflow-wrap:anywhere;hyphens:auto;color:#291b20}
.dcp105-comparison .dcp105-platform-heading>span{font-size:12px;line-height:1.45;color:#92516c}
.dcp105-comparison .dcp105-platform dl{flex:1;margin:15px 0 18px}
.dcp105-comparison .dcp105-platform dt{font-size:11px;line-height:1.35;color:#8a5c2f;letter-spacing:.07em}
.dcp105-comparison .dcp105-platform dd{color:#342a29;overflow-wrap:anywhere}
.dcp105-comparison .dcp105-platform-links{margin-top:auto;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.dcp105-comparison .dcp105-platform-links a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;border-radius:10px;padding:10px 9px;background:#9c4266;color:#fff!important;border:1px solid #9c4266;text-decoration:none!important;font-size:12px;line-height:1.35;font-weight:700;transition:background .2s ease}
.dcp105-comparison .dcp105-platform-links a:hover{background:#6e2c4a;color:#fff!important}
.dcp105-comparison .dcp105-platform-links a:focus-visible,.dcp105-comparison .dcp109-choice-card:focus-visible{outline:3px solid #9c4266;outline-offset:3px}
.dcp105-comparison .dcp105-platform-links a:nth-child(n+2){background:transparent;color:#70415a!important;border-color:#d9bdca}
.dcp105-comparison .dcp105-platform-links a:nth-child(n+2):hover{background:#f9eaf0}
.dcp105-comparison .dcp108-brand .dcp1095-brand-logo{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ead7bf;border-radius:9px;overflow:hidden;min-width:0}
.dcp105-comparison .dcp1095-brand-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.dcp105-comparison .dcp1095-logo-fallback{font-size:10px!important;line-height:1.15!important;overflow-wrap:anywhere;color:#482b33!important;text-align:center}
.dcp105-comparison .dcp105-disclosure{font-size:13px;line-height:1.65;color:#66544b}
@media(min-width:900px){.dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dcp105-comparison .wrap{max-width:1600px;width:calc(100% - 36px)}.dcp105-comparison .dcp105-platform{padding:17px 13px}.dcp105-comparison .dcp105-platform dd{font-size:12.5px;line-height:1.6}.dcp105-comparison .dcp105-platform-heading h3{font-size:clamp(18px,1.35vw,23px)}}
@media(min-width:700px) and (max-width:899px){.dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.dcp105-comparison .dcp105-platforms{grid-template-columns:minmax(0,1fr)}.dcp105-comparison .dcp105-platform-heading{min-height:0}.dcp105-comparison .dcp105-platform dd{font-size:14px}}
@media(prefers-reduced-motion:reduce){.dcp105-comparison .dcp105-platform{transition:none}.dcp105-comparison .dcp105-platform:hover{transform:none}}

/* V10.9.9 : maintien des cinq cartes sur une ligne des 900px, sans changer les contenus. */
@media(min-width:900px){.dcp105-comparison .dcp105-platforms{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}.dcp105-comparison .dcp105-platform{min-width:0}.dcp105-comparison .dcp105-platform-links a{overflow-wrap:anywhere}}


/* --- v1010-comparator.css --- */
/* V10.10 — refonte visible et isolée du comparateur sur l'accueil. */
.dcp105-comparison{background:linear-gradient(180deg,#f8f0e5 0%,#fffaf3 55%,#f6ebdd 100%);position:relative}
.dcp105-comparison .wrap{width:calc(100% - 36px);max-width:1560px;margin-inline:auto}
.dcp105-comparison .dcp105-intro{max-width:880px;margin-bottom:24px}
.dcp105-comparison .dcp105-intro .eyebrow{color:#9a5774}
.dcp105-comparison .dcp105-intro h2{color:#281c20;letter-spacing:-.025em}
.dcp105-comparison .dcp105-intro>p{color:#51453e;line-height:1.75}
.dcp105-comparison .dcp105-disclosure{font-size:12px!important;color:#6a5b50!important}
.dcp105-comparison .dcp109-choice{border:1px solid #dbc1a4;border-radius:22px;padding:22px 25px;background:#fffaf3;box-shadow:0 14px 34px rgba(65,35,27,.055);margin-bottom:22px}
.dcp105-comparison .dcp109-choice-intro strong{color:#39232a;font-family:Georgia,serif;font-size:23px}
.dcp105-comparison .dcp109-choice-intro span{color:#68544b}
.dcp105-comparison .dcp109-choice-card{border:1px solid #e6cfb8!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;transition:background .2s,border-color .2s,transform .2s}
.dcp105-comparison .dcp109-choice-card:hover{background:#fff0e7!important;border-color:#ba8d72!important;transform:translateY(-2px)}
.dcp105-comparison .dcp105-filter-panel{border:1px solid #e1cbb3;border-radius:17px;background:#fff;box-shadow:0 8px 20px rgba(53,31,27,.045);padding:17px 20px;margin-bottom:22px}
.dcp105-comparison .dcp105-filter-panel fieldset{min-width:0}
.dcp105-comparison .dcp105-filter-panel legend{color:#36242a;font-weight:700}
.dcp105-comparison .dcp105-filter-panel label{cursor:pointer}
.dcp105-comparison .dcp105-filter-panel label span{border-radius:99px!important;transition:background .15s}
.dcp105-comparison .dcp105-filter-panel input:focus-visible+span{outline:3px solid #a24d71;outline-offset:2px}
.dcp105-comparison .dcp105-filter-meta{color:#5d4a44}
.dcp105-comparison .dcp105-platforms{display:grid!important;gap:14px!important;align-items:stretch}
.dcp105-comparison .dcp105-platform{position:relative;display:flex!important;flex-direction:column!important;min-width:0!important;padding:0!important;overflow:hidden;border:1px solid #d8b99a!important;border-radius:20px!important;background:#fffdfa!important;box-shadow:0 12px 28px rgba(47,25,22,.09)!important;transform:none!important;transition:box-shadow .2s,border-color .2s}
.dcp105-comparison .dcp105-platform:hover{border-color:#b78667!important;box-shadow:0 18px 34px rgba(47,25,22,.14)!important;transform:none!important}
.dcp105-comparison .dcp105-platform-heading{display:block!important;min-height:175px!important;padding:21px 17px 17px!important;background:linear-gradient(145deg,#2b1e23,#47303b)!important;border-bottom:3px solid #d2a979!important;color:#fff5e7!important}
.dcp105-comparison .dcp105-platform-heading .dcp108-brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:11px!important;flex-wrap:nowrap!important}
.dcp105-comparison .dcp108-brand .dcp1095-brand-logo{width:100px!important;max-width:100%!important;height:52px!important;flex:0 0 52px!important;padding:6px!important;border:1px solid rgba(224,194,159,.65)!important;border-radius:10px!important;background:#fff!important}
.dcp105-comparison .dcp1095-brand-logo img{max-height:100%!important;max-width:100%!important;object-fit:contain!important}
.dcp105-comparison .dcp1095-logo-fallback{font-size:11px!important;color:#442d36!important;font-weight:700!important}
.dcp105-comparison .dcp105-platform-heading h3{margin:0!important;font-size:clamp(18px,1.55vw,24px)!important;line-height:1.15!important;color:#fff9ed!important;overflow-wrap:anywhere}
.dcp105-comparison .dcp105-platform-heading>span{display:block;margin-top:11px;color:#f0d5b6!important;font-size:12px!important;line-height:1.4!important}
.dcp105-comparison .dcp105-platform dl{margin:0!important;padding:8px 17px 20px!important;flex:1!important;display:block!important}
.dcp105-comparison .dcp105-platform dl>div{padding:13px 0!important;border-bottom:1px solid #eee0d2!important;margin:0!important}
.dcp105-comparison .dcp105-platform dl>div:last-child{border-bottom:0!important}
.dcp105-comparison .dcp105-platform dt{color:#9b5474!important;font-weight:800!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:.095em!important;margin-bottom:5px!important}
.dcp105-comparison .dcp105-platform dd{margin:0!important;color:#332c2b!important;font-size:13px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
.dcp105-comparison .dcp105-platform-links{margin-top:auto!important;padding:0 15px 17px!important;display:flex!important;flex-direction:column!important;gap:8px!important}
.dcp105-comparison .dcp105-platform-links a{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:47px!important;padding:10px 8px!important;border-radius:11px!important;background:#9a4167!important;border:1px solid #9a4167!important;color:#fff!important;font-weight:750!important;font-size:12px!important;line-height:1.4!important;text-decoration:none!important;overflow-wrap:anywhere!important}
.dcp105-comparison .dcp105-platform-links a:hover{background:#71304e!important;color:#fff!important}
.dcp105-comparison .dcp105-platform-links a:nth-child(n+2){background:#fff8f3!important;border-color:#cfb3bd!important;color:#673c53!important}
.dcp105-comparison .dcp105-platform-links a:nth-child(n+2):hover{background:#f7e9ee!important}
.dcp105-comparison .dcp105-platform-links a:focus-visible{outline:3px solid #b66a8b!important;outline-offset:3px!important}
.dcp105-comparison .dcp109-source-note{border-radius:15px!important;background:#fff8ed!important;border:1px solid #e0c7a6!important;padding:20px!important;color:#43322b!important}
.dcp105-comparison .dcp105-bottom-note{font-size:12px;color:#67564d}
@media(min-width:900px){.dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:700px) and (max-width:899px){.dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:699px){.dcp105-comparison .wrap{width:calc(100% - 30px)}.dcp105-comparison .dcp105-platforms{grid-template-columns:minmax(0,1fr)!important}.dcp105-comparison .dcp105-platform-heading{min-height:0!important}.dcp105-comparison .dcp105-platform dd{font-size:14px!important}.dcp105-comparison .dcp109-choice{padding:17px}}
@media(prefers-reduced-motion:reduce){.dcp105-comparison .dcp105-platform,.dcp105-comparison .dcp109-choice-card{transition:none!important}}


/* --- v1012-stability.css --- */
/* V10.12 — stabilisation de la grille, en conservant le design V10.10. */
.dcp105-comparison .dcp105-platforms{display:grid!important;align-items:stretch;gap:12px!important}
.dcp105-comparison .dcp105-platform{min-width:0;max-width:100%;height:100%;overflow-wrap:anywhere}
.dcp105-comparison .dcp105-platform-heading h3{overflow-wrap:anywhere;hyphens:auto}
.dcp105-comparison .dcp105-platform-links{margin-top:auto!important}
.dcp105-comparison .dcp105-platform-links a{max-width:100%;white-space:normal}
@media(min-width:1000px){.dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(5,minmax(0,1fr))!important}.dcp105-comparison .wrap{width:calc(100% - 28px);max-width:1600px}}
@media(min-width:900px) and (max-width:999px){.dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}.dcp105-comparison .dcp105-platform-heading{padding:14px 8px!important}.dcp105-comparison .dcp105-platform dl{padding-inline:8px!important}.dcp105-comparison .dcp105-platform-links{padding-inline:8px!important}.dcp105-comparison .dcp105-platform-heading h3{font-size:16px!important}}
@media(min-width:700px) and (max-width:899px){.dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:699px){.dcp105-comparison .dcp105-platforms{grid-template-columns:minmax(0,1fr)!important}}


/* V10.13 : stabilité des colonnes, focus et éléments longs. */
.dcp105-comparison .dcp105-platforms{align-items:stretch}
.dcp105-comparison .dcp105-platform{min-width:0;display:flex;flex-direction:column}
.dcp105-comparison .dcp105-platform-links{margin-top:auto}
.dcp105-comparison .dcp105-platform a:focus-visible{outline:3px solid #b74478;outline-offset:3px}
.dcp105-comparison .dcp105-platform-heading h3{overflow-wrap:anywhere}
@media(min-width:900px){.dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:700px) and (max-width:899px){.dcp105-comparison .dcp105-platforms{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:699px){.dcp105-comparison .dcp105-platforms{grid-template-columns:minmax(0,1fr)!important}}

/* V10.14.3 — Les filtres utilisent l'attribut HTML hidden.
   Cette règle doit l'emporter sur les anciennes cartes display:flex!important. */
.dcp105-comparison .dcp105-platforms > .dcp105-platform[hidden] {
  display: none !important;
}
