/**
 * STG Quform Theme v1.0.12 — « STG minimal »
 *
 * Retour à la copie PARFAITE du thème « minimal » de Quform.
 * Seule modification : .quform-theme-minimal → .quform-theme-stg.
 * TOUT le reste (valeurs, sélecteurs, ordre) est identique à l'original.
 *
 * La v1.0.11 a été rollback (charte STG cassait le rendu en contexte
 * fond brun body : labels invisibles, bouton brun qui se confond avec
 * le body). On repart de la base minimal saine pour redéfinir la
 * charte STG plus prudemment étape par étape.
 */

.quform-theme-stg{color:#000}
.quform-theme-stg .quform-form-title{color:#000}
.quform-theme-stg .quform-form-description{color:#666}
.quform-theme-stg .quform-page-progress-bar{background-color:#ddd;color:#111}
.quform-theme-stg .quform-label>.quform-label-text>.quform-required{color:#cc0101}
.quform-theme-stg .quform-description{color:#000}
.quform-theme-stg .quform-field-captcha,
.quform-theme-stg .quform-field-date,
.quform-theme-stg .quform-field-email,
.quform-theme-stg .quform-field-multiselect,
.quform-theme-stg .quform-field-password,
.quform-theme-stg .quform-field-select,
.quform-theme-stg .quform-field-text,
.quform-theme-stg .quform-field-textarea,
.quform-theme-stg .quform-field-time,
.quform-theme-stg .select2-container--quform .select2-selection,
.quform-theme-stg.quform-timepicker.k-list-container.k-popup{background:#fff;color:#222;border:solid 1px #ddd}
.quform-theme-stg .quform-has-error .select2-container--quform .select2-selection,
.quform-theme-stg .quform-has-error input,
.quform-theme-stg .quform-has-error select,
.quform-theme-stg .quform-has-error textarea{border-color:#c73412}
.quform-theme-stg .quform-field-captcha:hover,
.quform-theme-stg .quform-field-date:hover,
.quform-theme-stg .quform-field-email:hover,
.quform-theme-stg .quform-field-multiselect:hover,
.quform-theme-stg .quform-field-password:hover,
.quform-theme-stg .quform-field-select:hover,
.quform-theme-stg .quform-field-text:hover,
.quform-theme-stg .quform-field-textarea:hover,
.quform-theme-stg .quform-field-time:hover,
.quform-theme-stg .select2-container--quform .select2-selection:hover{background:#fff;color:#111;border:solid 1px #a4a4a4}
.quform-theme-stg .quform-field-captcha:active,
.quform-theme-stg .quform-field-captcha:focus,
.quform-theme-stg .quform-field-date:active,
.quform-theme-stg .quform-field-date:focus,
.quform-theme-stg .quform-field-email:active,
.quform-theme-stg .quform-field-email:focus,
.quform-theme-stg .quform-field-multiselect:active,
.quform-theme-stg .quform-field-multiselect:focus,
.quform-theme-stg .quform-field-password:active,
.quform-theme-stg .quform-field-password:focus,
.quform-theme-stg .quform-field-select:active,
.quform-theme-stg .quform-field-select:focus,
.quform-theme-stg .quform-field-text:active,
.quform-theme-stg .quform-field-text:focus,
.quform-theme-stg .quform-field-textarea:active,
.quform-theme-stg .quform-field-textarea:focus,
.quform-theme-stg .quform-field-time:active,
.quform-theme-stg .quform-field-time:focus,
.quform-theme-stg .select2-container--quform.select2-container--open .select2-selection,
.quform-theme-stg.quform-timepicker.k-list-container.k-popup{background:#fdfdfd;color:#111;border:solid 1px #a4a4a4}
.quform-theme-stg .quform-elements .quform-element textarea{min-height:150px}
.quform-theme-stg .quform-input-textarea .quform-field-icon-left,
.quform-theme-stg .quform-input-textarea .quform-field-icon-right{top:11px}
.quform-theme-stg .quform-field-size-slim .quform-input-textarea .quform-field-icon-left,
.quform-theme-stg .quform-field-size-slim .quform-input-textarea .quform-field-icon-right{top:7px}
.quform-theme-stg .quform-field-size-huge .quform-input-textarea .quform-field-icon-left,
.quform-theme-stg .quform-field-size-huge .quform-input-textarea .quform-field-icon-right{top:26px}
.quform-theme-stg .quform-field-size-fat .quform-input-textarea .quform-field-icon-left,
.quform-theme-stg .quform-field-size-fat .quform-input-textarea .quform-field-icon-right{top:18px}
.quform-theme-stg .quform-upload-progress-bar{background:#e2ab00}
.quform-theme-stg .quform-upload-file{background-color:#fff;border-color:#ddd;color:#222}
.quform-theme-stg .quform-button-style-theme .quform-upload-button{background-color:#fff;border-color:#ddd;color:#111}
.quform-theme-stg .quform-button-style-theme .quform-upload-button:hover{background-color:#fff;border-color:#a4a4a4;color:#222}
.quform-theme-stg .quform-group-style-plain>.quform-spacer>.quform-group-title-description .quform-group-title{color:#333}
.quform-theme-stg .quform-group-style-plain>.quform-spacer>.quform-group-title-description p.quform-group-description{color:#666}
.quform-theme-stg .quform-group-style-bordered>.quform-spacer>.quform-group-title-description .quform-group-title{color:#333}
.quform-theme-stg .quform-group-style-bordered>.quform-spacer>.quform-group-title-description p.quform-group-description{color:#666}
.quform-theme-stg .quform-group-style-bordered>.quform-child-elements,
.quform-theme-stg .quform-group-style-bordered>.quform-spacer>.quform-child-elements{background-color:#fff;border:1px solid #eee}
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-back-default>button,
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-next-default>button,
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button,
.quform-theme-stg .quform-options-style-button .quform-option-label{background:#fff;border:solid 1px #ddd;color:#222}
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-back-default>button:hover,
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-next-default>button:hover,
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button:hover,
.quform-theme-stg .quform-options-style-button .quform-field-checkbox:checked+label,
.quform-theme-stg .quform-options-style-button .quform-field-radio:checked+label,
.quform-theme-stg .quform-options-style-button .quform-option-label:active,
.quform-theme-stg .quform-options-style-button .quform-option-label:focus{background:#f3f3f3;border:solid 1px #a4a4a4;color:#111}
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-back-default>button:active,
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-next-default>button:active,
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button:active{background:#fdfdfd;border:solid 1px #a4a4a4;color:#111}
.quform-theme-stg .quform-referral-link a{color:#0f83ca}
.quform-theme-stg .quform-referral-link a:hover{color:#292929}

/* ─── STG override — titres des champs (labels) en blanc + normal weight ─── */
.quform-theme-stg .quform-label,
.quform-theme-stg .quform-label label,
.quform-theme-stg .quform-label-text,
.quform-theme-stg .quform-label i,
.quform-theme-stg .quform-label i:before,
.quform-theme-stg .quform-label-icon,
.quform-theme-stg .quform-sub-label{color:#fff;font-weight:400}
.quform-theme-stg .quform-label strong,
.quform-theme-stg .quform-label b,
.quform-theme-stg .quform-label-text strong,
.quform-theme-stg .quform-label-text b{font-weight:400}

/* ─── STG override — texte des options (checkbox/radio) en normal ── */
.quform-theme-stg .quform-option-label,
.quform-theme-stg .quform-option-label *,
.quform-theme-stg .quform-option-text{font-weight:400}

/* ─── STG override — police Raleway sur TOUT le thème ───────────── */
.quform-theme-stg,
.quform-theme-stg input,
.quform-theme-stg select,
.quform-theme-stg textarea,
.quform-theme-stg button,
.quform-theme-stg label,
.quform-theme-stg option{font-family:'Raleway',sans-serif}

/* ─── STG override — taille de police UNIFIÉE sur inputs + textarea ─── */
/* v1.0.20 : le navigateur applique une font-size par défaut différente sur
   textarea (souvent 13px monospace) → placeholder "Votre message" apparaissait
   plus petit que les inputs. Force 14px partout pour homogénéité. */
.quform-theme-stg .quform-field-text,
.quform-theme-stg .quform-field-captcha,
.quform-theme-stg .quform-field-password,
.quform-theme-stg .quform-field-textarea,
.quform-theme-stg .quform-field-email,
.quform-theme-stg .quform-field-date,
.quform-theme-stg .quform-field-time,
.quform-theme-stg .quform-field-select,
.quform-theme-stg .quform-field-multiselect,
.quform-theme-stg .quform-field-text::placeholder,
.quform-theme-stg .quform-field-captcha::placeholder,
.quform-theme-stg .quform-field-password::placeholder,
.quform-theme-stg .quform-field-textarea::placeholder,
.quform-theme-stg .quform-field-email::placeholder,
.quform-theme-stg .quform-field-date::placeholder,
.quform-theme-stg .quform-field-time::placeholder{
    font-size:14px !important;
    font-family:'Raleway',sans-serif !important;
    line-height:1.5 !important;
}

/* ─── STG override — border-radius arrondi sur inputs + boutons ── */
.quform-theme-stg .quform-field-text,
.quform-theme-stg .quform-field-captcha,
.quform-theme-stg .quform-field-password,
.quform-theme-stg .quform-field-textarea,
.quform-theme-stg .quform-field-email,
.quform-theme-stg .quform-field-date,
.quform-theme-stg .quform-field-time,
.quform-theme-stg .quform-field-select,
.quform-theme-stg .quform-field-multiselect,
.quform-theme-stg .quform-field-file,
.quform-theme-stg .select2-container--quform .select2-selection,
.quform-theme-stg .quform-upload-file,
.quform-theme-stg .quform-button-style-theme .quform-upload-button,
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-back-default>button,
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-next-default>button,
.quform-theme-stg .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button,
.quform-theme-stg .quform-options-style-button .quform-option-label{border-radius:6px}

/* ─── STG v1.0.23 — Typo ciblée (checkbox uniquement) ────────────
   v1.0.21 forçait aussi les titres de groupe et labels de champs, ce
   qui écrasait la charte parent souhaitée. On garde SEULEMENT le
   forçage sur les labels checkbox/radio (option-label).
   Placeholders inputs conservés : Raleway 16 · 400 · #5D514B.
   ────────────────────────────────────────────────────────────── */

/* Labels checkbox/radio (« En cochant cette case… ») */
.quform-theme-stg .quform-option-label,
.quform-theme-stg .quform-option-label *,
.quform-theme-stg .quform-option-text {
    font-family: 'Raleway', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    color: #ffffff !important;
}

/* Placeholders (« Votre Prénom », « Écrire votre message ici »…) */
.quform-theme-stg .quform-field-text::placeholder,
.quform-theme-stg .quform-field-captcha::placeholder,
.quform-theme-stg .quform-field-password::placeholder,
.quform-theme-stg .quform-field-textarea::placeholder,
.quform-theme-stg .quform-field-email::placeholder,
.quform-theme-stg .quform-field-date::placeholder,
.quform-theme-stg .quform-field-time::placeholder {
    font-family: 'Raleway', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #5D514B !important;
    opacity: 1 !important;
}

/* Ce que l'utilisateur TAPE dans les inputs — même famille/taille pour cohérence */
.quform-theme-stg .quform-field-text,
.quform-theme-stg .quform-field-captcha,
.quform-theme-stg .quform-field-password,
.quform-theme-stg .quform-field-textarea,
.quform-theme-stg .quform-field-email,
.quform-theme-stg .quform-field-date,
.quform-theme-stg .quform-field-time,
.quform-theme-stg .quform-field-select,
.quform-theme-stg .quform-field-multiselect {
    font-family: 'Raleway', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #5D514B !important;
}

/* Required asterisk — garde le rouge visible */
.quform-theme-stg .quform-required {
    color: #cc0101 !important;
    font-weight: 700 !important;
}

/* ─── STG v1.0.22 — Checkbox & radio 100% custom ─────────────────
   État normal   : cadre 2px gris clair, fond blanc
   État coché    : fond #403935 (brun STG) + check blanc
   Focus         : outline brun STG (a11y)
   ────────────────────────────────────────────────────────────── */

/* Reset natif : on prend le contrôle total du rendu (hors options-button) */
.quform-theme-stg .quform-field-checkbox,
.quform-theme-stg .quform-field-radio {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    border: 2px solid #d1d5db !important;
    background: #ffffff !important;
    cursor: pointer !important;
    position: relative !important;
    vertical-align: middle !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    box-shadow: none !important;
    accent-color: #403935; /* fallback moderne si appearance:none non supporté */
    transition: background-color 0.15s ease, border-color 0.15s ease;
}
.quform-theme-stg .quform-field-checkbox { border-radius: 4px !important; }
.quform-theme-stg .quform-field-radio    { border-radius: 50% !important; }

/* Hover état non-coché */
.quform-theme-stg .quform-field-checkbox:hover:not(:checked),
.quform-theme-stg .quform-field-radio:hover:not(:checked) {
    border-color: #8b7c74 !important;
}

/* État COCHÉ : fond brun STG + check blanc */
.quform-theme-stg .quform-field-checkbox:checked,
.quform-theme-stg .quform-field-radio:checked {
    background: #403935 !important;
    border-color: #403935 !important;
}

/* Check mark blanc (rotate 45° avec 2 borders qui forment un √) */
.quform-theme-stg .quform-field-checkbox:checked::after {
    content: '' !important;
    position: absolute !important;
    left: 5px !important;
    top: 1px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Dot blanc pour radio */
.quform-theme-stg .quform-field-radio:checked::after {
    content: '' !important;
    position: absolute !important;
    left: 4px !important;
    top: 4px !important;
    width: 8px !important;
    height: 8px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    display: block !important;
}

/* Focus visible (a11y) */
.quform-theme-stg .quform-field-checkbox:focus,
.quform-theme-stg .quform-field-radio:focus {
    outline: 2px solid #403935 !important;
    outline-offset: 2px !important;
}

/* Exception : à l'intérieur des options-style-button (GENERAL/SALES/SUPPORT)
   le vrai checkbox est masqué — c'est le LABEL qui devient le bouton
   cliquable (déjà stylé plus haut). On les cache pour éviter conflit visuel. */
.quform-theme-stg .quform-options-style-button .quform-field-checkbox,
.quform-theme-stg .quform-options-style-button .quform-field-radio {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}