/* CA Guide */
.ca-guide { font-size: 16px; max-width: 640px; margin: 24px auto; padding: 0 16px; font-family: inherit; color: #1a1a18; }
.cag-card { background: #fff; border: 1px solid #e3e3df; border-radius: 12px; padding: 24px 20px; box-shadow: 0 2px 10px rgba(0,0,0,.05); }
.cag-title { font-size: 1.45em; line-height: 1.25; margin: 0 0 8px; }
.cag-sub { color: #55554f; margin: 0 0 18px; }
.cag-form, .cag-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.cag-label { font-weight: 600; }
.cag-input { font-size: 1.05em; padding: 14px 12px; border: 2px solid #cfcfc8; border-radius: 8px; text-transform: uppercase; width: 100%; box-sizing: border-box; }
.cag-input::placeholder { text-transform: none; color: #9a9a92; }
.cag-input:focus { outline: none; border-color: #f5c400; box-shadow: 0 0 0 3px rgba(245,196,0,.3); }
.cag-btn { background: #f5c400; color: #111; font-weight: 700; font-size: 1.05em; border: 0; border-radius: 8px; padding: 14px 22px; cursor: pointer; }
.cag-btn:hover { filter: brightness(.95); }
.cag-btn:disabled { opacity: .6; cursor: wait; }
.cag-btn-alt { background: #fff; border: 2px solid #f5c400; }
.cag-btn-go { width: 100%; font-size: 1.15em; padding: 16px; }
.cag-choices { display: flex; gap: 12px; flex-wrap: wrap; margin: 14px 0; }
.cag-choices .cag-btn { flex: 1 1 200px; }
.cag-or { text-align: center; color: #77776f; margin: 18px 0 10px; font-size: .95em; }
.cag-brands { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
.cag-brand { background: #f6f6f2; border: 1px solid #deded8; border-radius: 8px; padding: 12px 8px; font-weight: 600; cursor: pointer; }
.cag-brand:hover { border-color: #f5c400; background: #fffbe6; }
.cag-brand-other { background: #fff; color: #55554f; font-weight: 500; }
.cag-help { color: #6a6a63; font-size: .88em; line-height: 1.35; }
.cag-err { color: #b00020; font-size: .9em; min-height: 1em; }
.cag-msg { background: #fff6d6; border-left: 4px solid #f5c400; padding: 10px 12px; border-radius: 4px; margin: 0 0 14px; }
.cag-opt { display: flex; align-items: center; gap: 8px; background: #f6f6f2; border-radius: 8px; padding: 12px; margin: 6px 0; cursor: pointer; }
.cag-opt input { width: 20px; height: 20px; flex: none; }
.cag-total { font-size: .85em; color: #555; margin: 0 0 14px; }
.cag-fixed { font-size: .8em; color: #666; font-weight: 400; }
.cag-total-v { }
.cag-delay { color: #2e6b2e; font-weight: 600; margin: 18px 0 6px; }
.cag-back { background: none; border: 0; color: #55554f; margin-top: 10px; cursor: pointer; text-decoration: underline; }
@media (max-width: 480px) { .cag-card { padding: 18px 14px; } .cag-title { font-size: 1.25em; } }

/* corrections thème */
.ca-guide .cag-msg:empty { display: none; }
.ca-guide .cag-title { font-size: 1.5em; font-weight: 700; line-height: 1.25; margin: 0 0 10px; }
.ca-guide .cag-label { font-size: 1em; }
@media (max-width: 480px) { .ca-guide .cag-title { font-size: 1.3em; } }

/* mini-tutoriel Nissan */
.ca-guide .cag-tuto { background: #f9f9f6; border: 1px solid #e3e3df; border-radius: 10px; padding: 14px; margin: 0 0 18px; }
.ca-guide .cag-tuto-title { font-size: 1.1em; margin: 0 0 10px; }
.cag-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.cag-tab { border: 2px solid #deded8; background: #fff; border-radius: 8px; padding: 9px 12px; font-weight: 600; cursor: pointer; }
.cag-tab-on { border-color: #f5c400; background: #fff6d6; }
.cag-steps { margin: 0 0 12px 1.2em; padding: 0; }
.cag-steps li { margin: 4px 0; }
.cag-fig { margin: 12px 0; }
.cag-fig img { width: 100%; height: auto; border-radius: 8px; border: 1px solid #e3e3df; display: block; }
.cag-fig figcaption { font-size: .85em; color: #55554f; margin-top: 5px; }
.cag-warn { background: #fff0f0; border-left: 4px solid #b00020; padding: 10px 12px; border-radius: 4px; margin: 12px 0 0; font-size: .92em; }
.ca-guide .cag-tuto .cag-tuto-title { font-size: 1.15em !important; font-weight: 700; line-height: 1.3; margin: 0 0 10px; }
.ca-guide .cag-fig figcaption { font-size: .9em; }

.cag-fig img { max-height: 380px; object-fit: contain; background: #f1f1ec; }
.ca-guide summary.cag-tuto-title { cursor: pointer; }
.ca-guide details.cag-tuto > summary { font-size: 1.15em !important; font-weight: 700 !important; line-height: 1.3; margin-bottom: 10px; }