/* DG Options Attributs — front */
.dgoa-options { margin: 0 0 1.25em; }
.dgoa-option { margin-bottom: 1em; }
.dgoa-option-label { font-weight: 600; margin-bottom: .4em; }
.dgoa-option-label .dgoa-choice { font-weight: 400; color: #666; }
.dgoa-swatches { display: flex; flex-wrap: wrap; gap: 10px; }
.dgoa-swatches input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }
.dgoa-swatch { display: inline-flex; flex-direction: column; align-items: center; gap: 4px; cursor: pointer; border: 2px solid transparent; border-radius: 10px; padding: 4px; transition: border-color .15s; max-width: 84px; text-align: center; }
.dgoa-swatch img, .dgoa-swatch .dgoa-color { width: 56px; height: 56px; border-radius: 8px; object-fit: cover; display: block; border: 1px solid #e3e3e3; }
.dgoa-swatch.is-text { padding: 6px 12px; border: 1px solid #ccc; border-radius: 6px; flex-direction: row; max-width: none; }
.dgoa-swatch-name { font-size: 12px; line-height: 1.2; color: #333; }
.dgoa-swatch.has-img .dgoa-swatch-name, .dgoa-swatch.has-color .dgoa-swatch-name { max-width: 76px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dgoa-swatches input[type="radio"]:checked + .dgoa-swatch { border-color: #111; }
.dgoa-swatches input[type="radio"]:focus-visible + .dgoa-swatch { outline: 2px solid #4a90e2; outline-offset: 2px; }
.dgoa-swatch:hover { border-color: #999; }

.dgoa-contact { margin: 1em 0 1.5em; }
.dgoa-intents { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: .5em 0 1em; }
.dgoa-intents label { display: inline-flex; align-items: center; gap: 6px; }
.dgoa-contact-btn.button { display: inline-block; }
.dgoa-contact-note { margin: .5em 0 0; font-size: .9em; color: #666; }
.dgoa-loop-contact.button { font-size: .85em; }

.dgoa-resume { border: 1px solid #e3e3e3; border-radius: 8px; padding: 12px 16px; margin-bottom: 1em; }
.dgoa-resume ul { margin: .4em 0 0; padding-left: 1.2em; }