/* CDL Assistant : couleurs de la page IVR, police du site (Montserrat) */
.cdla-body,[data-cdla]{--teal:#194955;--teal-d:#0F3540;--encre:#0F2E37;--gris:#5c7591;--rouge:#cc173e;--jaune:#F2B92C;--teal-pale:#e4eff0;--jaune-pale:#fdf3d9;--rouge-pale:#fbe9ed;--vert:#2e7d4f;--vert-pale:#e9f4ec;--ligne:#dfe6e6;--fond:#f7f9f9;font-family:Montserrat,-apple-system,sans-serif;color:#33373C}
.cdla-body *,[data-cdla] *{box-sizing:border-box}
.cdla-load{margin:0;padding:24px 0;text-align:center;color:var(--gris);font-size:14px}
.cdla-prog{display:flex;gap:6px;margin-bottom:12px}
.cdla-prog i{flex:1;height:5px;border-radius:5px;background:var(--ligne)}
.cdla-prog i.on{background:var(--teal)}
.cdla-q{font-size:19px;font-weight:800;color:var(--encre);line-height:1.25;margin:0}
.cdla-chosen{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.cdla-chosen span{font-size:11.5px;font-weight:700;background:var(--teal-pale);color:var(--teal);border-radius:999px;padding:4px 10px}
.cdla-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.cdla-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:58px;padding:10px 12px;border:1.5px solid var(--ligne);border-radius:12px;background:#fff;cursor:pointer;text-align:left;color:var(--encre);font-family:inherit;box-shadow:none}
.cdla-opt b{font-size:15px;font-weight:800}
.cdla-opt span{font-size:11.5px;font-weight:600;color:var(--gris)}
.cdla-opt:hover{border-color:var(--teal);background:var(--teal-pale)}
.cdla-opt[disabled]{opacity:.4;cursor:default}
.cdla-any{grid-column:span 2;min-height:46px;flex-direction:row;justify-content:space-between;align-items:center;background:var(--fond);font-weight:700}
.cdla-nav{display:flex;justify-content:space-between;margin-top:14px}
.cdla-back{border:0;background:none;color:var(--teal);font:700 13.5px Montserrat,sans-serif;cursor:pointer;padding:6px 0;box-shadow:none}
.cdla-count{display:flex;align-items:baseline;gap:6px;margin:4px 0 12px}
.cdla-count b{font-size:26px;font-weight:800;color:var(--rouge)}
.cdla-count span{font-size:13px;color:var(--encre);font-weight:600}
.cdla-res{display:grid;gap:10px}
.cdla-card{position:relative;border:1px solid var(--ligne);border-radius:12px;padding:10px;background:#fff}
.cdla-card.cdla-up{border-color:var(--jaune);background:var(--jaune-pale)}
.cdla-main{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;text-decoration:none;color:inherit}
.cdla-im{position:relative;display:block}
.cdla-im img{width:76px;height:76px;object-fit:contain;border-radius:8px;border:1px solid var(--ligne);background:#fff;display:block}
.cdla-cc{position:absolute;left:-4px;bottom:-4px;background:var(--rouge);color:#fff;font-size:9px;font-weight:800;border-radius:999px;padding:2px 6px}
.cdla-n{display:block;font-weight:800;font-size:14.5px;color:var(--encre);line-height:1.25;padding-right:78px}
.cdla-l{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px}
.cdla-l b{color:var(--rouge);font-size:15px;font-weight:800}
.cdla-st{font-size:10.5px;font-weight:700;border-radius:999px;padding:3px 8px}
.cdla-ok{background:var(--vert-pale);color:var(--vert)}.cdla-soon{background:var(--jaune-pale);color:#8a5a00}.cdla-out{background:var(--rouge-pale);color:var(--rouge)}
.cdla-why{display:block;font-size:11.5px;color:var(--gris);margin-top:4px;line-height:1.35}
.cdla-cmp{position:absolute;top:8px;right:8px;border:1.5px solid var(--ligne);background:#fff;border-radius:999px;font:700 10.5px Montserrat,sans-serif;color:var(--teal);padding:3px 8px;cursor:pointer;box-shadow:none}
.cdla-cmp.on{background:var(--teal);border-color:var(--teal);color:#fff}
.cdla-upt{margin:22px 0 8px;font-size:13px;font-weight:800;color:var(--encre)}
.cdla-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:12px;border:0;border-radius:10px;background:var(--teal);color:#fff;font:800 14.5px Montserrat,sans-serif;cursor:pointer;box-shadow:none}
.cdla-btn.cdla-y{background:var(--jaune);color:var(--teal-d)}
.cdla-empty{padding:14px;border-radius:12px;background:var(--rouge-pale);color:var(--encre);font-size:13.5px}
.cdla-cmpbar{position:sticky;bottom:0;margin:12px -16px -16px;padding:10px 16px;background:var(--teal-d);color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}
.cdla-cmpbar button{border:0;border-radius:8px;background:var(--jaune);color:var(--teal-d);font:800 13px Montserrat,sans-serif;padding:9px 14px;cursor:pointer}
.cdla-cmpbar button[disabled]{background:#3d5b64;color:#b8cdd2}
.cdla-cmpt{overflow-x:auto;margin-top:10px}
.cdla-cmpt table{border-collapse:collapse;width:100%;font-size:12.5px;margin:0}
.cdla-cmpt th,.cdla-cmpt td{border:0;border-bottom:1px solid var(--ligne);padding:8px 6px;text-align:left;vertical-align:top;background:none}
.cdla-cmpt thead th{vertical-align:bottom}
.cdla-cmpt thead img{width:64px;height:64px;object-fit:contain;border:1px solid var(--ligne);border-radius:8px;display:block;margin-bottom:4px}
.cdla-cmpt thead span{font-weight:800;color:var(--encre)}
.cdla-cmpt tbody th{color:var(--gris);font-weight:600;white-space:nowrap}
.cdla-red{color:var(--rouge)}
.cdla-go{display:inline-block;background:var(--teal);color:#fff !important;border-radius:8px;padding:6px 10px;font-weight:700;text-decoration:none}

/* Bouton du volet mobile et plein écran */
.cdla-open{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:12px 16px 14px;padding:13px 14px;border:0;border-radius:12px;background:#F2B92C;color:#0F3540;text-align:left;cursor:pointer;font-family:Montserrat,sans-serif;box-shadow:none}
.cdla-open .cdla-ic{flex:none;width:40px;height:40px;border-radius:10px;background:#0F3540;color:#F2B92C;display:flex;align-items:center;justify-content:center}
.cdla-open b{display:block;font-size:15px;font-weight:800}
.cdla-open span span{font-size:12px;font-weight:600}
.cdla-sheet{position:fixed;inset:0;z-index:2147483000;background:#fff;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .28s ease;padding-top:env(safe-area-inset-top,0)}
.cdla-sheet.on{transform:none}
.cdla-sh{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:2px solid #F2B92C;flex:none;font-family:Montserrat,sans-serif}
.cdla-sh b{font-size:16px;font-weight:800;color:#0F2E37}
.cdla-x{width:36px;height:36px;border:0;border-radius:50%;background:#e4eff0;color:#194955;font-size:20px;font-weight:700;cursor:pointer;line-height:1}
.cdla-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cdla-body{padding:16px 16px 28px}
@media (prefers-reduced-motion:reduce){.cdla-sheet{transition:none}}

/* Bloc de la home */
/* (09/10 : présentation du bloc déplacée dans home.css du module cdl-home-v2) */

/* 0.2.0 : promesse, 3 recommandations, indications */
.cdla-promise{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.cdla-promise span{font-size:11px;font-weight:700;border:1px solid var(--ligne);border-radius:999px;padding:3px 9px;color:var(--gris);background:#fff}
.cdla-opt em{display:block;font-style:normal;font-size:11px;font-weight:600;color:var(--teal);margin-top:2px;line-height:1.3}
.cdla-top{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--encre)}
.cdla-reco{border:2px solid var(--teal)}
.cdla-reco .cdla-main{grid-template-columns:92px 1fr}
.cdla-reco .cdla-im img{width:92px;height:92px}
.cdla-others{margin:18px 0 8px;font-size:13px;font-weight:800;color:var(--gris);text-transform:uppercase;letter-spacing:.06em}

/* 0.3.0 : envie tapée, plus de choix, autre univers, bloc replié sur la home */
.cdla-kw{display:flex;gap:6px;margin:12px 0 0}
.cdla-kw input{flex:1;min-width:0;height:46px;padding:0 12px;border:1.5px solid var(--ligne);border-radius:12px;font:500 16px Montserrat,sans-serif;color:var(--encre);background:#fff;box-shadow:none}
.cdla-kw input:focus{outline:none;border-color:var(--teal)}
.cdla-kw button{flex:none;height:46px;padding:0 14px;border:0;border-radius:12px;background:var(--teal);color:#fff;font:800 14px Montserrat,sans-serif;cursor:pointer;box-shadow:none}
.cdla-kw button[disabled]{background:var(--ligne);color:var(--gris);cursor:default}
.cdla-morefam{background:#fff;border-style:dashed;color:var(--teal)}
.cdla-card.cdla-alt{border-color:var(--teal);background:var(--teal-pale)}
.cdla-tag{display:inline-block;margin-bottom:3px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--teal)}
.cdla-unpeek{display:none}
.cdla-peek .cdla-opts{max-height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}
.cdla-peek .cdla-unpeek{display:block;width:100%;margin-top:4px;border:0;background:none;color:var(--teal);font:800 14px Montserrat,sans-serif;cursor:pointer;padding:8px 0;box-shadow:none}

/* Barre du bas (remplace la barre de raccourcis Blocksy), mobile et tablette */
.cdla-bar{display:none}
@media (max-width:999.98px){
	.cdla-bar{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:grid;grid-template-columns:1.5fr 1fr 1fr;background:#fff;border-top:1px solid #dfe6e6;box-shadow:0 -6px 18px rgba(16,32,40,.08);padding-bottom:env(safe-area-inset-bottom,0);font-family:Montserrat,-apple-system,sans-serif}
	.cdla-bar>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 4px;border:0;background:none;color:#194955;font:700 11px Montserrat,sans-serif;text-decoration:none;cursor:pointer;box-shadow:none;border-radius:0}
	.cdla-bar .cdla-bar-main{background:#F2B92C;color:#0F3540;flex-direction:row;gap:8px;font-size:12.5px;font-weight:800;text-align:left;line-height:1.15}
	.cdla-bar .cdla-bar-main span{max-width:9em}
	html.cdla-has-bar body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}
}

/* 0.4.0 : choix avec pictos, plus lisibles ; en-têtes centrés */
.cdla-q{text-align:center;font-size:20px;margin:4px 0 2px}
.cdla-chosen{justify-content:center}
.cdla-prog{max-width:260px;margin:0 auto 14px}
.cdla-opts{gap:10px;margin-top:16px}
.cdla-opt{flex-direction:row;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border:1.5px solid var(--ligne);border-radius:14px;transition:border-color .15s,background .15s}
.cdla-oi{flex:none;width:40px;height:40px;border-radius:12px;background:var(--teal-pale);color:var(--teal);display:flex;align-items:center;justify-content:center}
.cdla-ot{display:flex;flex-direction:column;min-width:0;gap:1px}
.cdla-ot b{font-size:15px;font-weight:800;line-height:1.2;color:var(--encre)}
.cdla-ot>span{font-size:11.5px;font-weight:600;color:var(--gris)}
.cdla-ot em{font-size:11px}
.cdla-opt:hover .cdla-oi{background:var(--teal);color:#fff}
.cdla-any{background:var(--fond);justify-content:center;min-height:54px}
.cdla-any .cdla-ot{flex-direction:row;align-items:baseline;gap:8px}
.cdla-any .cdla-oi{width:32px;height:32px;border-radius:10px;background:#fff}
.cdla-morefam .cdla-oi{background:var(--jaune-pale);color:#8a5a00}
.cdla-nav{justify-content:center;gap:24px}
.cdla-kw{max-width:520px;margin-left:auto;margin-right:auto}
.cdla-sh{justify-content:center;position:relative}
.cdla-sh .cdla-x{position:absolute;right:12px;top:50%;transform:translateY(-50%)}
.cdla-ot>span{white-space:nowrap}
@media (max-width:480px){.cdla-opt{gap:8px;padding:9px 9px}.cdla-oi{width:34px;height:34px;border-radius:10px}.cdla-oi svg{width:20px;height:20px}.cdla-ot b{font-size:14.5px}.cdla-ot>span{font-size:11px}}
/* 11/10 : picto du bouton du menu harmonisé avec le bloc « À chacun son Avent » de la home (même loupe, rond avec halo) ; rond foncé car le bouton est jaune */
.cdla-open .cdla-ic{width:40px;height:40px;border-radius:50%;background:#0F3540;color:#F2B92C;box-shadow:0 0 0 4px rgba(15,53,64,.14);margin:0 4px 0 2px}