/* Template: Card Grid — dashboard-first layout */
.wcmap-tpl-cardgrid {
    grid-template-columns: 220px 1fr;
}

/* On dashboard endpoint, hide the sidebar nav and show card grid */
.wcmap-tpl-cardgrid .wcmap-sidebar { grid-column: 1; }
.wcmap-tpl-cardgrid .wcmap-content  { grid-column: 2; }

/* The card grid nav items */
.wcmap-tpl-cardgrid .woocommerce-MyAccount-navigation ul li a {
    border-radius: 10px;
    font-size: 13px;
}

/* Card nav quick-access tiles shown inside .wcmap-content on dashboard */
.wcmap-nav-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 14px;
    margin-bottom: 28px;
}
.wcmap-nav-tile {
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: var(--wcmap-radius, 16px);
    padding: 20px 16px;
    text-align: center;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    transition: all .18s;
    cursor: pointer;
}
.wcmap-nav-tile:hover {
    border-color: var(--wcmap-primary, #2563eb);
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    transform: translateY(-2px);
    color: var(--wcmap-primary, #2563eb);
}
.wcmap-nav-tile__icon {
    font-size: 28px;
    width: 52px; height: 52px;
    background: color-mix(in srgb, var(--wcmap-primary, #2563eb) 10%, transparent);
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
}
.wcmap-nav-tile__label { font-size: 12.5px; font-weight: 600; }