/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root{
    --charcoal:#211F1A;
    --charcoal-soft:#2B2822;
    --cream:#F7F1E7;
    --paper:#FCF9F3;
    --clay:#B9784C;
    --clay-dark:#95602F;
    --clay-tint:#EFDCC8;
    --sage:#757E67;
    --sage-soft:#9AA089;
    --stone:#E3D8C4;
    --stone-line:#CBBC9F;
    --ink:#2E2A22;
    --ink-soft:#6B6555;
    --ink-faint:#8C8674;
    --white:#FFFFFF;
    --shadow: 0 20px 50px -20px rgba(33,31,26,0.25);
}
/*************** ADD CUSTOM CSS HERE.   ***************/


.wapf-field-input select{
    padding: 0 10px;
}


.payment_method_mollie_wc_gateway_ideal{
    background: none !important;
    padding: 0 !important;
}
/* ===== Cart Page Redesign ===== */


/* Page background */
.woocommerce-cart .page-wrapper,
.woocommerce-cart #content,
.woocommerce-cart .page-inner {
  
}


/* Hide table header */
.drk-cart-redesign table.shop_table thead {
    display: none !important;
}

/* Cart table as card */
.drk-cart-redesign table.shop_table {
    border: 1px solid var(--stone-line) !important;
    border-radius: 12px !important;
    overflow: hidden;
    background: var(--paper);
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.drk-cart-redesign table.shop_table td {
    border-top: none !important;
    border-bottom: 1px solid var(--stone-line) !important;
}

.drk-cart-redesign table.shop_table td.product-remove {
    padding-left: 20px !important;
}

.drk-cart-redesign table.shop_table td.product-subtotal {
    padding-right: 20px !important;
}

.drk-cart-redesign .drk-cart-edit-row td {
    border-bottom: none !important;
    padding-top: 0 !important;
}

/* Outlined button style */
.drk-cart-redesign .drk-btn-outline {
    background: transparent !important;
    color: var(--clay) !important;
    border: 1.5px solid var(--clay) !important;
    border-radius: 25px !important;
    padding: 0 24px !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    margin-bottom: 0;
}


.drk-cart-redesign .drk-btn-outline:hover {
    background: var(--clay) !important;
    color: var(--white) !important;
}


/* Actions row: back + coupon + apply inline */
.drk-cart-redesign .drk-cart-actions {
    background: transparent !important;
    border: none !important;
    padding: 30px 0 10px !important;
}

.drk-cart-redesign .drk-actions-row {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.drk-cart-redesign .drk-coupon {
    display: flex !important;
    align-items: center;
    gap: 10px;
    flex: 1;
    float: none !important;
    margin: 0 !important;
}

.drk-cart-redesign .drk-coupon .input-text {
    flex: 1;
    border-radius: 25px !important;
    border: 1px solid var(--stone-line) !important;
    height: 44px !important;
    padding: 0 18px !important;
    min-width: 200px;
    box-sizing: border-box !important;
}

.drk-cart-redesign .drk-btn-apply {
    background: var(--clay) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 0 28px !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
    cursor: pointer;
    white-space: nowrap;
}

.drk-cart-redesign .drk-btn-apply:hover {
    background: var(--clay-dark) !important;
}

/* Hide update cart button visually but keep it functional */
.drk-cart-redesign .drk-update-cart-hidden {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Back button */
.drk-cart-redesign .drk-btn-back {
    white-space: nowrap;
}

/* Cart totals card */
.woocommerce-cart .cart-collaterals {
    background: var(--paper);
    border: 1px solid var(--stone-line);
    border-radius: 12px;
    padding: 30px;
    margin-top: 10px;
}

.woocommerce-cart .cart-collaterals .cart_totals {
    width: 100% !important;
    float: none !important;
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    border: none !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
    border: none !important;
    padding: 8px 0 !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total th,
.woocommerce-cart .cart-collaterals .cart_totals table tr.order-total td {
    font-size: 18px;
    font-weight: 700;
    border-top: 1px solid var(--stone-line) !important;
    padding-top: 15px !important;
}

/* Checkout button */
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button {
    background: var(--clay) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 15px 30px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    width: 100%;
    text-align: center;
}

.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover {
    background: var(--clay-dark) !important;
}

/* Quantity input styling – pill-shaped container */
.drk-cart-redesign .quantity.buttons_added {
    display: inline-flex !important;
    align-items: center !important;
    border: 1.5px solid var(--stone-line) !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: var(--white) !important;
    height: 44px !important;
}

.drk-cart-redesign .quantity .minus,
.drk-cart-redesign .quantity .plus {
    background: transparent !important;
    color: var(--ink) !important;
    border: none !important;
    border-radius: 0 !important;
    width: 40px !important;
    height: 100% !important;
    line-height: 1 !important;
    text-align: center !important;
    font-size: 18px !important;
    padding: 0 !important;
    font-weight: 400 !important;
}

.drk-cart-redesign .quantity .qty {
    border: none !important;
    text-align: center !important;
    width: 40px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--ink) !important;
    background: transparent !important;
    padding: 0 !important;
    -moz-appearance: textfield !important;
}

.drk-cart-redesign .quantity .qty::-webkit-outer-spin-button,
.drk-cart-redesign .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Remove link styling */
.drk-cart-redesign .product-remove .remove {
    color: var(--ink-faint) !important;
}

/* Hide "Verder winkelen" that may come from WooCommerce default */
.woocommerce-cart .return-to-shop {
    display: none;
}

/* Hide duplicate "Verder winkelen" injected by theme via woocommerce_cart_actions hook */
.drk-cart-redesign .drk-cart-actions .continue-shopping {
    display: none !important;
}

/* ===== Checkout Page Redesign ===== */

/* Page background */
.woocommerce-checkout .page-wrapper,
.woocommerce-checkout #content,
.woocommerce-checkout .page-inner {
  //  background-color: var(--paper);
}
.woocommerce-info.message-wrapper{
    margin-bottom: 20px;
}
.container .message-container{
    text-align: center;
    height: 44px;
    line-height: 44px;
}

/* Billing form card - targets #customer_details inside the left column */
.woocommerce-checkout #customer_details {
    background: var(--paper);
    border: 1px solid var(--stone-line);
    border-radius: 12px;
    padding: 30px 35px;
    margin-bottom: 20px;
}

.woocommerce-checkout-payment{
    input[type=checkbox], input[type=radio] {
        accent-color: var(--clay);
    }
}

/* Additional information card */
.woocommerce-checkout .woocommerce-additional-fields {

    margin-bottom: 20px;
}


.woocommerce-checkout .woocommerce-additional-fields h3 {
    margin-top: 0;
}

/* Order review card (right side) - targets .col-inner.has-border wrapper */
.woocommerce-checkout .large-5.col .col-inner.has-border {
    background: var(--paper);
    border: 1px solid var(--stone-line) !important;
    border-radius: 12px;
    padding: 30px 35px;
}

/* Order review table */
.woocommerce-checkout .woocommerce-checkout-review-order-table {
    border: none !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table td,
.woocommerce-checkout .woocommerce-checkout-review-order-table th {
    border: none !important;
    padding: 8px 0 !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total td {
    font-size: 18px;
    font-weight: 700;
    border-top: 1px solid var(--stone-line) !important;
    padding-top: 15px !important;
}

/* Payment methods styling */
.woocommerce-checkout #payment {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    border: 1px solid var(--stone-line) !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    padding: 12px 15px !important;
    background: var(--white) !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"]:checked + label {
    font-weight: 600;
}

/* Place order button */
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout #place_order {
    background: var(--clay) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 15px 30px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.woocommerce-checkout #payment #place_order:hover,
.woocommerce-checkout #place_order:hover {
    background: var(--clay-dark) !important;
}

/* Form field styling */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
    border: 1px solid var(--stone-line) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    background: var(--white) !important;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus {
    border-color: var(--clay) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px var(--clay) !important;
}

/* Coupon notice styling */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    border: solid 1px var(--stone-line);
    background: var(--paper);
    border-radius: 8px;
}


/* Checkout breadcrumb steps */
.checkout-breadcrumbs a {
    color: var(--ink-faint);
    border-bottom: 2px solid transparent;
    padding-bottom: 4px;
}

.checkout-breadcrumbs a.current {
    color: var(--charcoal);
    border-bottom-color: var(--clay);
}

/* ===== Order Received (Thank You) Page Redesign ===== */

.woocommerce-order-received .page-wrapper,
.woocommerce-order-received #content,
.woocommerce-order-received .page-inner {
    background-color: var(--cream);
}

/* Order details / customer details / thank-you cards */
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-order-received .is-well.col-inner {
    background: var(--white) !important;
    border: 1px solid var(--stone-line) !important;
    border-radius: 12px !important;
    padding: 30px 35px !important;
    margin-bottom: 20px !important;
    box-shadow: none !important;

}

.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title {
    font-size: 18px;
    font-weight: 700;
    color: var(--charcoal);
    margin-bottom: 15px;
}

.woocommerce-order-received .woocommerce-table--order-details {
    border: none !important;
}

.woocommerce-order-received .woocommerce-table--order-details th,
.woocommerce-order-received .woocommerce-table--order-details td {
    border: none !important;
    border-bottom: 1px solid var(--stone-line) !important;
    padding: 10px 0 !important;
}

.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td {
    border-bottom: none !important;
    font-weight: 700;
    font-size: 16px;
}

/* Thank-you message + checkmark icon */
.woocommerce-order-received .woocommerce-thankyou-order-received {
    display: flex;
    align-items: center;
    gap: 12px;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    color: var(--charcoal) !important;
    font-size: 16px;
}

.woocommerce-order-received .woocommerce-thankyou-order-received::before {
    content: 'check_circle';
    font-family: 'Material Icons';
    text-transform: none;
    font-size: 28px;
    line-height: 1;
    color: var(--clay);
    flex: 0 0 auto;
}

/* Order overview list (number/date/total/payment) */
.woocommerce-order-received .woocommerce-order-overview {
    list-style: none;

    border-radius: 10px;
    padding: 18px 0;
    margin: 0;
}

.woocommerce-order-received .woocommerce-order-overview li {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 14px;
    margin-left: 5px;
}

.woocommerce-order-received .woocommerce-order-overview li strong {
    color: var(--charcoal);
    font-weight: 700;
}

/* ===== My account - Addresses - ===== */
.woocommerce-Addresses{
    margin: 0 -20px;
}
.woocommerce-Address{
    border-radius: 10px;
    overflow: hidden;
    background: var(--paper);
    border: 1px solid var(--stone-line);
    transition: box-shadow 0.2s ease;
    margin: 10px;
    padding: 20px;
}
/* ===== Single Product Page – Related Products & Below ===== */

/* Related products section */
.related.related-products-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

.related.related-products-wrapper .product-section-title-related {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--ink);
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Product cards - shared by the related-products strip and the shop/category
   loop (.products.row), which render the exact same .product-small markup */
.related.related-products-wrapper .product-small .col-inner,
.products.row .product-small .col-inner {
    border-radius: 10px;
    overflow: hidden;
    background: var(--paper);
    border: 1px solid var(--stone-line);
    transition: box-shadow 0.2s ease;
}

.related.related-products-wrapper .product-small .col-inner:hover,
.products.row .product-small .col-inner:hover {
    box-shadow: var(--shadow);
}

.related.related-products-wrapper .product-small .box-image,
.products.row .product-small .box-image {
    border-radius: 10px;
    overflow: hidden;
}

.related.related-products-wrapper .product-small .box-image img,
.products.row .product-small .box-image img {
    border-radius: 10px;
}

/* Category label in clay */
.related.related-products-wrapper .product-small .product-cat,
.products.row .product-small .product-cat {
    color: var(--clay) !important;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Product title */
.related.related-products-wrapper .product-small .product-title,
.products.row .product-small .product-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
}

/* Product price */
.related.related-products-wrapper .product-small .price,
.products.row .product-small .price {
    color: var(--ink) !important;
    font-weight: 700;
    font-size: 14px;
}

/* Hide add-to-cart button */
.related.related-products-wrapper .product-small .add-to-cart-button,
.products.row .product-small .add-to-cart-button {
    display: none;
}

/* How-it-works strip */
.drk-how-it-works {
    background: var(--white) !important;
    border: 1px solid var(--stone-line) !important;
    border-radius: 10px !important;
    padding: 25px 20px !important;
    margin: 30px 0 !important;
}

.drk-step .material-icons {
    color: var(--clay);
}

.drk-step-content strong {
    color: var(--ink) !important;
    font-size: 15px !important;
}

.drk-step-content span {
    color: var(--ink-faint) !important;
    font-size: 13px !important;
}

.drk-step-divider {
    background: var(--stone-line) !important;
}

/* Product accordion */
.drk-product-accordion {
    border: 1px solid var(--stone-line) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background-color: var(--white) !important;
    margin-bottom: 30px !important;
}

.drk-accordion-item {
    border-bottom: 1px solid var(--stone-line) !important;
}

.drk-accordion-item:last-child {
    border-bottom: none !important;
}

.drk-accordion-header {
    background: var(--white) !important;
    color: var(--ink) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 20px 24px !important;
}

.drk-accordion-header:hover {
    background: var(--paper) !important;
}

.drk-accordion-header .chevron {
    color: var(--ink-faint);
}

.drk-accordion-body {
    color: var(--ink-soft) !important;
    padding: 0 24px 20px 24px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* Product footer / after-summary area background */
.single-product .product-footer {

    padding-top: 10px;
    padding-bottom: 30px;
}

/* Footer on single product page */
.single-product .footer-wrapper {
    background-color: var(--paper);
}

/* ===== My Account Page Redesign ===== */

.page-wrapper.my-account {
    background-color: var(--cream);
    padding-top: 40px;
    padding-bottom: 40px;
    a:not(.drk-design-btn){
        color: var(--clay);
    }
    a:not(.drk-design-btn):hover{
        color: var(--clay-dark);
    }
}
.dashboard-links {
    margin: 0 -10px;
}
.dashboard-links li{

    a{
        background-color: var(--paper);
        border: solid 1px var(--clay);
        margin: 10px;
        border-radius: 12px;

    }
    a:hover{
        background-color: var(--cream) !important;
        border: solid 1px var(--clay-dark);
    }
}




.my-account .vertical-tabs .large-3.col-border {
    border-right: none;
}

.my-account .account-user.circle {
    margin-bottom: 25px;
}

/* Sidebar navigation */
#my-account-nav.account-nav li {
    margin-bottom: 18px;
}

#my-account-nav.account-nav li a {
    color: var(--ink-faint);
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding-left: 16px;
    border-left: 3px solid transparent;
    display: block;
}

#my-account-nav.account-nav li.is-active a {
    color: var(--clay-dark);
    border-left-color: var(--clay);
}

/* Orders list -> card list */
table.woocommerce-orders-table thead {
    display: none;
}

table.woocommerce-orders-table,
table.woocommerce-orders-table tbody {
    display: block;
    width: 100%;
    border: none;
}

table.woocommerce-orders-table tr.woocommerce-orders-table__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--paper);
    border: none;
    border-radius: 14px;
    padding: 16px 24px;
    margin-bottom: 16px;
    box-shadow: 0 1px 4px rgba(33,31,26,0.06);
}

table.woocommerce-orders-table tr.woocommerce-orders-table__row td,
table.woocommerce-orders-table tr.woocommerce-orders-table__row th {
    border: none;
    padding: 0;
}

.woocommerce-orders-table__cell-order-number {
    font-weight: 800;
    color: var(--charcoal);
    font-size: 15px;
}

.woocommerce-orders-table__cell-order-date {
    color: var(--ink-faint);
}

mark.drk-order-status {
    background: var(--clay-tint);
    color: var(--clay-dark);
    border-radius: 999px;
    padding: 6px 14px;
    font-weight: 700;
    font-size: 11.5px;
}

.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
    font-weight: 800;
    color: var(--charcoal);
}

.woocommerce-orders-table__cell-order-actions a.button {
    background: var(--clay) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 10px 18px !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
    letter-spacing: 0.3px !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: normal !important;
    margin: 0 !important;
}

.woocommerce-orders-table__cell-order-actions a.button:hover {
    background: var(--clay-dark) !important;
}

/* Mijn Ontwerpen (My Designs) list */
.drk-design-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.drk-design-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--paper);
    border-radius: 14px;
    padding: 16px 24px;
    box-shadow: 0 1px 4px rgba(33,31,26,0.06);
}

.drk-design-thumb {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    background: repeating-linear-gradient(
        45deg,
        var(--stone) 0, var(--stone) 6px,
        var(--cream) 6px, var(--cream) 12px
    );
}

.drk-design-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.drk-design-info {
    flex: 1 1 auto;
    min-width: 0;
}

.drk-design-title {
    font-weight: 800;
    color: var(--charcoal);
    font-size: 15px;
}

.drk-design-subtitle {
    color: var(--ink-faint);
    font-size: 13px;
}

mark.drk-design-status {
    flex: 0 0 auto;
    background: var(--stone);
    color: var(--ink-soft);
    border-radius: 999px;
    padding: 6px 14px;
    font-weight: 700;
    font-size: 11.5px;
    text-transform: lowercase;
}

.drk-design-actions {
    flex: 0 0 auto;
    display: flex;
    gap: 10px;
}

.drk-design-btn {
    border-radius: 999px;
    padding: 10px 18px;
    font-weight: 700;
    font-size: 12.5px;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid transparent;
}

.drk-design-btn--edit {
    background: var(--paper);
    color: var(--clay);
    border-color: var(--clay);
}

.drk-design-btn--edit:hover {
    background: var(--clay-tint);
}


.drk-design-btn--order {
    background: var(--clay);
    color: var(--white);
}

.drk-design-btn--order:hover {
    background: var(--clay-dark);
}

.drk-design-btn--delete {
    background: var(--paper);
    color: oklch(0.55 0.14 30);
    border-color: oklch(0.75 0.06 30);
}

.drk-design-btn--delete:hover {
    background: oklch(0.96 0.02 30);
}

/* Accountdetails (edit-account) form */
.woocommerce-EditAccountForm.edit-account {
    background: var(--paper);
    border-radius: 14px;
    padding: 30px 35px;
    border: solid 1px var(--stone-line);
}

.woocommerce-EditAccountForm .form-row {
    margin-bottom: 18px;
}

.woocommerce-EditAccountForm .form-row label {
    display: block;
    font-weight: 700;
    font-size: 13px;
    color: var(--charcoal);
    margin-bottom: 6px;
}

.woocommerce-EditAccountForm .woocommerce-Input {
    width: 100%;
    border: 1px solid var(--stone-line);
    border-radius: 8px;
    padding: 10px 14px;
    background: var(--white);
    box-sizing: border-box;
}

.woocommerce-EditAccountForm .woocommerce-Input:focus {
    border-color: var(--clay);
    outline: none;
    box-shadow: 0 0 0 1px var(--clay);
}

.woocommerce-EditAccountForm fieldset {
    border: none;
    padding: 0;
    margin: 10px 0 0;
}

.woocommerce-EditAccountForm fieldset legend {
    font-size: 16px;
    font-weight: 700;
    color: var(--charcoal);
    margin-bottom: 15px;
    padding: 0;
    width: 100%;
}

.woocommerce-EditAccountForm button[name="save_account_details"] {
    background: var(--clay) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 12px 30px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
    height: auto !important;
    line-height: normal !important;
    margin: 10px 0 0 !important;
}

.woocommerce-EditAccountForm button[name="save_account_details"]:hover {
    background: var(--clay-dark) !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

    .drk-cart-redesign .drk-actions-row {
        flex-direction: column;
        align-items: stretch;
    }

    .drk-cart-redesign .drk-coupon .input-text {
        min-width: 0;
    }

    table.woocommerce-orders-table tr.woocommerce-orders-table__row {
        flex-wrap: wrap;
        gap: 10px;
    }

    .woocommerce-orders-table__cell-order-actions {
        width: 100%;
    }

    .woocommerce-orders-table__cell-order-actions a.button {
        width: 100%;
        text-align: center;
    }

    .drk-design-card {
        flex-wrap: wrap;
    }

    .drk-design-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .drk-design-btn {
        flex: 1 1 auto;
        text-align: center;
    }
}