/* ---------------------------------------------------------
   Page Mon Compte — page-account.css
   --------------------------------------------------------- */

.account-page-main {
	border: 4px solid white;
	padding: 0;
	border-top: none;
}

.account-page-main .woocommerce {
    border-right: 4px solid white;
    border-left: 4px solid white;
    max-width: 100rem;
    margin-inline: auto;
    padding: 10rem 5rem;
}

.woocommerce form.login {
	border: none;
	padding: 0;
	margin: 2em auto 0;
	text-align: initial;
	border-radius: 0;
    width: 100%;
    max-width: 45rem;
}

.account-page .account-page-main .woocommerce > h2 {
    margin-bottom: 6rem;
}

.woocommerce form .form-row label {
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    position: relative;
    width: fit-content;
}

.woocommerce form .form-row .required {
	color: var(--terracotta);
	position: absolute;
	top: -2px;
	right: -4px;
}

.woocommerce-form.woocommerce-form-login .form-row {
    margin-bottom: 2rem;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    float: none;
}

.woocommerce-form.woocommerce-form-login .form-row:nth-child(3) {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
    margin-bottom: 4rem;
}

.woocommerce-button.button.woocommerce-form-login__submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
    display: inline-block;
    padding: 1.7rem 2.8rem;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    transition: background-color var(--transition), color var(--transition), border-color var(--transition);
    cursor: pointer;
    background-color: var(--blue);
    color: var(--light-pink);
    border-radius: 0;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)).woocommerce-lost-password .woocommerce button.button {
    margin-top: 2rem;
    margin-left: auto;
    display: block;
}

.woocommerce-button.button.woocommerce-form-login__submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover {
    background-color: var(--blue-hover);
    color: white!important;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme:hover {
    cursor: pointer;
}

.woocommerce-LostPassword.lost_password {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.15rem;
}

.woocommerce-LostPassword.lost_password a:hover {
    color: var(--blue);
}

.woocommerce-ResetPassword.lost_reset_password {
    width: 100%;
    max-width: 45rem;
    margin-inline: auto;
}

.woocommerce-ResetPassword.lost_reset_password > p:first-child {
    margin-bottom: 3rem;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
}

.woocommerce-ResetPassword .woocommerce-form-row::before,
.woocommerce-ResetPassword .woocommerce-form-row::after {
    display: none;
}

.woocommerce-notices-wrapper {
    margin-inline: auto;
    max-width: 45rem;
    width: 100%;
}

/* ── Bannière titre ──────────────────────────────────────── */

.account-title,
.account-page .account-page-main .woocommerce > h2 {
	font-size: clamp(2rem, 6vw, 3rem);
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	text-align: center;
    letter-spacing: 0;
    position: relative;
    width: fit-content;
    margin-inline: auto;
}

.account-title::after,
.account-page .account-page-main .woocommerce > h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -3rem;
    transform: translateX(-50%);
    width: 30px;
    height: 10px;
    background: repeating-linear-gradient(
        to right,
        var(--blue) 0,
        var(--blue) 2px,
        transparent 2px,
        transparent 4px
    );
}

/* ── Wrapper contenu WooCommerce ─────────────────────────── */

.account-body {
	margin-top: 6rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.woocommerce-edit-account .account-body {
    margin-top: 8rem;
}

/* Reset layout 2-colonnes natif WooCommerce ──────────────── */

.woocommerce-account .woocommerce-MyAccount-navigation {
    display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
    padding: 0;
}

/* Masquer les titres H2 redondants générés par WooCommerce
   (le titre est déjà affiché dans .account-title) */
.account-body .woocommerce-MyAccount-content > h2:first-child {
    display: none;
}

/* ── Dashboard — liens de navigation ─────────────────────── */

.woocommerce-MyAccount-content p {
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

/* ── Tableau des commandes ───────────────────────────────── */

.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.5rem;
}

.woocommerce-orders-table th,
.woocommerce-orders-table td {
    padding: 1.4rem 1.5rem;
    border-bottom: 1px solid var(--border);
    text-align: left;
    vertical-align: middle;
}

.woocommerce-orders-table thead th {
    font-size: 1.15rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-light);
    border-bottom: 2px solid var(--border);
    padding-top: 0;
}

/* ── Détail d'une commande ───────────────────────────────── */

.woocommerce-order-details,
.woocommerce-customer-details {
    margin-bottom: 3rem;
}

.woocommerce-order-details__title,
.woocommerce-column__title {
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 1.5rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid var(--border);
}

/* ── Formulaires adresses & informations ─────────────────── */

.woocommerce-address-fields,
.edit-account {
    max-width: 100%;
    width: 45rem;
}

.woocommerce-EditAccountForm {
    max-width: 100%;
    width: 50rem;
}

.woocommerce-address-fields .form-row,
.woocommerce-EditAccountForm .form-row {
    margin-bottom: 2rem;
}

.woocommerce-address-fields label,
.woocommerce-EditAccountForm label,
.woocommerce-address-fields .form-row label,
.woocommerce-EditAccountForm .form-row label {
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: black;
    position: relative;
    margin-bottom: 0;
    width: fit-content;
}

.woocommerce-address-fields input[type="text"],
.woocommerce-address-fields input[type="email"],
.woocommerce-address-fields input[type="tel"],
.woocommerce-address-fields input[type="password"],
.woocommerce-address-fields select,
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="tel"],
.woocommerce-EditAccountForm input[type="password"],
.woocommerce-EditAccountForm select {
    width: 100%;
    padding: 1.2rem 1.5rem;
    border: 1px solid var(--border);
    background: white;
    font-size: 1.5rem;
    font-family: inherit;
    color: inherit;
    outline: none;
    transition: border-color 0.2s;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
}

.woocommerce-address-fields input:focus,
.woocommerce-address-fields select:focus,
.woocommerce-EditAccountForm input:focus,
.woocommerce-EditAccountForm select:focus {
    border-color: var(--blue);
}

/* ── Fieldset mot de passe ───────────────────────────────── */

.woocommerce-EditAccountForm fieldset {
	border: 1px solid var(--border);
	padding: 3rem;
	margin: 4rem 0 3rem;
}

.woocommerce-EditAccountForm fieldset legend {
	font-size: 1.1rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0 0.8rem;
	color: var(--blue);
	position: relative;
	top: 1px;
}

.account-fieldset > .account-form-row:last-child {
    margin-bottom: 0;
}

/* ── Boutons WooCommerce → style thème ───────────────────── */

.account-body .woocommerce .button,
.account-body button[type="submit"],
.account-body input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.7rem 2.8rem;
    background: var(--blue);
    color: white;
    font-size: 1.1rem;
    font-weight: 500;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.04rem;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    border-radius: 0;
}

.account-body .woocommerce .button:hover,
.account-body button[type="submit"]:hover,
.account-body input[type="submit"]:hover {
    background: var(--blue-hover);
    color: white;
}

/* ── Notices WooCommerce ─────────────────────────────────── */

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    list-style: none;
    padding: 1.5rem 2rem;
    border-left: 4px solid;
    border-top: none;
    display: block;
}

.woocommerce-account .woocommerce-message { border-color: #155724; background: #d4edda; color: #155724; }
.woocommerce-account .woocommerce-info    { border-color: var(--blue); background: #e8f4f8; color: var(--deep-blue); }
.woocommerce-account .woocommerce-error   { border-color: var(--terracotta); background: #fdf0ee; color: var(--terracotta); }

/* Supprimer l'icône flèche des notices WC */
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-error::before {
    display: none;
}

/* ── Formulaires — layout commun ─────────────────────────── */

.account-form-row {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2.5rem;
}

.account-form-row--split {
    flex-direction: row;
}

.account-form-row--split .account-form-field {
    flex: 1;
}

.account-form-field {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.account-form-field label {
	font-size: 1.1rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: black;
	position: relative;
	margin-bottom: 0;
    width: fit-content;
}

.account-form-field .required {
	color: var(--terracotta);
	position: absolute;
	right: -7px;
	top: -3px;
}

.account-form-field input[type="text"],
.account-form-field input[type="email"],
.account-form-field input[type="tel"],
.account-form-field input[type="password"],
.account-form-field select {
	width: 100%;
	padding: 1.4rem 1.6rem;
	font-family: var(--font-sans);
	font-size: 1.25rem;
	color: var(--black);
	background-color: white;
	border: 1px solid var(--border);
	border-radius: 0;
	outline: none;
	transition: border-color 0.2s;
	appearance: none;
	-webkit-appearance: none;
}

.account-form-field input[type="text"],
.account-form-field input[type="email"],
.account-form-field input[type="tel"],
.account-form-field select {
    text-transform: uppercase;
}

.account-form-field .password-toggle-wrapper input[type="text"] {
    text-transform: initial;
}

.account-form-field input:focus,
.account-form-field select:focus {
    border-color: var(--brown);
}

/* ── Fieldset mot de passe ───────────────────────────────── */

.account-fieldset {
    border: 1px solid var(--border);
    padding: 2.5rem 3rem;
    margin: 3rem 0;
}

.account-fieldset legend {
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0 0.8rem;
    color: var(--text-light);
}

/* ── Bouton de soumission ────────────────────────────────── */

.account-form-submit {
	display: flex;
	justify-content: flex-end;
}

/* Focus sur un input dans le wrapper → colore le bouton œil */
.password-toggle-wrapper:focus-within .password-toggle-btn {
    color: var(--brown);
}

/* ── Bloc adresse ────────────────────────────────────────── */

.account-addresses-intro {
	text-transform: uppercase;
	margin-bottom: 3rem;
	font-size: 1.25rem;
	font-weight: 500;
}

.account-addresses {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.account-addresses--split {
    flex-direction: row;
    align-items: flex-start;
}

.account-address-block {
    flex: 1;
    border: 1px solid var(--border);
    padding: 3rem;
    min-width: 370px;
    background-color: white;
    text-transform: uppercase;
}

.account-address-block__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border);
}

.account-address-block__title {
	font-size: 1.45rem;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
}

.account-address-block__edit {
	font-size: 1.05rem;
	transition: color 0.2s;
	background-color: var(--border);
	padding: 1rem 1.4rem 0.9rem;
	text-transform: uppercase;
	font-weight: 600;
    transition: all 0.2s;
}

.account-address-block__edit:hover {
    background-color: var(--blue);
    color: white;
}

.account-address-block__address {
    font-style: normal;
    line-height: 1.6;
}

.account-address-block__empty {
    color: var(--text-light);
    font-style: italic;
}

/* ── Formulaire adresse — grille des champs WC ───────────── */

.account-address-fields-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 4rem;
}

/* Champs pleine largeur (pays, adresse, etc.) */
.account-address-fields-grid .form-row-wide {
    grid-column: 1 / -1;
}

.account-address-fields-grid .form-row {
    margin-bottom: 2rem;
}

.account-address-fields-grid label {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-light);
    margin-bottom: 0.5rem;
}

.account-address-fields-grid label .required {
    color: var(--terracotta);
    position: absolute;
    right: -7px;
    top: -3px;
}

.woocommerce form .form-row .input-text, 
.woocommerce form .form-row select {
    width: 100%;
    padding: 1.4rem 1.6rem;
    font-family: var(--font-sans);
    font-size: 1.25rem;
    color: var(--black);
    background-color: white;
    border: 1px solid var(--border);
    /* border: 1.5px solid var(--light-pink-darker); */
    border-radius: 0;
    outline: none;
    transition: border-color 0.2s;
    appearance: none;
    -webkit-appearance: none;
}

.woocommerce form .form-row select {
    text-transform: uppercase;
}

.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--brown);
}

.woocommerce .form-row .input-text::placeholder {
    color: var(--text-light);
    opacity: 0.6;

}

.woocommerce form .form-row {
    padding: 0;
    margin: 0;
}

.woocommerce .form-row.form-row-first,
.woocommerce .form-row.form-row-last {
    width: 100%;
}

.account-address-fields-grid input[type="text"],
.account-address-fields-grid input[type="email"],
.account-address-fields-grid input[type="tel"],
.account-address-fields-grid select {
    width: 100%;
    padding: 1.2rem 1.5rem;
    border: 1px solid var(--border);
    background: white;
    font-size: 1.5rem;
    font-family: inherit;
    color: inherit;
    outline: none;
    transition: border-color 0.2s;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
}

.account-address-fields-grid input:focus,
.account-address-fields-grid select:focus {
    border-color: var(--blue);
}

/* ── État vide (aucune commande) ─────────────────────────── */

.account-empty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
}

.account-empty__text {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.25rem;
}

.account-empty .btn {
    margin-inline: auto;
}

.woocommerce form .show-password-input::before, 
.woocommerce-page form .show-password-input::before {
    display: none;
}

:where(.woocommerce) .select2-container .select2-dropdown, 
:where(.woocommerce) .select2-container .select2-selection {
	background-color: white;
	/* border: 1.5px solid var(--light-pink-darker); */
	border: 1px solid var(--border);
	border-radius: 0;
    padding: 1.5rem 1.6rem;
    font-family: var(--font-sans);
    font-size: 1.25rem;
}

:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: normal;
	color: black;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
    padding-right: 0;
}

:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__placeholder {
	color: black;
}

.select2-dropdown {
	background-color: white;
	color: black;
	border: 1.5px solid var(--brown);
	border-radius: 0;
}

.select2-selection.select2-selection--single[aria-expanded="true"] {
    border-color: var(--brown);
}

.select2-search--dropdown {
	display: block;
	padding: 0 14px;
	margin-bottom: 1rem;
}

.select2-results__option {
	padding: 6px 14px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1.5px solid var(--light-pink-darker);
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--brown);
    outline: none;
}

.select2-search--dropdown .select2-search__field {
	padding: 11px 10px 12px;
}

:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__arrow {
	right: 14px;
}

#billing_address_2_field {
    margin-top: -1rem;
}

.woocommerce-account .woocommerce-message, 
.woocommerce-account .woocommerce-info, 
.woocommerce-account .woocommerce-error {
	list-style: none;
	padding: 1.5rem 2rem;
	margin: 0 0 2rem;
	border-left: 4px solid;
	display: block;
}

.woocommerce-message:focus,
.woocommerce-error:focus,
.woocommerce-info:focus {
    outline: none;
}

.select2-container .select2-selection:focus,
.select2-container .select2-selection:focus-visible,
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open,
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open *  {
    outline: none;
}

.select2-container .select2-selection:focus,
.select2-container .select2-selection:focus-visible {
    border-color: var(--brown);
}

.woocommerce table.my_account_orders {
	font-size: 1.25rem;
}

.woocommerce table.shop_table {
	border: 2px solid var(--light-pink-darker);
	margin: 0;
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border-radius: 0;
}

.woocommerce-orders .woocommerce table.my_account_orders thead th,
.woocommerce-view-order .woocommerce table.shop_table thead th {
    padding: 12px 10px 4px;
    vertical-align: middle;
    border-bottom: none;
    font-weight: 600;
    color: black;
    text-transform: uppercase;
    line-height: 1.5em;
    font-size: 1.25rem;
}

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

.woocommerce-view-order .woocommerce table.shop_table tbody tr td,
.woocommerce-view-order .woocommerce table.shop_table tfoot tr th,
.woocommerce-view-order .woocommerce table.shop_table tfoot tr td {
    border-top: 1px solid var(--border);
}

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th {
	font-weight: 600;
	border-top: none;
}

.woocommerce-view-order .woocommerce table.shop_table td {
	padding: 11px 12px;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.woocommerce-button,
a.woocommerce-button.button.order-actions-button  {
    font-size: 1.05rem;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 1rem 1.3rem 0.9rem;
    font-weight: 600;
    border-radius: 0px;
    left: auto;
    color: white;
    background-color: var(--blue);
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    text-transform: uppercase;
}

a.woocommerce-button.button.order-actions-button {
    margin-right: 1rem;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.woocommerce-button:hover,
a.woocommerce-button.button.order-actions-button:hover {
    background-color: var(--blue-hover);
    color: white;
}

.woocommerce-view-order .account-page-main .account-body > p {
    text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 500;
}

.woocommerce-view-order .woocommerce-order-details {
	margin-top: 6rem;
	width: 100%;
	max-width: 70rem;
	border: 1px solid var(--border);
	padding: 3rem;
	position: relative;
    margin-bottom: 3rem;
}

.woocommerce-view-order .woocommerce-order-details__title {
	margin-bottom: 0.8rem;
	padding-bottom: 0;
	border-bottom: none;
	position: absolute;
	top: -7px;
	background: var(--light-pink);
	padding: 0 1rem;
	color: var(--blue);
	font-size: 1.15rem;
	font-weight: 500;
	letter-spacing: 0.02rem;
}

mark {
    background-color: transparent;
}

.woocommerce-view-order table.woocommerce-table--order-details {
    border: none;
}

.woocommerce-view-order .woocommerce .woocommerce-customer-details {
    margin-bottom: 0;
    width: 100%;
    max-width: 70rem;
}

.woocommerce-view-order .woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses {
    display: flex;
    position: relative;
    gap: 2rem;
}

.woocommerce-view-order .woocommerce .col2-set::after, 
.woocommerce-view-order .woocommerce .col2-set::before, 
.woocommerce-view-order .woocommerce-page .col2-set::after,
.woocommerce-view-order .woocommerce-page .col2-set::before {
	display: none;
}

.woocommerce-view-order .woocommerce .col2-set .col-1,
.woocommerce-view-order .woocommerce .col2-set .col-2 {
	float: none;
	width: auto;
	flex: 1;
    border: 1px solid var(--border);
    padding: 3rem;
    position: relative;
}

.woocommerce-view-order .woocommerce .woocommerce-customer-details address {
	font-style: normal;
	margin-bottom: 0;
	border: none;
	text-align: left;
	width: 100%;
	border-radius: 0;
	padding: 0;
	box-sizing: border-box;
    line-height: 1.6;
}

.woocommerce-view-order .woocommerce-column__title {
    font-size: 1.15rem;
    font-weight: 500;
    letter-spacing: 0.02rem;
	text-transform: uppercase;
	margin-bottom: 0;
	border-bottom: none;
    position: absolute;
    top: -7px;
    background: var(--light-pink);
    padding: 0 1rem;
    color: var(--blue);
}

.woocommerce-view-order .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-view-order .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email {
    position: relative;
}

.woocommerce-view-order .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before,
.woocommerce-view-order .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
    margin-right: 7px;
    margin-left: 0;
    line-height: 1.75;
    position: absolute;
    left: 0;
    top: -1px;
}

.woocommerce-orders .woocommerce table.shop_table td {
	border-top: 1px solid var(--border);
    padding: 12px 10px 11px;
    border-bottom: none;
}

.woocommerce-orders .account-body {
	margin-top: 8rem;
	padding: 3rem;
	border: 1px solid var(--border);
    background-color: white;
}

.woocommerce-orders .woocommerce table.shop_table {
	border: none;
}

.woocommerce-orders .woocommerce table.shop_table tbody th {
    border-top: 1px solid var(--border);
    border-bottom: none;
}

.order-again a.button {
    display: block;
    width: fit-content;
    padding: 1.4rem 2rem;
    text-align: center;
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease;
    box-sizing: border-box;
    border: none;
    background-color: var(--blue);
    color: white;
    border-radius: 0;
    margin: 1.4rem 0 0;
}

.order-again a.button:hover {
  background-color: var(--blue-hover);
  color: white;
}

.margo-returns__section-desc {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 3rem;
    text-align: center;
}

.margo-returns__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.margo-returns__item {
	border: 1px solid var(--border);
	padding: 2rem;
	display: flex;
	justify-content: space-between;
    align-items: center;
	font-weight: 500;
	font-size: 1.25rem;
    background-color: white;
    text-transform: uppercase;
}

.margo-return-form__submit {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.margo-return-btn {
	display: block;
	width: fit-content;
	padding: 1.2rem 1.8rem;
	text-align: center;
	text-decoration: none;
	font-size: 1.05rem;
	font-weight: 500;
	letter-spacing: 0.04rem;
	text-transform: uppercase;
	font-family: inherit;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease;
	box-sizing: border-box;
	border: none;
	background-color: var(--blue);
	color: white;
	border-radius: 0;
}

.margo-return-btn:hover {
  background-color: var(--blue-hover);
  color: white;
}

.margo-returns {
    width: 100%;
}

.margo-returns__item-info {
    display: flex;
}

.margo-return-form-wrap {
    width: 100%;
}

.margo-return-form-header {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 3rem;
}

.margo-return-form-header h2 {
    margin-bottom: 0.8rem;
}

fieldset.margo-return-form__articles {
    border: 1px solid var(--border);
    padding: 2rem;
    margin-bottom: 3rem;
}

.margo-return-form__articles legend {
	padding: 0 0.8rem;
	text-transform: uppercase;
	font-size: 1.05rem;
	font-weight: 500;
	color: var(--blue);
}

.margo-return-articles {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.margo-return-article__label {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.margo-return-article__info {
	display: flex;
	align-items: flex-start;
	flex: 1;
	flex-direction: column;
    gap: 0.5rem;
}

.margo-return-article__name {
    font-weight: 500;
    font-size: 1.35rem;
    text-transform: uppercase;
}

.margo-return-back {
	margin-top: 2rem;
	display: block;
	margin-inline: auto;
	width: fit-content;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.15rem;
}

.margo-return-back:hover {
    color: var(--blue);
}

.margo-return-form__reason {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.margo-return-form__label {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.05rem;
}

.margo-return-form__textarea {
	padding: 1rem;
	border: 1px solid var(--border);
	resize: none;
	font-family: var(--font-sans);
	font-size: 1.25rem;
    color: black;
}

.margo-return-form__textarea:focus {
    border-color: var(--brown);
    outline: none;
}

.margo-return-form__textarea::placeholder {
    color: var(--text-light);
    opacity: 0.6;
}

.margo-return-confirmation__header {
    text-align: center;
    margin-bottom: 3rem;
    text-transform: uppercase;
}

.margo-return-confirmation__header svg {
	width: 30px;
	height: auto;
	stroke-width: 2;
	color: #6b8f71;
}

.margo-return-confirmation__header h2 {
	margin: 1rem;
	font-size: 1.8rem;
	font-weight: 500;
}

.margo-return-confirmation__header p {
	font-size: 1.25rem;
	font-weight: 500;
}

.margo-return-confirmation__conditions {
	border: 1px solid var(--border);
	padding: 3rem;
	margin: 3rem 0;
	position: relative;
}

.margo-return-confirmation__conditions h3 {
	position: absolute;
	top: -6px;
	font-size: 1.05rem;
	text-transform: uppercase;
	padding: 0 1rem;
	background-color: var(--light-pink);
	color: var(--text-light);
	font-weight: 500;
}

.margo-return-confirmation__note {
    margin-top: 1rem;
    font-weight: 500;
}

.margo-return-confirmation__conditions ol {
	padding-left: 15px;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.margo-return-confirmation__articles {
    text-transform: uppercase;
}

.margo-return-confirmation__articles h3 {
	font-size: 1.35rem;
	margin-bottom: 0.4rem;
}