/* =========================================
   BMW Motorrad – Polices officielles
   ========================================= */

@font-face {
  font-family: "BMW Motorrad";
  src: url("https://admin.bmwcaravenue.fr/uploads/BMW_Motorrad_W04_Light_bb757983e5.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BMW Motorrad";
  src: url("https://admin.bmwcaravenue.fr/uploads/BMW_Motorrad_W04_Regular_ec4f3d638a.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BMW Motorrad";
  src: url("https://admin.bmwcaravenue.fr/uploads/BMW_Motorrad_W04_Italic_1f657d7477.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "BMW Motorrad";
  src: url("https://admin.bmwcaravenue.fr/uploads/BMW_Motorrad_W04_Bold_82f3741391.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BMW Motorrad";
  src: url("https://admin.bmwcaravenue.fr/uploads/BMW_Motorrad_W04_Bold_Italic_3658639b70.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "BMW Motorrad";
  src: url("https://admin.bmwcaravenue.fr/uploads/BMW_Motorrad_W04_Heavy_a562cff01d.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BMW Motorrad";
  src: url("https://admin.bmwcaravenue.fr/uploads/BMW_Motorrad_W04_Heavy_Italic_3bc84d9dc4.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Variante outline */
@font-face {
  font-family: "BMW Motorrad Outline";
  src: url("https://admin.bmwcaravenue.fr/uploads/BMW_Motorrad_Outline_W04_Rg_823067f816.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Couleurs officiel BMW Motorrad */
:root {
  --moto-blue: #1c69d3;
  --moto-blue-dark: #0653B6;
  --moto-text-main: #000000;
  --moto-text-muted: #666666;
}


/* =========================================
   GLOBAL
   ========================================= */

* {
  font-family: "BMW Motorrad", -apple-system, BlinkMacSystemFont,
  "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

html, body,
.pf-page, .pf-form, .pf-form-container {
  background: #ffffff !important;
  color: var(--moto-text-main);
}


/* =========================================
   STRUCTURE DU FORMULAIRE
   ========================================= */

.pf-form {
  max-width: 960px;
  margin: 40px auto 80px auto;
  padding: 0 16px 40px;
  border: none;
  box-shadow: none;
}

.pf-form::before {
  content: "";
  width: 80px;
  height: 3px;
  background: var(--moto-blue);
  display: block;
  margin-bottom: 24px;
}


/* =========================================
   TITRES & TEXTES
   ========================================= */

.pf-title,
.pf-header__title {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pf-description,
.pf-header__description {
  font-size: 15px;
  line-height: 1.7;
  max-width: 720px;
}

.pf-question__title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.pf-question__label,
.pf-label {
  font-size: 13px;
  color: var(--moto-text-muted);
}

.pf-helptext {
  font-size: 13px;
  color: #777;
}

.pf-question {
  margin-bottom: 24px;
}

.pf-question + .pf-question {
  border-top: 1px solid #f0f0f0;
  padding-top: 24px;
}


/* =========================================
   CHAMPS (input, textarea, select)
   ========================================= */

input,
textarea,
select,
.pf-field input,
.pf-field textarea,
.pf-field select {
  color: var(--moto-text-main) !important;
  -webkit-text-fill-color: var(--moto-text-main) !important;
}

/* Focus bleu BMW Motorrad */
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
}


/* =========================================
   DROPDOWN (React Select)
   ========================================= */

.Dropdown__single-value,
.Dropdown__single-value a {
  color: var(--moto-text-main) !important;
}

.Dropdown__placeholder {
  color: #777 !important;
}

.Dropdown__menu {
  background: #ffffff !important;
}

.Dropdown__option {
  color: var(--moto-text-main) !important;
}

.Dropdown__option--is-focused {
  background: #e7f0fc !important;
}

.Dropdown__option--is-selected {
  background: var(--moto-blue) !important;
  color: #ffffff !important;
}


/* =========================================
   BOUTONS & SÉLECTIONS (VERSION CARRÉE)
   ========================================= */

/* boutons + états sélectionnés = tous bleus */
.btn-primary,
.btn-raised.btn-primary,
[aria-checked="true"],
.Choices__choice[aria-checked="true"],
.Product__withquantity[aria-checked="true"],
.Rank__option--selected,
.YesNo__button[aria-pressed="true"],
.Scale__option--selected {
  background-color: var(--moto-blue) !important;
  border-color: var(--moto-blue) !important;
  color: #ffffff !important;
  border-radius: 4px !important;  /* carré MINI­mal */
}

[aria-checked="true"] .Choices__label,
[aria-checked="true"] .Product__label,
[aria-checked="true"] .Product__price {
  color: #ffffff !important;
}

/* Boutons de réponse Paperform */
.pf-question .btn,
.pf-question .btn-default,
.pf-question .btn-primary {
  border-radius: 4px !important;
}


/* =========================================
   NAVIGATION & SUBMIT (CARRÉ BLEU)
   ========================================= */

.pf-nav button,
.pf-nav .btn,
.pf-nav .btn-primary,
.submit .btn-primary,
.submit .btn-raised.btn-primary {
  background-color: var(--moto-blue) !important;
  border-radius: 4px !important;
  border-color: var(--moto-blue) !important;
  color: #fff !important;
  box-shadow: none !important;
  padding: 12px 32px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
}

.pf-nav button:hover,
.submit .btn-primary:hover {
  background-color: var(--moto-blue-dark) !important;
  border-color: var(--moto-blue-dark) !important;
}


/* =========================================
   BOUTON "CHOISIR UN FICHIER"
   ========================================= */

.pf-file-upload__button,
.pf-file-upload label,
.btn-file {
  background: var(--moto-blue) !important;
  border-radius: 4px !important;
  color: #fff !important;
  padding: 10px 20px !important;
}

.pf-file-upload__button:hover,
.pf-file-upload label:hover {
  background: var(--moto-blue-dark) !important;
}

.pf-file-upload__filename {
  color: var(--moto-text-main) !important;
}


/* =========================================
   LIENS, ERREURS, PROGRESS BAR
   ========================================= */

a,
.pf-link {
  color: var(--moto-blue);
  text-decoration: underline;
}

a:hover,
.pf-link:hover {
  color: var(--moto-blue-dark);
}

.pf-error,
.pf-error-message {
  color: #c00000;
}

.pf-progress__bar-inner {
  background: var(--moto-blue);
}

.Paperform__Question--8fo48 .ProductCards .Product__withquantity .Choices__choice {
    text-align: center;
}
.Choices__choice--2 {
    width : 49% !important;
    text-align: center;
    padding-right : 0 !important;
}
.Choices__choice--2 i {
    display: none !important;
}
.ChoicesQuestion {
    gap: 10px;
}
:first-child.Pagination__btn.btn-raised:last-child{
border-radius : 4px !important;    
}
.Pagination__btn.btn-raised{
    border-radius : 4px !important;
    margin-left :5px;
}

.submit{
    width : 100%;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.submit span {
    border-radius: 4px !important;
    width: auto !important;
}

.LiveField__error{
    background-color: #F00	!important;
}