/* Champs publics WAKRIDE : même langage visuel que Connexion / Inscription. */
:is(.checkout-form,.account-page:not(.account-auth-page) .account-form) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),select,textarea){
  display:block;
  width:100%;
  min-height:48px;
  margin-top:8px;
  padding:12px 0 10px;
  border:0!important;
  border-bottom:1px solid var(--line,#30343d)!important;
  border-radius:0!important;
  outline:0;
  background-color:transparent!important;
  background-image:linear-gradient(var(--red,#ed1c24),var(--red,#ed1c24));
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:0 2px;
  box-shadow:none!important;
  color:var(--text,#fff)!important;
  font:500 15px/1.35 Inter,Cairo,Arial,sans-serif;
  transition:background-size .9s cubic-bezier(.16,1,.3,1),border-color .2s ease,color .2s ease;
}

:is(.checkout-form,.account-page:not(.account-auth-page) .account-form) textarea{
  min-height:94px;
  padding-top:12px;
  resize:vertical;
}

:is(.checkout-form,.account-page:not(.account-auth-page) .account-form) select{
  padding-right:24px;
  cursor:pointer;
}

:is(.checkout-form,.account-page:not(.account-auth-page) .account-form) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),select,textarea):focus{
  border-bottom-color:var(--red,#ed1c24)!important;
  background-size:100% 2px;
}

/* Le code reste particulièrement lisible, sans changer le reste des champs. */
.account-page:not(.account-auth-page) .account-form .verification-code{
  padding-right:0;
  padding-left:.7em;
  text-align:center;
  letter-spacing:.7em;
  font-size:24px;
  font-weight:700;
}

html[data-theme="light"] :is(.checkout-form,.account-page:not(.account-auth-page) .account-form) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),select,textarea){
  border-bottom-color:#c8ced7!important;
  color:#17191f!important;
}

html[dir="rtl"] :is(.checkout-form,.account-page:not(.account-auth-page) .account-form) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),select,textarea){
  padding-right:0;
  padding-left:24px;
  background-position:right bottom;
  text-align:right;
  font-family:Cairo,Inter,Arial,sans-serif;
}

html[dir="rtl"] .account-page:not(.account-auth-page) .account-form .verification-code{
  padding-right:.7em;
  padding-left:0;
  direction:ltr;
}

@media (max-width:800px){
  :is(.checkout-form,.account-page:not(.account-auth-page) .account-form) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),select,textarea){
    min-height:46px;
    font-size:14px;
  }
}

/* Les mises à jour du profil demandent d'abord une vraie modification. */
.account-page .account-form .account-form-change-submit:disabled{
  border:1px solid var(--line,#30343d)!important;
  background:transparent!important;
  color:var(--muted,#8f97a4)!important;
  box-shadow:none!important;
  cursor:not-allowed;
  opacity:1;
  transform:none!important;
}
html[data-theme="light"] .account-page .account-form .account-form-change-submit:disabled{
  border-color:#c8ced7!important;
  color:#8a919d!important;
}

/* La ville du profil reprend le sélecteur avec recherche de l'inscription. */
.account-page:not(.account-auth-page) .account-form .account-city-picker{
  position:relative;
  z-index:1;
  display:block;
}
.account-page:not(.account-auth-page) .account-form .account-city-picker.is-open{z-index:12}
.account-page:not(.account-auth-page) .account-form .account-city-picker::after{
  position:absolute;
  right:2px;
  bottom:17px;
  width:8px;
  height:8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  color:var(--red,#ed1c24);
  content:"";
  pointer-events:none;
  transform:rotate(45deg);
  transform-origin:center;
  transition:transform .26s cubic-bezier(.22,1,.36,1),color .2s ease;
}
.account-page:not(.account-auth-page) .account-form .account-city-picker.is-open::after{color:var(--text,#17191f);transform:rotate(-135deg)}
.account-page:not(.account-auth-page) .account-form .account-city-search{padding-right:58px!important}
html[dir="rtl"] .account-page:not(.account-auth-page) .account-form .account-city-picker::after{right:auto;left:0}
html[dir="rtl"] .account-page:not(.account-auth-page) .account-form .account-city-search{padding-right:0!important;padding-left:58px!important}

@media (prefers-reduced-motion:reduce){
  :is(.checkout-form,.account-page:not(.account-auth-page) .account-form) :is(input,select,textarea){transition:none!important}
}

/* Checkout : même écriture visuelle que les formulaires Connexion et Inscription. */
.checkout-form.account-auth-checkout{display:grid;gap:17px}
.checkout-form.account-auth-checkout .account-floating-field{position:relative;display:block;min-height:50px;margin:0;padding:0;color:var(--text,#fff)}
.checkout-form.account-auth-checkout .account-floating-field>input:not([type="hidden"]),.checkout-form.account-auth-checkout .account-floating-field>textarea{width:100%;min-height:50px;height:50px;margin:0!important;padding:15px 0 0!important;border:0!important;border-bottom:1px solid var(--line,#30343d)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text,#fff)!important;font:500 15px/1 Inter,Cairo,Arial,sans-serif}
.checkout-form.account-auth-checkout .account-floating-textarea{min-height:96px}
.checkout-form.account-auth-checkout .account-floating-field>textarea{height:auto;min-height:96px;padding-top:22px!important;resize:vertical}
.checkout-form.account-auth-checkout .account-floating-field>span{position:absolute;top:17px;left:0;z-index:2;max-width:calc(100% - 8px);overflow:hidden;color:var(--muted,#aeb4c0);font:500 15px/1 Inter,Cairo,Arial,sans-serif;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;transition:top .18s ease,font-size .18s ease,color .18s ease,background-color .18s ease}
.checkout-form.account-auth-checkout .account-floating-field:focus-within>span,.checkout-form.account-auth-checkout .account-floating-field>input:not(:placeholder-shown)+span,.checkout-form.account-auth-checkout .account-floating-field>textarea:not(:placeholder-shown)+span{top:-7px;padding:0 4px;background:var(--panel,#15171c);color:var(--red,#ed1c24);font-size:10px;font-weight:700;letter-spacing:.04em}
.checkout-form.account-auth-checkout .account-floating-field::after{position:absolute;right:0;bottom:0;width:100%;height:2px;background:var(--red,#ed1c24);content:"";transform:scaleX(0);transform-origin:left center;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.checkout-form.account-auth-checkout .account-floating-field:focus-within::after{transform:scaleX(1)}
.checkout-form.account-auth-checkout .account-city-picker{z-index:1}
.checkout-form.account-auth-checkout .account-city-picker.is-open{z-index:12}
.checkout-form.account-auth-checkout .account-city-picker::before{position:absolute;right:10px;bottom:16px;z-index:3;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;color:var(--red,#ed1c24);content:"";pointer-events:none;transform:rotate(45deg);transform-origin:center;transition:transform .26s cubic-bezier(.22,1,.36,1),color .2s ease}
.checkout-form.account-auth-checkout .account-city-picker.is-open::before{color:var(--text,#fff);transform:rotate(-135deg)}
.checkout-form.account-auth-checkout .account-city-search{padding-right:126px!important;-webkit-appearance:none;appearance:none}
.checkout-form.account-auth-checkout .checkout-city-fee{position:absolute;right:59px;bottom:13px;z-index:3;margin:0;color:var(--red,#ed1c24);font:700 12px/1 Inter,Cairo,Arial,sans-serif;letter-spacing:.01em;pointer-events:none;white-space:nowrap}
.checkout-form.account-auth-checkout .checkout-city-fee[hidden]{display:none!important}
.checkout-form.account-auth-checkout .account-city-options button{display:flex;align-items:center;justify-content:space-between;gap:14px}
.checkout-delivery-preview{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:-4px 0 0;color:var(--muted,#aeb4c0);font-size:12px;line-height:1.45}
.checkout-delivery-preview strong{color:#22c55e;font-size:13px}
.checkout-delivery-preview[hidden],.checkout-summary-row[hidden]{display:none!important}
.checkout-form.account-auth-checkout .account-submit{width:100%;min-height:52px;margin:5px 0 0}
.checkout-form.account-auth-checkout .account-submit:disabled{border:1px solid var(--line,#30343d)!important;background:transparent!important;color:var(--muted,#aeb4c0)!important;box-shadow:none!important;cursor:not-allowed;opacity:1;transform:none!important}
.checkout-summary{display:grid;gap:15px}
.checkout-summary-title{display:flex;justify-content:space-between;align-items:center;margin:0!important;color:var(--text,#fff)!important;font-size:15px!important;font-weight:800}.checkout-summary-title span{color:var(--muted,#aeb4c0);font-size:12px}
.checkout-summary-items{display:grid;gap:12px}.checkout-summary-items p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;margin:0!important;font-size:12px;line-height:1.45}.checkout-summary-items p>span{color:var(--muted,#aeb4c0)}.checkout-summary-items p>strong{grid-column:2;grid-row:1 / span 2;margin:0!important;color:var(--text,#fff)!important;font:700 15px/1.2 "Barlow Condensed",Cairo,Arial,sans-serif;white-space:nowrap}
.checkout-summary-row,.checkout-summary-total{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.checkout-summary-row{color:var(--muted,#aeb4c0);font-size:13px}.checkout-summary-row strong{color:var(--text,#fff);font-size:14px}.checkout-summary hr{width:100%;margin:0;border:0;border-top:1px solid var(--line,#30343d)}.checkout-summary-total span{font-size:13px;font-weight:700}.checkout-summary-total strong{margin:0!important;color:var(--red,#ed1c24)!important;font:800 30px/1 "Barlow Condensed",Cairo,Arial,sans-serif}
html[data-theme="light"] .checkout-form.account-auth-checkout .account-floating-field>input:not([type="hidden"]),html[data-theme="light"] .checkout-form.account-auth-checkout .account-floating-field>textarea{border-bottom-color:#c8ced7!important;color:#17191f!important}html[data-theme="light"] .checkout-form.account-auth-checkout .account-floating-field:focus-within>span,html[data-theme="light"] .checkout-form.account-auth-checkout .account-floating-field>input:not(:placeholder-shown)+span,html[data-theme="light"] .checkout-form.account-auth-checkout .account-floating-field>textarea:not(:placeholder-shown)+span{background:#fff}html[data-theme="light"] .checkout-form.account-auth-checkout .account-submit:disabled{background:#e7e9ed!important;border-color:#d7dce3!important;color:#87909c!important}
html[dir="rtl"] .checkout-form.account-auth-checkout .account-floating-field>span{right:0;left:auto}html[dir="rtl"] .checkout-form.account-auth-checkout .account-floating-field::after{right:auto;left:0;transform-origin:right center}html[dir="rtl"] .checkout-form.account-auth-checkout .account-city-picker::before{right:auto;left:10px}html[dir="rtl"] .checkout-form.account-auth-checkout .account-city-search{padding-right:0!important;padding-left:126px!important}html[dir="rtl"] .checkout-form.account-auth-checkout .checkout-city-fee{right:auto;left:59px}html[dir="rtl"] .checkout-form.account-auth-checkout .account-city-options button{text-align:right}html[dir="rtl"] .checkout-delivery-preview,html[dir="rtl"] .checkout-summary-row,html[dir="rtl"] .checkout-summary-total{font-family:Cairo,Inter,Arial,sans-serif}
html[dir="rtl"] .checkout-form.account-auth-checkout .account-floating-field>span{font-family:Cairo,Inter,Arial,sans-serif;font-weight:600;color:#98a2b1}html[data-theme="light"][dir="rtl"] .checkout-form.account-auth-checkout .account-floating-field>span{color:#4f5c6d}html[dir="rtl"] .checkout-form.account-auth-checkout .account-floating-field:focus-within>span,html[dir="rtl"] .checkout-form.account-auth-checkout .account-floating-field>input:not(:placeholder-shown)+span{color:var(--red,#ed1c24)}
@media(max-width:800px){.checkout-form.account-auth-checkout{gap:16px}.checkout-form.account-auth-checkout .account-floating-field>input:not([type="hidden"]),.checkout-form.account-auth-checkout .account-floating-field>textarea{font-size:14px}.checkout-delivery-preview{align-items:flex-start;flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){.checkout-form.account-auth-checkout .account-floating-field>span,.checkout-form.account-auth-checkout .account-floating-field::after{transition:none!important}}

/* Checkout : contraste garanti dans le thème clair. */
html[data-theme="light"] .checkout-summary{
  --text:#17191e;
  --muted:#5c6470;
  --line:#d7dce3;
  --panel:#fff;
  color:#17191e!important;
}

/* Arabe : aucun espacement de lettres — il casserait la liaison naturelle des caractères. */
html[dir="rtl"] .checkout-form.account-auth-checkout .account-floating-field,
html[dir="rtl"] .checkout-form.account-auth-checkout .account-floating-field>input,
html[dir="rtl"] .checkout-form.account-auth-checkout .account-floating-field>textarea,
html[dir="rtl"] .checkout-form.account-auth-checkout .account-floating-field>select,
html[dir="rtl"] .checkout-form.account-auth-checkout .account-floating-field>span{
  font-family:Tahoma,Arial,sans-serif!important;
  letter-spacing:normal!important;
  word-spacing:normal!important;
  font-kerning:normal;
  font-variant-ligatures:normal;
  text-rendering:optimizeLegibility;
}