.woocommerce-account .woocommerce {
max-width: 1100px;
margin: 40px auto 80px;
padding: 0 5%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 260px;
float: left;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: calc(100% - 300px);
float: right;
background: #ffffff;
padding: 28px 32px;
border-radius: 16px;
border: 1px solid rgba(0,0,0,.08);
box-shadow: 0 10px 20px rgba(0,0,0,.03);
} .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-MyAccount-navigation li {
margin-bottom: 8px;
}
.woocommerce-MyAccount-navigation a {
display: block;
padding: 12px 16px;
border-radius: 999px;
text-decoration: none;
font-weight: 700;
color: var(--text-main) !important;
background: rgba(0,0,0,.03);
transition: transform .12s ease, background .12s ease;
}
.woocommerce-MyAccount-navigation a:hover {
transform: translateY(-1px);
background: rgba(255,128,102,.12);
color: var(--text-main) !important;
}
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation .is-active a:hover {
background: var(--human-coral) !important;
color: #ffffff !important;
} .woocommerce-MyAccount-content h2 {
margin-top: 0;
font-size: 1.6rem;
}
.woocommerce-MyAccount-content p {
margin-bottom: 16px;
color: var(--text-soft);
} .woocommerce-orders-table {
border-radius: 14px;
overflow: hidden;
}
.woocommerce-orders-table th {
background: rgba(0,0,0,.03);
} @media (max-width: 900px) {
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
float: none;
}
.woocommerce-MyAccount-navigation {
margin-bottom: 20px;
}
} .woocommerce-address-fields button.button,
.woocommerce-address-fields input[type="submit"],
.woocommerce-EditAccountForm button.button,
.woocommerce-EditAccountForm input[type="submit"],
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input[type="submit"] {
background-color: var(--human-coral) !important;
color: #ffffff !important;
border: 2px solid var(--human-coral) !important;
border-radius: 999px !important;
font-weight: 700 !important;
padding: 12px 28px !important;
cursor: pointer !important;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important;
box-shadow: none !important;
}
.woocommerce-address-fields button.button:hover,
.woocommerce-address-fields input[type="submit"]:hover,
.woocommerce-EditAccountForm button.button:hover,
.woocommerce-EditAccountForm input[type="submit"]:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input[type="submit"]:hover {
background-color: #e06650 !important;
border-color: #e06650 !important;
color: #ffffff !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 16px rgba(255,128,102,.25) !important;
} .woocommerce-account .woocommerce-form-row input[type="radio"],
.woocommerce-account .woocommerce-form-row input[type="checkbox"] {
accent-color: var(--human-coral) !important;
width: 16px !important;
height: 16px !important;
cursor: pointer !important;
}
.woocommerce-account .woocommerce-form-row label {
display: flex !important;
align-items: center !important;
gap: 10px !important;
cursor: pointer !important;
} .woocommerce-cart .woocommerce,
.wp-block-woocommerce-cart,
.wc-block-cart {
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 5% !important;
padding-right: 5% !important;
box-sizing: border-box !important;
} .wc-block-components-quantity-selector {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
background: #ffffff !important;
border: 1px solid rgba(0,0,0,0.12) !important;
border-radius: 999px !important;
padding: 2px !important;
width: auto !important;
}
.wc-block-components-quantity-selector__button,
button.wc-block-components-quantity-selector__button {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
padding: 0 !important;
border-radius: 50% !important;
background-color: transparent !important;
color: var(--text-main) !important;
border: none !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: background .15s ease, color .15s ease !important;
box-shadow: none !important;
text-transform: none !important;
}
.wc-block-components-quantity-selector__button:hover {
background-color: var(--human-coral) !important;
color: #ffffff !important;
}
.wc-block-components-quantity-selector__button:disabled {
opacity: 0.3 !important;
cursor: not-allowed !important;
}
.wc-block-components-quantity-selector__button:disabled:hover {
background-color: transparent !important;
color: var(--text-main) !important;
}
.wc-block-components-quantity-selector__input,
input.wc-block-components-quantity-selector__input {
width: 32px !important;
min-width: 32px !important;
text-align: center !important;
font-weight: 700 !important;
border: none !important;
background: transparent !important;
padding: 0 !important;
font-size: 0.95rem !important;
color: var(--text-main) !important;
-moz-appearance: textfield;
}
.wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.wc-block-components-quantity-selector__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .wc-block-cart-item__remove-link,
button.wc-block-cart-item__remove-link,
.wc-block-cart-items button[aria-label*="emove"],
.wc-block-cart-items button[aria-label*="erwijder"],
.woocommerce-cart-form .product-remove a,
.woocommerce-cart-form .product-remove .remove {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
padding: 0 !important;
background: transparent !important;
background-color: transparent !important;
color: var(--text-soft) !important;
border: 1px solid rgba(0,0,0,0.12) !important;
border-radius: 50% !important;
font-size: 1rem !important;
line-height: 1 !important;
font-weight: 400 !important;
text-decoration: none !important;
cursor: pointer !important;
transition: background .15s ease, color .15s ease, border-color .15s ease !important;
box-shadow: none !important;
text-transform: none !important;
}
.wc-block-cart-item__remove-link:hover,
button.wc-block-cart-item__remove-link:hover,
.wc-block-cart-items button[aria-label*="emove"]:hover,
.wc-block-cart-items button[aria-label*="erwijder"]:hover,
.woocommerce-cart-form .product-remove a:hover,
.woocommerce-cart-form .product-remove .remove:hover {
background: #FEF2F2 !important;
background-color: #FEF2F2 !important;
color: #DC2626 !important;
border-color: #DC2626 !important;
} .wc-block-cart-item__remove-link svg,
.wc-block-cart-items button[aria-label*="emove"] svg,
.wc-block-cart-items button[aria-label*="erwijder"] svg {
width: 16px !important;
height: 16px !important;
fill: currentColor !important;
display: block !important;
} .woocommerce-cart-form .product-remove .remove {
font-size: 1.2rem !important;
font-weight: 700 !important;
} .wc-block-cart__submit-button,
a.wc-block-cart__submit-button,
.wp-block-woocommerce-proceed-to-checkout-block a,
.wc-block-components-checkout-place-order-button {
display: block !important;
width: 100% !important;
background-color: var(--human-coral) !important;
color: #ffffff !important;
border: 2px solid var(--human-coral) !important;
border-radius: 999px !important;
padding: 14px 28px !important;
font-weight: 700 !important;
font-size: 1rem !important;
text-align: center !important;
text-decoration: none !important;
cursor: pointer !important;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important;
box-shadow: 0 6px 16px rgba(255,128,102,.20) !important;
margin-top: 12px !important;
text-transform: none !important;
}
.wc-block-cart__submit-button:hover,
a.wc-block-cart__submit-button:hover {
background-color: #e06650 !important;
border-color: #e06650 !important;
transform: translateY(-1px) !important;
box-shadow: 0 10px 22px rgba(255,128,102,.28) !important;
color: #ffffff !important;
} .wc-block-cart-items__row {
border-bottom: 1px solid rgba(0,0,0,0.06) !important;
padding: 16px 0 !important;
}
.wc-block-cart-item__image img,
.wc-block-cart-item__image a img {
border-radius: 8px !important;
border: 1px solid rgba(0,0,0,0.06) !important;
}
.wc-block-cart-item__product .wc-block-components-product-name,
.wc-block-cart-item__product a {
color: var(--human-coral) !important;
font-weight: 700 !important;
text-decoration: none !important;
}
.wc-block-cart-item__product a:hover {
text-decoration: underline !important;
}
.wc-block-cart-item__product .wc-block-components-product-price,
.wc-block-cart-item__total .wc-block-components-product-price {
font-weight: 600 !important;
} .wc-block-cart-item__total .wc-block-components-product-badge,
.wc-block-components-product-badge {
background: rgba(5, 150, 105, 0.10) !important;
color: #059669 !important;
border: 1px solid rgba(5, 150, 105, 0.25) !important;
border-radius: 999px !important;
padding: 2px 10px !important;
font-size: 0.75rem !important;
font-weight: 700 !important;
}  .wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-cart-order-summary-subtotal-block,
.wp-block-woocommerce-cart-order-summary-totals-block,
.wp-block-woocommerce-cart-order-summary-discount-block,
.wp-block-woocommerce-cart-order-summary-fee-block,
.wp-block-woocommerce-cart-order-summary-shipping-block,
.wp-block-woocommerce-cart-order-summary-taxes-block,
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-subtotal-block,
.wp-block-woocommerce-checkout-order-summary-totals-block,
.wp-block-woocommerce-checkout-order-summary-discount-block,
.wp-block-woocommerce-checkout-order-summary-fee-block,
.wp-block-woocommerce-checkout-order-summary-shipping-block,
.wp-block-woocommerce-checkout-order-summary-taxes-block,
.wp-block-woocommerce-checkout-order-summary-cart-items-block {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
} .wc-block-components-totals-item {
padding: 12px 0 !important;
border-top: 1px solid rgba(0,0,0,0.06) !important;
margin: 0 !important;
} .wp-block-woocommerce-cart-order-summary-block > *:first-child .wc-block-components-totals-item,
.wp-block-woocommerce-checkout-order-summary-block > *:first-child .wc-block-components-totals-item,
.wc-block-components-totals-wrapper:first-child .wc-block-components-totals-item {
border-top: none !important;
} .wc-block-components-totals-item__label {
color: var(--text-soft) !important;
font-weight: 500 !important;
}
.wc-block-components-totals-item__value {
font-weight: 600 !important;
color: var(--text-main) !important;
} .wc-block-components-totals-footer-item,
.wc-block-components-totals-item.wc-block-components-totals-footer-item,
.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-item,
.wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item {
padding-top: 16px !important;
margin-top: 8px !important;
border-top: 2px solid rgba(0,0,0,0.10) !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-item__label,
.wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item__label {
font-size: 1.25rem !important;
font-weight: 700 !important;
color: var(--text-main) !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-item__value,
.wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item__value {
font-size: 1.4rem !important;
font-weight: 700 !important;
color: var(--text-main) !important;
} .wc-block-components-totals-item__description {
color: var(--text-soft) !important;
font-size: 0.85rem !important;
font-weight: 400 !important;
margin-top: 4px !important;
} .wc-block-components-totals-discount .wc-block-components-totals-item__value,
.wc-block-components-totals-discount .wc-block-components-totals-item__label,
.wc-block-components-totals-item.wc-block-components-totals-discount .wc-block-components-totals-item__value,
.wc-block-components-totals-item.wc-block-components-totals-discount .wc-block-components-totals-item__label,
.wc-block-components-totals-coupon-list .wc-block-components-totals-item__value,
.wc-block-components-totals-fees .wc-block-components-totals-item__value,
.wp-block-woocommerce-cart-order-summary-discount-block .wc-block-components-totals-item__value,
.wp-block-woocommerce-checkout-order-summary-discount-block .wc-block-components-totals-item__value {
color: #059669 !important;
font-weight: 700 !important;
} .wc-block-components-chip.is-removable,
.wc-block-components-totals-coupon-list .wc-block-components-chip {
background: rgba(5, 150, 105, 0.10) !important;
color: #059669 !important;
border: 1px solid rgba(5, 150, 105, 0.25) !important;
border-radius: 999px !important;
padding: 4px 10px !important;
font-weight: 700 !important;
}
.wc-block-components-chip__remove,
.wc-block-components-chip.is-removable .wc-block-components-chip__remove {
color: #059669 !important;
} .wp-block-woocommerce-cart-order-summary-shipping-block:empty,
.wp-block-woocommerce-cart-order-summary-fee-block:empty,
.wp-block-woocommerce-cart-order-summary-taxes-block:empty,
.wp-block-woocommerce-checkout-order-summary-shipping-block:empty,
.wp-block-woocommerce-checkout-order-summary-fee-block:empty,
.wp-block-woocommerce-checkout-order-summary-taxes-block:empty {
display: none !important;
}  .wc-block-cart__sidebar,
.wp-block-woocommerce-cart-totals-block,
.wc-block-components-sidebar {
background: #ffffff !important;
border: 1px solid rgba(0,0,0,0.08) !important;
border-radius: var(--radius-card) !important;
padding: 24px !important;
box-shadow: 0 10px 22px rgba(0,0,0,0.03) !important;
} .wp-block-woocommerce-checkout-order-summary-block {
background: #ffffff !important;
border: 1px solid rgba(0,0,0,0.08) !important;
border-radius: var(--radius-card) !important;
padding: 24px !important;
box-shadow: 0 10px 22px rgba(0,0,0,0.03) !important;
margin: 0 !important;
} .wp-block-woocommerce-checkout-order-summary-block h2,
.wc-block-components-checkout-order-summary__title,
.wc-block-components-order-summary__title {
font-size: 1.3rem !important;
font-weight: 700 !important;
margin: 0 0 16px !important;
padding: 0 0 16px !important;
border-bottom: 1px solid rgba(0,0,0,0.08) !important;
color: var(--text-main) !important;
} .wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.wc-block-components-totals-coupon {
background: transparent !important;
border: none !important;
border-top: 1px solid rgba(0,0,0,0.06) !important;
border-bottom: 1px solid rgba(0,0,0,0.06) !important;
border-radius: 0 !important;
padding: 12px 0 !important;
margin: 8px 0 !important;
box-shadow: none !important;
} .wc-block-components-payment-method-icon,
img.wc-block-components-payment-method-icon {
height: 32px !important;
width: auto !important;
object-fit: contain !important;
}
.wc-block-components-payment-method-icons,
.wp-block-woocommerce-cart-accepted-payment-methods-block {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
margin-top: 12px !important;
justify-content: center !important;
} .wp-block-woocommerce-empty-cart-block {
text-align: center !important;
padding: 40px 20px !important;
}
.wc-empty-cart-message,
.wp-block-woocommerce-empty-cart-block p {
font-size: 1.1rem !important;
color: var(--text-soft) !important;
margin-bottom: 24px !important;
}
.wp-block-woocommerce-empty-cart-block .woocommerce-info {
background: #fff !important;
border: 1px solid rgba(0,0,0,0.08) !important;
border-top: 3px solid var(--human-coral) !important;
border-radius: 14px !important;
color: var(--text-main) !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
padding: 16px 20px !important;
}
.woocommerce-cart .return-to-shop a,
.wp-block-woocommerce-empty-cart-block a.wp-block-button__link {
background-color: var(--human-coral) !important;
color: #ffffff !important;
border: 2px solid var(--human-coral) !important;
border-radius: 999px !important;
padding: 12px 28px !important;
font-weight: 700 !important;
text-decoration: none !important;
display: inline-block !important;
transition: transform .15s ease, box-shadow .15s ease !important;
}
.woocommerce-cart .return-to-shop a:hover,
.wp-block-woocommerce-empty-cart-block a.wp-block-button__link:hover {
transform: translateY(-1px) !important;
box-shadow: 0 6px 16px rgba(255,128,102,.25) !important;
color: #ffffff !important;
}