@charset "UTF-8";
/*
*
*
* Fichier utilisé pour la page "mon compte" / "se connecter"
*
*
*/
body.woocommerce-account main * {
  float: none !important;
}

body.woocommerce-account main * + h2 {
  margin-top: 32px;
}

body.woocommerce-account main button[type="submit"] {
  float: none !important;
  margin: 24px 0 0;
  background: #ED6F08 !important;
  color: white !important;
  font-family: "area-normal", sans-serif;
  font-size: 16px;
  font-weight: 700;
  border-radius: 100px;
  padding: 8px 32px;
  height: 60px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: all .3s ease;
  position: relative;
}

body.woocommerce-account main button[type="submit"]:hover {
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
}

body.woocommerce-account main .woocommerce-MyAccount-content a:not(.wp-block-button__link):not(.button) {
  font-weight: 700;
  color: #0065B1;
  text-decoration: none;
}

body.woocommerce-account main .woocommerce-MyAccount-content a:not(.wp-block-button__link):not(.button):hover {
  color: #ED6F08;
}

body.woocommerce-account main .woocommerce-MyAccount-content a:not(.wp-block-button__link):not(.button):hover:after {
  background-color: #ED6F08;
}

body.woocommerce-account.logged-in main .wp-block-group .woocommerce {
  display: grid;
  grid-template-columns: 250px 1fr;
  grid-gap: 24px;
  align-items: flex-start;
}

body.woocommerce-account.logged-in main .wp-block-group .woocommerce:before, body.woocommerce-account.logged-in main .wp-block-group .woocommerce:after {
  content: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  background-color: white;
  mask-image: url("../img/image-mask.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  padding: 32px;
  box-sizing: border-box;
  width: auto;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
  font-weight: 700;
  color: #0065B1;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
  text-transform: uppercase;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover {
  color: #ED6F08;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover:after {
  background-color: #ED6F08;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a {
  color: #ED6F08;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title + .order_details, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title + address, .woocommerce-account .woocommerce-MyAccount-content h2 + .woocommerce-orders-table {
  margin-top: 24px;
}

/*
Se connecter
*/
body.woocommerce-account main:has(.woocommerce-form-login) form, body.woocommerce-account main:has(.woocommerce-ResetPassword) form {
  padding: 20px;
  border: none !important;
  border-radius: 13px !important;
  background-color: white !important;
}

body.woocommerce-account main:has(.woocommerce-form-login) form .form-row, body.woocommerce-account main:has(.woocommerce-ResetPassword) form .form-row {
  padding: 0;
  width: 100%;
}

body.woocommerce-account main:has(.woocommerce-form-login) form .form-row .input-text, body.woocommerce-account main:has(.woocommerce-ResetPassword) form .form-row .input-text {
  border-color: #dadada;
  border-radius: 8px;
  margin-top: 4px;
}

body.woocommerce-account main:has(.woocommerce-form-login) form button[type="submit"], body.woocommerce-account main:has(.woocommerce-ResetPassword) form button[type="submit"] {
  margin: 24px auto 8px !important;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .show-password-input.display-password::after, body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-page form .show-password-input.display-password::after, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .show-password-input.display-password::after, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-page form .show-password-input.display-password::after {
  color: #0065B1;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme {
  position: relative;
  display: block;
  margin: 0 auto;
  width: fit-content;
  /* Preparer le label */
  /* Aspect de la case */
  /* Aspect de la coche */
  /* Aspect non cochée */
  /* Aspect cochée */
  /* Disabled checkbox */
  /* Disabled checked */
  /* Accessibility focus */
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked),
body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked),
body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked {
  /* Cache la checkbox sans
                la rendre invisible aux
                lecteurs d'écran */
  position: absolute;
  left: -4px;
  top: 7px;
  height: 17px;
  width: 17px;
  opacity: 0.01;
  z-index: 10;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked):hover,
body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked:hover, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked):hover,
body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked:hover {
  cursor: pointer;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span,
body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span,
body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span {
  padding-left: 28px;
  /* place pour la box */
  font-size: 14px;
  line-height: 1.7;
  position: relative;
  color: #4A535E;
  cursor: pointer;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span::before,
body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::before, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span::before,
body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 4px;
  width: 15px;
  height: 15px;
  border: 1px solid #979797;
  background: white;
  border-radius: .2em;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 rgba(151, 151, 151, 0.2);
  transition: all .275s;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span::before:hover,
body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::before:hover, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span::before:hover,
body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::before:hover {
  cursor: pointer;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span::after,
body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::after, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span::after,
body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::after {
  content: '✓';
  speak: never;
  /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
  position: absolute;
  top: 12px;
  left: 2px;
  font-size: 16px;
  color: white;
  line-height: 0;
  transition: all .2s;
  /* Petite transition */
  font-family: HelveticaNeue-Light,-apple-system,AppleColorEmoji,'Arial Rounded MT Bold',system-ui,Ubuntu,sans-serif,'Arial Unicode MS','Zapf Dingbats','Segoe UI Emoji','Segoe UI Symbol',Noto Color Emoji, NotoColorEmoji,EmojiSymbols,Symbola,Noto,'Android Emoji',AndroidEmoji,'lucida grande',tahoma,verdana,arial,AppleColorEmoji,'Apple Color Emoji' !important;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span::after:hover,
body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::after:hover, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span::after:hover,
body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::after:hover {
  cursor: pointer;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span::after, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked) + span::after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::after, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::after {
  opacity: 1;
  transform: scale(1) rotate(0);
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::before, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked + span::before {
  background-color: #ED6F08;
  border-color: #ED6F08;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:disabled:not(:checked) + span::before,
body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:disabled:checked + span::before, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:disabled:not(:checked) + span::before,
body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:disabled:checked + span::before {
  box-shadow: none;
  border-color: black;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:disabled:checked + span::after, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:disabled:checked + span::after {
  color: #777;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:disabled + span, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:disabled + span {
  color: #aaa;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked:focus + span::before,
body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked):focus + span::before, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:checked:focus + span::before,
body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-form-login .woocommerce-form-login__rememberme [type="checkbox"]:not(:checked):focus + span::before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 6px rgba(151, 151, 151, 0.2);
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-LostPassword, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-LostPassword {
  text-align: center;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-LostPassword a, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-LostPassword a {
  font-size: 14px;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-ResetPassword > p:first-child, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-ResetPassword > p:first-child {
  font-size: 14px;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-ResetPassword .form-row .input-text, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-ResetPassword .form-row .input-text {
  text-align: center;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce-ResetPassword button[type="submit"], body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce-ResetPassword button[type="submit"] {
  height: 40px;
  font-size: 14px;
}

body.woocommerce-account main:has(.woocommerce-form-login) .woocommerce, body.woocommerce-account main:has(.woocommerce-ResetPassword) .woocommerce {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}

/* 
Mon compte
*/
* + .u-columns {
  margin-top: 24px;
}

.u-columns.col2-set {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.u-columns.col2-set:before, .u-columns.col2-set:after {
  content: none;
}

.u-columns.col2-set .col-1, .u-columns.col2-set .col-2 {
  width: 100%;
}

.woocommerce-account.woocommerce-edit-address > .select2-container--open {
  width: auto !important;
}

.woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px 8px;
}

.woocommerce-address-fields__field-wrapper .clear, .woocommerce-EditAccountForm .clear {
  display: none;
}

.woocommerce-address-fields__field-wrapper .form-row, .woocommerce-EditAccountForm .form-row {
  margin: 0 !important;
  padding: 0 !important;
  flex-basis: 100% !important;
}

.woocommerce-address-fields__field-wrapper .form-row:nth-of-type(1), .woocommerce-address-fields__field-wrapper .form-row:nth-of-type(2), .woocommerce-EditAccountForm .form-row:nth-of-type(1), .woocommerce-EditAccountForm .form-row:nth-of-type(2) {
  flex-basis: calc(50% - 4px) !important;
}

.woocommerce-address-fields__field-wrapper .form-row.form-row-wide, .woocommerce-EditAccountForm .form-row.form-row-wide {
  flex-basis: 100% !important;
}

.woocommerce-address-fields__field-wrapper .form-row .input-text, .woocommerce-address-fields__field-wrapper .form-row select, .woocommerce-EditAccountForm .form-row .input-text, .woocommerce-EditAccountForm .form-row select {
  border: none !important;
  background-color: white !important;
  border-radius: 8px !important;
  margin-top: 4px !important;
  padding: 8px 14px !important;
}

.woocommerce-address-fields__field-wrapper .form-row .select2-container .select2-selection, .woocommerce-EditAccountForm .form-row .select2-container .select2-selection {
  border: none !important;
  border-radius: 8px !important;
}

.woocommerce-address-fields__field-wrapper .form-row .select2-container .select2-selection .select2-selection__rendered, .woocommerce-EditAccountForm .form-row .select2-container .select2-selection .select2-selection__rendered {
  padding: 8px 14px !important;
  font-size: 14px !important;
}

.woocommerce-address-fields__field-wrapper .edit_password, .woocommerce-EditAccountForm .edit_password {
  width: 100%;
}

.woocommerce-address-fields__field-wrapper .edit_password h3, .woocommerce-EditAccountForm .edit_password h3 {
  margin-top: 16px;
}

.woocommerce-address-fields__field-wrapper .edit_password h3 + p, .woocommerce-EditAccountForm .edit_password h3 + p {
  margin-top: 16px !important;
}

.woocommerce-address-fields__field-wrapper .edit_password p + p, .woocommerce-EditAccountForm .edit_password p + p {
  margin-top: 8px !important;
}

.woocommerce-address-fields__field-wrapper small, .woocommerce-address-fields__field-wrapper #account_display_name_description, .woocommerce-EditAccountForm small, .woocommerce-EditAccountForm #account_display_name_description {
  font-size: 13px;
}

.woocommerce table.shop_table {
  background-color: white;
  border: none;
  border-radius: 13px;
}

.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
  padding: 10px;
}

body.woocommerce-account main .woocommerce-MyAccount-content .woocommerce-orders-table__cell .button.view, body.woocommerce-account main .woocommerce-MyAccount-content .order-actions-button.button.view {
  background-color: #0065B1;
  color: white;
  border: none;
  border-radius: 100px;
}

body.woocommerce-account main .woocommerce-MyAccount-content .woocommerce-orders-table__cell .button.view:after, body.woocommerce-account main .woocommerce-MyAccount-content .order-actions-button.button.view:after {
  content: none;
}

.woocommerce-view-order .woocommerce-order-details {
  margin-top: 16px;
}

.woocommerce .woocommerce-customer-details address {
  border: none;
  background-color: white;
  border-radius: 13px;
  padding: 10px 12px;
}

@media only screen and (max-width: 1024px) {
  body.woocommerce-account main .wp-block-group .woocommerce {
    grid-template-columns: 1fr;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    text-align: center;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    flex-direction: row;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 781px) {
  .u-columns.col2-set {
    grid-template-columns: 1fr;
  }
}