/* ============================================================
   MyIA Tools — smartTag CSS
   v1.3.0 — chips · géo · textarea · submit · consent · reprise
   Namespace : .cb-smarttag-* .cb-mini-audit-* .cb-submit* .cb-consent* .cb-resume*
   ============================================================ */

/* ============================================================
   1. SMARTTAG CHIPS
   ============================================================ */

.cb-smarttag-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.cb-smarttag-chip {
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    padding: 1px 9px;
    border-radius: 999px;
    border: 1px solid rgba(31, 41, 51, .18);
    background: var(--global-palette9, #fff);
    color: var(--global-palette4, #4b5563);
    cursor: pointer;
    line-height: 1.4;
    letter-spacing: .01em;
    transition: background 110ms ease, border-color 110ms ease, color 110ms ease, opacity 110ms ease;
}

.cb-smarttag-chip:hover:not(.is-active):not(.is-disabled) {
    background: rgba(232, 137, 0, .10);
    border-color: var(--global-palette1, #e88900);
    color: var(--global-palette3, #1f2933);
}

.cb-smarttag-chip.is-active {
    background: rgba(232, 137, 0, .18);
    border-color: var(--global-palette1, #e88900);
    color: #92510a;
    font-weight: 700;
}

.cb-smarttag-chip.is-disabled,
.cb-smarttag-chip[disabled]:not(.is-active) {
    opacity: .28;
    cursor: not-allowed;
    pointer-events: none;
}

.cb-smarttag-counter {
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    color: var(--global-palette5, #6b7280);
    margin-left: 4px;
    white-space: nowrap;
    transition: color 150ms ease;
}

.cb-smarttag-counter.is-full {
    color: var(--global-palette1, #e88900);
    font-weight: 700;
}

/* ============================================================
   2. BOUTON GÉOLOCALISATION
   ============================================================ */

.cb-smarttag-geo-button {
    border-color: var(--global-palette1, #e88900) !important;
    background: rgba(232, 137, 0, .10) !important;
    color: var(--global-palette3, #1f2933) !important;
    font-weight: 700 !important;
}

.cb-smarttag-geo-button.is-loading {
    opacity: .72;
    cursor: wait;
}

.cb-smarttag-geo-button.is-success {
    border-color: #166534 !important;
    background: rgba(22, 101, 52, .10) !important;
    color: #14532d !important;
}

.cb-smarttag-geo-button.is-error {
    border-color: #b91c1c !important;
    background: rgba(185, 28, 28, .10) !important;
    color: #7f1d1d !important;
}

.cb-smarttag-chip-dynamic {
    border-color: rgba(22, 101, 52, .28);
    background: rgba(22, 101, 52, .06);
}

.cb-smarttag-location-status {
    flex-basis: 100%;
    display: block;
    min-height: 1.2em;
    margin-top: 2px;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.35;
    color: var(--global-palette5, #6b7280);
}

.cb-smarttag-location-status.is-info {
    color: var(--global-palette5, #6b7280);
}

.cb-smarttag-location-status.is-success {
    color: #166534;
}

.cb-smarttag-location-status.is-error {
    color: #991b1b;
}

/* ============================================================
   3. TEXTAREA MINI-AUDIT
   Modifier height / font-size / padding ici uniquement.
   ============================================================ */

.cb-mini-audit-form textarea,
.cb-mini-audit-form .cb-field textarea {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    padding: 8px 10px !important;
    overflow-y: auto !important;
    resize: none !important;
    box-sizing: border-box !important;
}

.cb-mini-audit-form textarea::placeholder {
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: var(--global-palette5, #6b7280) !important;
    opacity: .8;
}

/* ============================================================
   4. BOUTON SUBMIT
   ============================================================ */

.cb-submit-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 14px !important;
}

.cb-mini-audit-form .cb-submit,
.cb-submit-wrap .cb-submit,
button.cb-submit {
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 22px !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

.cb-submit:disabled,
.cb-submit[aria-disabled="true"] {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
}

/* ============================================================
   5. REASSURANCE
   ============================================================ */

.cb-mini-audit-reassurance {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    color: var(--global-palette5, #6b7280);
}

.cb-mini-audit-reassurance span {
    white-space: nowrap;
}

/* ============================================================
   6. HINTS
   ============================================================ */

.cb-field-hint {
    margin: 5px 0 0;
    color: var(--global-palette5, #6b7280);
    font-size: 13px;
    line-height: 1.35;
}

.cb-smarttag-chips + .cb-field-hint {
    color: #374151;
    font-size: 12px;
    font-weight: 400;
}

/* ============================================================
   7. NETTOYAGE WORDPRESS / GUTENBERG
   ============================================================ */

.cb-mini-audit-form p:has(> textarea),
.cb-mini-audit-form p:has(> input[type="text"]) {
    margin: 0;
    padding: 0;
}

/* ============================================================
   8. CODE DE REPRISE (collapsible)
   ============================================================ */

.cb-resume-wrap {
    margin-bottom: 14px;
}

.cb-resume-toggle {
    background: none;
    border: none;
    padding: 0;
    color: var(--global-palette5, #6b7280);
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.cb-resume-toggle::after {
    content: ' \25B8'; /* ▸ */
    font-style: normal;
}

.cb-resume-toggle[aria-expanded="true"]::after {
    content: ' \25BE'; /* ▾ */
}

.cb-resume-panel {
    margin-top: 8px;
    padding: 12px 14px;
    background: var(--global-palette9, #f8f8f8);
    border: 1px solid rgba(31, 41, 51, .14);
    border-radius: 6px;
}

.cb-resume-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--global-palette3, #1f2933);
}

.cb-resume-input {
    display: block;
    width: 120px;
    padding: 5px 8px;
    font-size: 14px;
    letter-spacing: .15em;
    text-transform: uppercase;
    border: 1px solid rgba(31, 41, 51, .22);
    border-radius: 4px;
    outline-offset: 2px;
}

.cb-resume-input:focus {
    border-color: var(--global-palette1, #e88900);
    outline: 2px solid rgba(232, 137, 0, .25);
}

.cb-resume-hint {
    margin-top: 6px;
    font-size: 12px;
    color: var(--global-palette5, #6b7280);
}

/* ============================================================
   9. CONSENTEMENT RGPD
   ============================================================ */

.cb-consent-wrap {
    margin-bottom: 18px;
    padding: 12px 14px;
    background: #f0f7ff;
    border: 1px solid #b8d9f5;
    border-radius: 6px;
}

.cb-consent-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.cb-consent-checkbox {
    flex-shrink: 0;
    margin-top: 2px;
    width: 16px;
    height: 16px;
    accent-color: var(--global-palette1, #e88900);
    cursor: pointer;
}

.cb-consent-text {
    font-size: 13px;
    color: var(--global-palette3, #1f2933);
    line-height: 1.45;
}

.cb-consent-hint {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 12px;
    color: var(--global-palette5, #6b7280);
}

.cb-consent-hint a {
    color: var(--global-palette1, #e88900);
    text-decoration: underline;
}