/**
 * SaliouShop — styles complémentaires à theme.json.
 * Couleurs, polices et tailles : voir theme.json (modifiables dans Apparence > Éditeur > Styles).
 *
 * Sommaire : 1. Base  2. En-tête  3. Accueil  4. Cartes produit  5. Catalogue  6. Pied de page  7. Divers
 */

/* ========== 1. Base ========== */
:root {
	--ss-radius: 6px;
	--ss-line: var(--wp--preset--color--accent-6, #e4ded4);
	--ss-muted: var(--wp--preset--color--accent-4, #6b655d);
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-1);
	outline-offset: 2px;
}

.ss-eyebrow {
	margin: 0 0 0.6rem;
	color: var(--ss-muted);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.ss-section-head {
	margin-bottom: var(--wp--preset--spacing--50);
	gap: 12px 24px;
}

.ss-section-head h2 {
	margin: 0;
}

.ss-section-link {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
}

.ss-section-link a {
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 2px;
}

.ss-section-link a::after {
	content: " →";
}

.ss-section-link a:hover {
	color: var(--wp--preset--color--accent-1);
}

/* ========== 2. En-tête ========== */
.ss-topbar p {
	margin: 0;
}

.ss-topbar .ss-contact a {
	color: inherit;
}

@media (max-width: 599px) {
	.ss-topbar__message {
		display: none;
	}

	.ss-topbar > .alignwide {
		justify-content: center !important;
	}
}

.ss-header {
	position: relative;
	z-index: 50;
}

.ss-header__main {
	gap: 24px;
	align-items: center;
}

.ss-header__brand {
	flex: 0 0 auto;
	gap: 10px;
}

.ss-header__brand .wp-block-site-title {
	margin: 0;
	line-height: 1;
}

.ss-header__search {
	flex: 1 1 auto;
	max-width: 560px;
	margin: 0;
}

.ss-header__search .wp-block-search__inside-wrapper {
	padding: 3px;
	background: var(--wp--preset--color--accent-5);
	border: 1px solid transparent;
	border-radius: 999px;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.ss-header__search .wp-block-search__inside-wrapper:focus-within {
	background: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--contrast);
}

.ss-header__search .wp-block-search__input {
	padding: 0.55rem 1rem;
	font-size: 0.875rem;
	background: transparent;
	border: 0;
}

.ss-header__search .wp-block-search__input:focus {
	outline: none;
}

.ss-header__search .wp-block-search__button {
	margin: 0;
	padding: 0.45rem 0.7rem;
	color: var(--wp--preset--color--contrast);
	background: transparent;
	border: 0;
	border-radius: 999px;
}

.ss-header__actions {
	flex: 0 0 auto;
	gap: 6px;
}

.ss-header__actions .wc-block-customer-account a,
.ss-header__actions .wc-block-mini-cart__button {
	padding: 8px;
	color: var(--wp--preset--color--contrast);
}

.ss-header__actions .wc-block-mini-cart__badge {
	background: var(--wp--preset--color--accent-1);
	color: #fff;
}

.ss-header__nav {
	padding: 14px 0 12px;
}

.ss-header__nav .wp-block-navigation-item__content {
	padding: 4px 0;
	font-weight: 500;
	letter-spacing: 0.01em;
	text-decoration: none;
}

.ss-header__nav .wp-block-navigation-item__content:hover {
	text-decoration: underline;
	text-underline-offset: 6px;
}

.ss-header__nav .wp-block-navigation__submenu-container {
	min-width: 240px !important;
	padding: 10px 0;
	border: 1px solid var(--ss-line) !important;
	border-radius: var(--ss-radius);
	box-shadow: 0 18px 40px -24px rgba(21, 21, 21, 0.35);
}

.ss-header__nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 8px 18px;
}

@media (max-width: 599px) {
	.ss-header {
		padding-top: 10px !important;
	}

	.ss-header__main {
		flex-wrap: wrap !important;
		gap: 10px 8px;
		padding-left: 44px;
	}

	.ss-header__brand {
		flex: 1 1 auto;
	}

	.ss-header__brand .wp-block-site-title {
		font-size: 1.35rem !important;
	}

	.ss-header__search {
		order: 3;
		flex: 1 1 100%;
		max-width: none;
		margin-bottom: 12px;
	}

	/* Le bouton du menu se place à gauche de la première ligne. */
	.ss-header__nav {
		position: absolute;
		top: 10px;
		left: clamp(16px, 4vw, 40px);
		padding: 0;
	}

	.ss-header__nav .wp-block-navigation__responsive-container-open {
		padding: 8px 4px;
	}
}

/* Menu mobile (plein écran). */
.ss-header__nav .wp-block-navigation__responsive-container.is-menu-open {
	padding: 24px clamp(16px, 4vw, 40px);
}

.ss-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1.05rem;
}

.ss-header__nav .is-menu-open .wp-block-navigation__submenu-container {
	padding: 4px 0 10px 14px !important;
	border: 0 !important;
	box-shadow: none;
}

.ss-header__nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 4px 0;
	color: var(--ss-muted);
	font-size: 0.95rem !important;
}

/* ========== 3. Accueil ========== */
.ss-hero__title {
	margin: 0;
	text-wrap: balance;
	line-height: 1.05;
	letter-spacing: -0.025em;
}

.ss-hero__lead {
	max-width: 34em;
	margin-top: 1.25rem;
	line-height: 1.6;
}

.ss-hero__image {
	margin: 0;
}

.ss-hero__image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 8px;
}

@media (max-width: 781px) {
	.ss-hero__cols {
		flex-direction: column;
	}

	.ss-hero__media {
		width: 100%;
		max-width: 520px;
	}
}

.ss-reassurance__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.ss-reassurance__item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.ss-reassurance__icon {
	flex: 0 0 auto;
	margin-top: 2px;
}

.ss-reassurance__item strong {
	display: block;
	font-size: 0.9375rem;
	font-weight: 600;
}

.ss-reassurance__item strong + span {
	display: block;
	margin-top: 2px;
	color: var(--ss-muted);
	font-size: 0.8125rem;
	line-height: 1.5;
}

@media (max-width: 899px) {
	.ss-reassurance__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 479px) {
	.ss-reassurance__list {
		gap: 18px 14px;
	}

	.ss-reassurance__item {
		flex-direction: column;
		gap: 8px;
	}
}

.ss-cta h2 {
	color: inherit;
}

.ss-cta__button .wp-block-button__link:hover {
	color: var(--wp--preset--color--base) !important;
	background: var(--wp--preset--color--accent-1) !important;
	border-color: var(--wp--preset--color--accent-1) !important;
}

/* ========== 4. Cartes produit ========== */
.ss-product-grid {
	row-gap: clamp(24px, 3vw, 40px) !important;
}

.ss-product-grid .wc-block-product {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.ss-product-card__image {
	margin-bottom: 8px !important;
	overflow: hidden;
	background: var(--wp--preset--color--accent-5);
	border-radius: var(--ss-radius);
}

.ss-product-card__image img {
	transition: transform 0.5s ease;
	mix-blend-mode: multiply;
}

.wc-block-product:hover .ss-product-card__image img {
	transform: scale(1.04);
}

.ss-product-card__badge .wc-block-components-product-sale-badge {
	margin: 10px !important;
	padding: 3px 9px;
	color: #fff;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: var(--wp--preset--color--accent-1);
	border: 0;
	border-radius: 999px;
}

.ss-product-card__title {
	margin: 0 !important;
	font-family: var(--wp--preset--font-family--manrope) !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	letter-spacing: 0 !important;
}

.ss-product-card__title a {
	text-decoration: none;
}

.ss-product-card__title a:hover {
	text-decoration: underline;
}

.ss-product-card__price {
	margin: 0 !important;
	font-weight: 700;
	text-align: left;
}

.ss-product-card__price del {
	margin-right: 6px;
	color: var(--ss-muted);
	font-weight: 400;
}

.ss-product-card__price ins {
	color: var(--wp--preset--color--accent-1);
	text-decoration: none;
}

.ss-product-card__button {
	margin-top: auto !important;
	padding-top: 8px;
}

.ss-product-card__button {
	width: 100%;
}

.ss-product-card__button .wp-block-button__link,
.ss-product-card__button .wc-block-components-product-button__button {
	width: 100% !important;
	justify-content: center;
	padding: 0.6rem 0.75rem !important;
	color: var(--wp--preset--color--contrast) !important;
	background: transparent !important;
	border: 1px solid var(--wp--preset--color--contrast) !important;
}

.ss-product-card__button .wp-block-button__link:hover,
.ss-product-card__button .wc-block-components-product-button__button:hover {
	color: var(--wp--preset--color--base) !important;
	background: var(--wp--preset--color--contrast) !important;
}

.wc-block-components-product-sale-badge,
.wc-block-components-product-price ins {
	text-decoration: none;
}

/* ========== 5. Catalogue ========== */
.ss-catalog-head .wc-block-breadcrumbs {
	color: var(--ss-muted);
}

.ss-catalog-head .wc-block-breadcrumbs a {
	color: inherit;
	text-decoration: none;
}

.ss-catalog-title {
	margin-top: var(--wp--preset--spacing--30) !important;
	font-size: var(--wp--preset--font-size--xx-large) !important;
}

.ss-catalog-description {
	max-width: 46em;
	margin-top: 0.5rem !important;
}

.ss-catalog-description p {
	margin: 0;
}

.ss-catalog__toolbar {
	margin-bottom: var(--wp--preset--spacing--40);
	padding-bottom: 14px;
	border-bottom: 1px solid var(--ss-line);
}

.ss-catalog__toolbar > * {
	margin: 0 !important;
}

.ss-catalog__toolbar select {
	padding: 0.45rem 2rem 0.45rem 0.75rem;
	font: inherit;
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--ss-line);
	border-radius: 4px;
}

@media (min-width: 782px) {
	.ss-catalog__sidebar {
		position: sticky;
		top: 24px;
		align-self: flex-start;
	}
}

.ss-filters h2 {
	font-family: var(--wp--preset--font-family--manrope);
	font-size: 0.8125rem !important;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ss-filters h3 {
	font-family: var(--wp--preset--font-family--manrope);
	font-size: 0.9375rem !important;
	font-weight: 600;
}

.ss-filters > .wp-block-woocommerce-product-filter-price,
.ss-filters > .wp-block-woocommerce-product-filter-taxonomy,
.ss-filters > .wp-block-woocommerce-product-filter-status {
	padding-top: 18px;
	border-top: 1px solid var(--ss-line);
}

.ss-pagination {
	margin-top: var(--wp--preset--spacing--60) !important;
	font-size: 0.875rem;
}

.ss-pagination a,
.ss-pagination .current {
	display: inline-grid;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	place-items: center;
	text-decoration: none;
	border: 1px solid var(--ss-line);
	border-radius: 4px;
}

.ss-pagination .current {
	color: var(--wp--preset--color--base);
	background: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
}

.ss-no-results {
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--accent-2);
	border-radius: var(--ss-radius);
}

.ss-no-results p {
	max-width: 34em;
}

/* ========== 6. Pied de page ========== */
.ss-footer__title {
	margin-bottom: 1rem !important;
	font-family: var(--wp--preset--font-family--manrope) !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase;
}

.ss-footer .ss-link-list a {
	color: inherit;
}

.ss-footer .wp-block-site-title a {
	text-decoration: none;
}

@media (max-width: 781px) {
	.ss-footer__columns {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ss-footer__columns > .wp-block-column:first-child,
	.ss-footer__columns > .wp-block-column:last-child {
		grid-column: 1 / -1;
	}
}

/* ========== 7. Divers ========== */
.ss-home > * {
	margin-block-start: 0;
}

@media (prefers-reduced-motion: reduce) {
	.ss-product-card__image img {
		transition: none;
	}
}

/* Filtre de prix : deux champs égaux, assez larges pour « 150 000 FCFA ». */
.ss-filters .wc-block-product-filter-price-slider__content {
	grid-template-columns: 1fr 0 1fr;
}

.ss-filters .wc-block-product-filter-price-slider__content input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	min-width: 0;
	font-size: 0.8125rem;
}

/* ========== 8. Fiche produit ========== */
.ss-product-top .wc-block-breadcrumbs {
	color: var(--ss-muted);
}

.ss-product-top .wc-block-breadcrumbs a {
	color: inherit;
	text-decoration: none;
}

.ss-product__gallery .wc-block-product-gallery-large-image,
.ss-product__gallery .wc-block-product-gallery-thumbnails__thumbnail {
	overflow: hidden;
	background: var(--wp--preset--color--accent-5);
	border-radius: var(--ss-radius);
}

.ss-product__gallery .wc-block-product-gallery-large-image img {
	mix-blend-mode: multiply;
}

.ss-product__media {
	min-width: 0;
	overflow: hidden;
}

@media (min-width: 782px) {
	.ss-product__media {
		position: sticky;
		top: 24px;
		align-self: flex-start;
	}
}

.ss-product__summary > * {
	margin-block-start: 0;
}

.ss-product__cats {
	margin-bottom: 0.5rem !important;
}

.ss-product__cats a {
	color: inherit;
	text-decoration: none;
}

.ss-product__title {
	margin: 0 0 0.75rem !important;
	line-height: 1.15;
}

.ss-product__price {
	margin: 0.75rem 0 0.25rem !important;
	font-weight: 700;
}

.ss-product__price del {
	margin-right: 8px;
	color: var(--ss-muted);
	font-weight: 400;
}

.ss-product__price ins {
	color: var(--wp--preset--color--accent-1);
	text-decoration: none;
}

.ss-product__buy .wc-block-components-product-stock-indicator {
	margin: 0 0 0.75rem;
	font-size: 0.875rem;
}

.ss-product__buy .wc-block-components-product-stock-indicator--in-stock {
	color: #1f7a4d;
}

.ss-product__excerpt {
	margin-bottom: 1.5rem !important;
	line-height: 1.7;
}

.ss-product__excerpt p {
	margin: 0;
}

/* Bloc d'achat : quantité + bouton sur une ligne, bouton pleine largeur. */
.ss-product__buy {
	padding-top: 1.25rem;
	border-top: 1px solid var(--ss-line);
}

.ss-product__buy > .wp-block-group {
	flex-wrap: nowrap !important;
	gap: 12px !important;
	align-items: stretch !important;
}

.ss-product__buy .wc-block-add-to-cart-with-options__quantity-selector {
	flex: 0 0 auto;
}

.ss-product__buy .wc-block-components-quantity-selector {
	height: 52px;
	margin: 0;
	border-radius: 4px;
}

.ss-product__buy .wc-block-components-product-button {
	display: flex;
	flex: 1 1 0%;
	min-width: 0;
	margin: 0 !important;
}

.ss-product__buy .wc-block-components-product-button__button {
	width: 100%;
	height: 52px;
	font-size: 0.9375rem;
}

.ss-product__buy .wc-block-components-product-button__button[disabled],
.ss-product__buy .wc-block-components-product-button__button[aria-disabled="true"] {
	opacity: 0.45;
}

/* Choix des variantes (taille, couleur…) */
.ss-product__buy .wc-block-add-to-cart-with-options-variation-selector-attribute-name,
.ss-product__buy label {
	font-size: 0.8125rem;
	font-weight: 600;
}

.ss-product__buy select {
	min-height: 46px;
	padding: 0 2.25rem 0 0.85rem;
	font: inherit;
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--ss-line);
	border-radius: 4px;
}

.ss-product__buy .wc-block-product-filter-chips__item,
.ss-product__buy [role="radio"],
.ss-product__buy .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill {
	border-radius: 999px;
}

.ss-product__assurances {
	display: grid;
	gap: 10px;
	margin: 1.5rem 0 0;
	padding: 1rem 1.1rem;
	font-size: 0.8125rem;
	list-style: none;
	background: var(--wp--preset--color--accent-2);
	border-radius: var(--ss-radius);
}

.ss-product__assurances li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	line-height: 1.5;
}

.ss-product__assurances svg {
	flex: 0 0 auto;
	margin-top: 1px;
}

.ss-product__details {
	margin-top: 1.75rem !important;
	border-top: 1px solid var(--ss-line);
}

.ss-accordion {
	margin: 0 !important;
	padding: 0;
	border-bottom: 1px solid var(--ss-line);
}

.ss-accordion > summary {
	position: relative;
	padding: 1.05rem 2rem 1.05rem 0;
	font-size: 0.9375rem;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
}

.ss-accordion > summary::-webkit-details-marker {
	display: none;
}

.ss-accordion > summary::after {
	position: absolute;
	top: 50%;
	right: 4px;
	content: "+";
	font-size: 1.25rem;
	font-weight: 300;
	transform: translateY(-50%);
}

.ss-accordion[open] > summary::after {
	content: "−";
}

.ss-accordion > :not(summary) {
	margin-bottom: 1.1rem;
	color: var(--ss-muted);
	font-size: 0.9375rem;
	line-height: 1.7;
}

.ss-product__meta {
	margin-top: 1rem !important;
}

.ss-product__reviews {
	margin-top: var(--wp--preset--spacing--60) !important;
	padding-top: var(--wp--preset--spacing--50);
	border-top: 1px solid var(--ss-line);
}

.ss-related__title {
	margin-bottom: var(--wp--preset--spacing--40) !important;
}

/* ========== 9. Panier, commande, compte client ========== */
.ss-page-title {
	max-width: var(--wp--style--global--wide-size) !important;
	margin-bottom: var(--wp--preset--spacing--40) !important;
}

.ss-checkout-header .wp-block-site-title {
	margin: 0;
}

.ss-checkout-header__secure {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--ss-muted);
}

.ss-checkout-header__secure::before {
	width: 16px;
	height: 16px;
	content: "";
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.wc-block-components-sidebar-layout .wc-block-components-main,
.wc-block-components-sidebar {
	font-size: 0.9375rem;
}

.wc-block-cart .wc-block-components-product-name,
.wc-block-checkout .wc-block-components-product-name {
	font-weight: 600;
	text-decoration: none;
}

.wc-block-components-totals-wrapper,
.wc-block-components-order-summary {
	border-color: var(--ss-line) !important;
}

.wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__content,
.wc-block-checkout__sidebar,
.wp-block-woocommerce-checkout-order-summary-block {
	border-color: var(--ss-line) !important;
	border-radius: var(--ss-radius);
}

.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {
	border-color: #cfc8bc !important;
	border-radius: 4px !important;
}

.wc-block-components-text-input input:focus,
.wc-blocks-components-select .wc-blocks-components-select__select:focus {
	border-color: var(--wp--preset--color--contrast) !important;
	box-shadow: 0 0 0 1px var(--wp--preset--color--contrast) !important;
}

.wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
	box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--contrast) !important;
}

.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button {
	min-height: 52px;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	border-radius: 4px !important;
}

/* Confirmation de commande */
.woocommerce-order-overview,
.wc-block-order-confirmation-summary-list {
	font-size: 0.9375rem;
}

.wc-block-order-confirmation-totals table,
.wc-block-order-confirmation-shipping-address,
.wc-block-order-confirmation-billing-address {
	border-color: var(--ss-line) !important;
	border-radius: var(--ss-radius);
}

/* Pages de contenu */
.ss-page__title {
	margin-bottom: var(--wp--preset--spacing--50) !important;
}

.ss-page__content > * + * {
	margin-block-start: 1.1em;
}

.ss-page__content h2 {
	margin-top: var(--wp--preset--spacing--50);
}

/* Mon compte (gabarit classique WooCommerce) : pleine largeur utile. */
.woocommerce-account .ss-page > .ss-page__title,
.woocommerce-account .ss-page__content,
.woocommerce-account .ss-page__content > .woocommerce {
	max-width: var(--wp--style--global--wide-size) !important;
}

.woocommerce-account .woocommerce {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--50);
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	flex: 0 0 240px;
}

.woocommerce-account .woocommerce-MyAccount-content {
	flex: 1 1 420px;
	min-width: 0;
}

.woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--ss-line);
}

.woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-MyAccount-navigation li::before,
.woocommerce-MyAccount-navigation li::after {
	display: none !important;
}

.woocommerce-account .u-columns form.login,
.woocommerce-account .u-columns form.register {
	margin: 0;
	padding: 0;
	border: 0;
}

.woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 12px 4px;
	color: inherit;
	font-size: 0.9375rem;
	text-decoration: none;
	border-bottom: 1px solid var(--ss-line);
}

.woocommerce-MyAccount-navigation li.is-active a {
	font-weight: 700;
}

.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row select,
.woocommerce form.login input.input-text,
.woocommerce form.register input.input-text {
	min-height: 46px;
	padding: 0 12px;
	border: 1px solid #cfc8bc;
	border-radius: 4px;
}

.woocommerce-account .woocommerce .button,
.woocommerce form.login .button,
.woocommerce form.register .button {
	min-height: 46px;
	padding: 0 1.5rem;
	color: var(--wp--preset--color--base);
	font-weight: 600;
	background: var(--wp--preset--color--contrast);
	border: 0;
	border-radius: 4px;
}

.woocommerce-account .u-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--wp--preset--spacing--50);
	width: 100%;
}

.woocommerce-account .u-columns > div {
	float: none !important;
	width: auto !important;
	padding: var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--accent-2);
	border-radius: var(--ss-radius);
}

.woocommerce-orders-table,
.woocommerce-table--order-details {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.woocommerce-orders-table th,
.woocommerce-orders-table td,
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
	padding: 12px 8px;
	text-align: left;
	border-bottom: 1px solid var(--ss-line);
}

@media (max-width: 781px) {
	.woocommerce-account .woocommerce-MyAccount-navigation {
		flex: 1 1 100%;
	}
}