/**
 * Mes préférences de livraison — shell premium + formulaire
 * Complète client-premium.css (surcharge style.css legacy blanc/orange)
 */

body.client-premium .portal-main.client-delivery-preferences {
  color: #f5efe8;
}

body.client-premium .portal-main.client-delivery-preferences .page-content {
  padding: 0 1rem 2.5rem;
  max-width: 44rem;
  margin: 0 auto;
  width: 100%;
}

body.client-premium .portal-main.client-delivery-preferences .page-header.client-profil__hero {
  margin: 1rem;
}

body.client-premium .portal-main.client-delivery-preferences #preferences-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

body.client-premium .portal-main.client-delivery-preferences .card,
body.client-premium .portal-main.client-delivery-preferences .client-profil-card {
  background: linear-gradient(165deg, #1c100d, #0f0908);
  border: 1px solid #4a2c25;
  color: #f5efe8;
  border-radius: 1rem;
  box-shadow: 0 0 0 1px rgba(183, 122, 82, 0.1), 0 24px 80px rgba(0, 0, 0, 0.38);
}

body.client-premium .portal-main.client-delivery-preferences .card__title {
  color: #fff3ec;
  border-bottom-color: #39241f;
}

body.client-premium .portal-main.client-delivery-preferences .card-header {
  border-bottom-color: rgba(57, 36, 31, 0.75);
}

body.client-premium .portal-main.client-delivery-preferences .text-muted {
  color: #d8c8bd;
}

body.client-premium .portal-main.client-delivery-preferences .field__label,
body.client-premium .portal-main.client-delivery-preferences legend.field__label {
  color: #d7b49a;
}

body.client-premium .portal-main.client-delivery-preferences .field__input,
body.client-premium .portal-main.client-delivery-preferences textarea.field__input {
  background: rgba(8, 5, 4, 0.72);
  border: 1px solid rgba(139, 90, 66, 0.45);
  color: #fff3ec;
}

body.client-premium .portal-main.client-delivery-preferences .field__input::placeholder {
  color: rgba(168, 143, 130, 0.72);
}

body.client-premium .portal-main.client-delivery-preferences .field__error {
  color: #f0a4ad;
}

body.client-premium .portal-main.client-delivery-preferences .client-profil__actions {
  padding-top: 0.25rem;
}

body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-options {
  display: grid;
  gap: 0.75rem;
}

body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-radios {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-option,
body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-radio {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0;
  padding: 0.85rem 1rem;
  border: 1px solid #4a2c25;
  border-radius: 0.75rem;
  background: #160d0b;
  color: #f5efe8;
  cursor: pointer;
  box-shadow: none;
  transition: border-color 0.15s ease, background 0.15s ease;
}

body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-radio {
  padding: 0.75rem 0.875rem;
  font-size: 0.875rem;
}

body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-option:hover,
body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-radio:hover {
  border-color: rgba(183, 122, 82, 0.55);
  background: #2a1814;
}

body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-option:has(input:checked),
body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-radio:has(input:checked) {
  border-color: #b77a52;
  background: #2a1814;
  box-shadow: inset 0 0 0 1px rgba(183, 122, 82, 0.25);
}

body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-option:has(input:disabled),
body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-radio:has(input:disabled) {
  opacity: 0.72;
  cursor: not-allowed;
  background: #120a08;
  border-color: #39241f;
}

body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-option__label,
body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-option span,
body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-radio span {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  color: #f5efe8;
  font-weight: 600;
}

body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-option input[type="checkbox"],
body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-radio input[type="radio"] {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  accent-color: #b77a52;
  cursor: pointer;
}

body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-radio input[type="radio"] {
  width: 1.05rem;
  height: 1.05rem;
}

@media (max-width: 767px) {
  body.client-premium .portal-main.client-delivery-preferences .page-header.client-profil__hero {
    margin: 0.75rem 0.75rem 0;
  }

  body.client-premium .portal-main.client-delivery-preferences .page-content {
    padding: 0 0.75rem 2rem;
  }

  body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-option,
  body.client-premium .portal-main.client-delivery-preferences #preferences-form .delivery-pref-radio {
    padding: 0.95rem 1rem;
  }
}