/**
 * Styles front-office du module de rétractation.
 * Classes préfixées « gr-retract » pour éviter tout conflit avec Creative Elements.
 *
 * @author    BDD Computing
 * @license   Proprietary
 */

.gr-retract {
  max-width: 720px;
  margin: 1.5rem auto;
}

.gr-retract__title {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.gr-retract__subtitle {
  font-size: 1.2rem;
  margin: 1rem 0 .5rem;
}

.gr-retract__intro,
.gr-retract__order,
.gr-retract__deadline {
  margin-bottom: 1rem;
}

.gr-retract__item {
  padding: .35rem 0;
}

.gr-retract__qty {
  color: #666;
}

.gr-retract__list {
  padding-left: 1.2rem;
}

/* Bouton : contraste, taille de clic et focus visibles (accessibilité). */
.gr-retract-button__link,
.gr-retract__submit,
.gr-retract__confirm {
  display: inline-block;
  min-height: 44px;
  padding: .6rem 1.4rem;
  font-size: 1rem;
  line-height: 1.4;
  cursor: pointer;
}

.gr-retract-button__link:focus,
.gr-retract__submit:focus,
.gr-retract__confirm:focus {
  outline: 3px solid #1a73e8;
  outline-offset: 2px;
}

.gr-retract__errors ul {
  margin: 0;
  padding-left: 1.2rem;
}

/* Encart « conditions de retour » sur la page de déclaration. */
.gr-retract__conditions {
  margin: 1rem 0 1.5rem;
  padding: 1rem 1.2rem;
  background: #f7f6f3;
  border: 1px solid #e6e2da;
  border-left: 4px solid #63B232;
  border-radius: 8px;
}

.gr-retract__conditions p {
  margin: 0 0 .6rem;
}

.gr-retract__conditions p:last-child {
  margin-bottom: 0;
}

/* Lien permanent en pied de page. */
.gr-retract-footer {
  padding: .5rem 0;
}

.gr-retract-footer__link {
  text-decoration: underline;
}

.gr-retract-footer__link:focus {
  outline: 3px solid #1a73e8;
  outline-offset: 2px;
}