/* Winkelopmaak: winkelwagen, afrekenen, bedankpagina, productlijst en Mijn
   account.

   Hoorde bij het kindthema (flatsome-child/style.css, daarna astra-child), maar
   het is opmaak van DIT systeem: dezelfde winkel moet er hetzelfde uitzien
   welk sjabloon er ook onder ligt. StorefrontService zet dit bestand klaar op
   elke winkelpagina.

   De merkkleuren volgen het palet van het domein (DomainColorService zet
   --drk-* in de head); zonder eigen kleuren zijn het dezelfde kleuren als
   altijd.

   Let op: een handvol regels is ooit tegen de HTML van Flatsome geschreven en
   doet onder Astra niets. Ze staan er nog in zodat zichtbaar is wat opnieuw
   gericht moet worden zodra Astra live staat:
     .woocommerce-checkout .large-5.col .col-inner.has-border
     .woocommerce-order-received .is-well.col-inner
     .products.row .product-small ...  (zeven regels, de productlijst)
     .page-wrapper.my-account
     .my-account .vertical-tabs .large-3.col-border
   ========================================================================== */

:root{
    --charcoal:var(--drk-tertiary-hover, #211F1A);
    --charcoal-soft:#2B2822;
    --cream:var(--drk-menu, #F7F1E7);
    --paper:#FCF9F3;
    --clay:var(--drk-primary, #B9784C);
    --clay-dark:var(--drk-primary-hover, #95602F);
    --clay-tint:#EFDCC8;
    --sage:var(--drk-secondary, #757E67);
    --sage-soft:var(--drk-secondary-hover, #9AA089);
    --stone:#E3D8C4;
    --stone-line:#CBBC9F;
    --ink:var(--drk-tertiary, #2E2A22);
    --ink-soft:var(--drk-ui-grey-light, #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;
    }
}