/* SPD customer account — BNO-0661 */
.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);
    gap: clamp(1.5rem, 4vw, 3.5rem);
    align-items: start;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: auto;
    float: none;
    position: sticky;
    top: 1rem;
    padding: .65rem;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 14px 38px rgba(2, 20, 49, .07);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid;
    gap: .25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block;
    padding: .7rem .8rem;
    border-radius: .65rem;
    color: #0b234a;
    font-weight: 700;
    text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    color: #fff;
    background: #59268f;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: auto;
    float: none;
    min-width: 0;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-child,
.woocommerce-account .woocommerce-MyAccount-content > p:nth-child(2) {
    max-width: 760px;
    color: #526079;
}

.spd-account-home {
    display: grid;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.spd-account-home > header {
    padding: clamp(1.25rem, 3vw, 2rem);
    border-radius: 1rem;
    color: #fff;
    background: linear-gradient(135deg, #071a3a 0%, #142b55 65%, #59268f 145%);
}

.spd-account-home h2,
.spd-account-home h3,
.spd-account-home p {
    margin-top: 0;
}

.spd-account-home > header p:last-child {
    max-width: 700px;
    margin-bottom: 0;
    color: #dbeafe;
}

.spd-account-eyebrow {
    margin-bottom: .45rem;
    color: #c4b5fd;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.spd-account-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.spd-account-actions > a {
    display: grid;
    gap: .25rem;
    min-height: 105px;
    padding: 1rem 1.1rem;
    border: 1px solid #dbe3ef;
    border-radius: .85rem;
    color: #0b234a;
    background: #fff;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(2, 20, 49, .05);
}

.spd-account-actions > a:hover {
    border-color: #7c3aed;
    transform: translateY(-1px);
}

.spd-account-actions strong {
    font-size: 1rem;
}

.spd-account-actions span {
    color: #64748b;
    font-size: .88rem;
}

.spd-account-actions .spd-account-actions__primary {
    border-color: #59268f;
    color: #fff;
    background: #59268f;
}

.spd-account-actions .spd-account-actions__primary span {
    color: #ede9fe;
}

.spd-account-recent {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: #fff;
}

.spd-account-recent__head,
.spd-account-order {
    display: grid;
    grid-template-columns: minmax(125px, 1fr) minmax(120px, 1fr) minmax(130px, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: .85rem 1rem;
}

.spd-account-recent__head {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e2e8f0;
}

.spd-account-recent__head h3 {
    margin: 0;
}

.spd-account-order {
    border-bottom: 1px solid #eef2f7;
    color: #0b234a;
    text-decoration: none;
}

.spd-account-order:last-child {
    border-bottom: 0;
}

.spd-account-order span,
.spd-account-order time {
    color: #64748b;
    font-size: .88rem;
}

.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-table--order-details {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: .85rem;
    background: #fff;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-table--order-details th,
.woocommerce-account .woocommerce-table--order-details td {
    padding: .85rem 1rem;
}

.woocommerce-account .woocommerce-customer-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.woocommerce-account .woocommerce-customer-details > section,
.woocommerce-account .woocommerce-customer-details > address {
    height: 100%;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: .85rem;
    background: #fff;
}

.woocommerce-account .bno-address-book-list,
.woocommerce-account [class*="address-book"] {
    gap: .8rem;
}

@media (max-width: 820px) {
    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        position: static;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .spd-account-actions,
    .woocommerce-account .woocommerce-customer-details {
        grid-template-columns: 1fr;
    }

    .spd-account-recent__head {
        display: flex;
    }

    .spd-account-order {
        grid-template-columns: 1fr 1fr;
        gap: .35rem .75rem;
    }
}

@media (max-width: 480px) {
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr;
    }
}


/* Dashboard-specifieke afronding: verberg de generieke Woo-intro en bescherm het contrast
   tegen globale Breakdance-typografie. */
.spd-account-dashboard .woocommerce-MyAccount-content > p {
    display: none !important;
}

.breakdance .woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.breakdance .woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    color: #fff !important;
    background: #59268f !important;
}

.breakdance .spd-account-home > header h2 {
    color: #fff !important;
}

.breakdance .spd-account-home > header .spd-account-eyebrow {
    color: #c4b5fd !important;
}

.breakdance .spd-account-home > header p:last-child {
    color: #dbeafe !important;
}

.breakdance .spd-account-actions > a {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.breakdance .spd-account-actions > a strong,
.breakdance .spd-account-actions > a span {
    display: block;
}